MY500 UI Kit: Всё, что нужно для создания издательского дизайна в Adobe XD вдохновлённого Баухаусом

Прошло почти сто лет с тех пор, как школа Баухаус изменила наше общее представление об искусстве и архитектуре. Её уважают за отменное использование типографики, геометрических форм и простого, но эффектного дизайна. Их подход не является современным, но некоторые из ключевых принципов стиля, остаются впечатляющими и в наши дни. Чтобы отпраздновать деятельность Adobe в рамках кампании “Скрытые сокровища”, в которой типографы оживляют и делятся традиционными шрифтами Баухауса с членами Creative Cloud, мы поручили талантливому UX дизайнеру Мелани Дейвид (Melanie Daveid), взять один из шрифтов Баухаус, а затем применить его элементы и принципы к дизайну продуктов 21-го века. На этих выходных запрыгните в Adobe XD вместе с MY500 UI Kit, чтобы отправиться в прошлое и создать свой собственный цифровой шедевр Баухауса.

 

Мелани берлинский дизайнер, живущий недалеко от Дессау, Германия, месте где был основан Баухаус. Она говорит, что сочетание UX дизайна и принципов Баухауса, которые можно найти в её бесплатном MY500 UI Kit, способно создавать потрясающие и действенные приложения.

“Перенос принципов Баухауса на дизайн современных продуктов, означает наличие смелости избавляться от лишнего”,—сказала она. “Это могут быть визуальные детали, необычная анимация, не имеющая смысла или малоиспользуемые функции. Принцип Баухауса «функция определяет форму” может быть истолкован, как в нашем случае “потребность определяет решение”.

Вы можете скачать MY500 бесплатно здесь, ниже, вы узнаете о его многочисленных шаблонах навигации, тоннах элементов и вдохновитесь культовым дизайном (с использованием шрифта Reross).

Баухаус – как вдохновитель Мелани на создание UI Kit

MY500 UI Kit предоставляет ту же модульную систему, как и десятки других бесплатных UI Kit для Adobe XD, и поставляется с кучей элементов UI, которые вы можете использовать в своих собственных прототипах. Типографика является “скрытым сокровищем” приложения. В наборе используется шрифт Reross, изначально разработанный специалистом Баухауса, Рейнхольдом Россигом и воссозданный Элией Пройсс. Это типичный элемент Баухауза, и всё вращается вокруг него.

“Баухаус—это высшая форма проектирования сфокусированная одновременно на вдумчивости и бескомпромиссности. Концепции навигации в MY500 имеют плоскую иерархию поэтому они так просты. Контент сам воплощает всё в жизнь и плавно оборачивается крупным шрифтом Reross”,—говорит Мелани.

Reross является истинным наследием Баухауса. Из всех студенческих работ, выполненных в классах мастера Йоста Шмидта, рисунки Рейнхольда были наиболее близки его учению. Шрифт состоит из однолинейных геометрических букв, построенных по сеткам с использованием компаса и линейки.

Шрифты Reross, теперь доступные из скрытых сокровищ Баухауса Дессау (Bauhaus Dessau) на Adobe Fonts
Шрифты Reross, теперь доступные из скрытых сокровищ Баухауса Дессау (Bauhaus Dessau) на Adobe Fonts

Дизайнер Элия тщательно сохранила буквы и наработки Рейнхольда, позаимствовав некоторые наиболее характерные буквы, найденные на постерах дизайнера-студента Баухауса Германа Вернера Кубша. Под влиянием Баухауса Герман создал геометрический стиль, идеально подходящий для бросающихся в глаза элементов UI Мелани (и дизайна вашего продукта), полный различного исторического влияния и современных особенностей.

Начало работы с MY500 UI Kit в Adobe XD

Сначала убедитесь, что у вас загружена последняя версия Adobe XD, затем выполните следующие быстрые шаги, чтобы начать работу с MY500 UI Kit:

  • Шаг 1: Загрузите MY500 UI Kit. Нажмите здесь, чтобы загрузить MY500. Он включает в себя всё, что вам нужно для создания приложения с потрясающим издательским дизайном, вдохновлённым Баухаусом.
  • Шаг 2: Изучите MY500 UI Kit и всё, что он предлагает. MY500 включает в себя несколько шаблонов навигации, более 20 модулей редакторского контента и элементы, созданные с помощью шрифта Reross.
  • Шаг 3: Начните проектирование. Используйте MY500 в качестве отправной точки для создания собственного iOS или веб-приложения. Все элементы комплекта соответствуют концепции комбинирования и сопоставления, которая обеспечивает максимальную гибкость при проектировании и позволяет создавать эффектные макеты в течение очень короткого времени. Просто выберите модуль, перетащите его на артборд и добавьте свой контент.
  • Шаг 4: Соедините экраны вместе, чтобы создать интерактивный прототип, которым вы можете поделиться.

Уроки полученные из методов проектирования Баухауса

Дизайн MY500 UI Kit создан с целью привнесения элементов физического мира в цифровую среду, до-цифровые корни Баухауса и увлечения Мелани проблёскивают всюду, от типографики до форм. Несмотря на то, что Мелани работает исключительно в области цифровых технологий, наблюдение за стилем и создание этого UI Kit укрепили её собственный подход к дизайну, который помог ей оставаться в физическом мире.

“Многие проекты, над которыми я работаю, являются не физическими. Их можно использовать (например интерфейсы), но так как между нами всегда есть устройство, они не являются чем-то осязаемым. Действительно жить “дизайном посредством ремёсел” является главным замыслом Баухаус Дессау, и это всегда меня вдохновляло”,—сказала она.

Шрифты Баухаус

Добавленный Мелани, тот коллективный характер школы Баухаус, когда многие мастера и дизайнеры сотрудничают, интерпретируют и выражают свои принципы дизайна по-своему, имеет очень глубокий отклик внутри неё и является тем, что она пыталась культивировать в своей собственной дизайнерской практике.

«Мне нравится идея объединения для создания дизайна, независимо от того, является ли дизайн цифровым или получен путем создания чего-то осязаемого, как это было в Баухаус Дессау. Общение в цифровом формате может быть более актуальным сегодня, но ничто не заменит вдохновляющую личную беседу с другими создателями или просто наблюдение за их работой”,—сказала она.

О Мелани Дейвид

Мелани родом из Австрии, сейчас живет в Берлине, где она является UX-стратегом. Междисциплинарный опыт работы привёл её от фриланса к агентствам и начинающим компаниям занимающимся разработкой продуктов, дизайном бренда, художественным руководством и управлением творческими коллективами. В последнее время она сосредоточилась на управлении продуктами eBay. Если вы встретите её, обязательно дайте пятерку (и спросите о Баухаусе).

Мелани Дейвид
Мелани Дейвид