В последние 5 лет пользовательский дизайн застрял на различных вариантах современного минималистичного стиля. Красивые, закругленные края, мягкие, красочные оттенки и тонкие, изящные градиенты. Кажется, что этот конфетный стиль излучает сияние.
Пользователям надоедает то, как выглядят приложения и веб-сайты примерно через 6-7 лет пользования
Неоморфизм (слева) / Глассморфизм (справа)
В то время как неоморфизм и, в некоторой степени, глассморфизм навели некоторого шороху в UI-дизайне, у обоих стилей есть как и ярые приверженцы, так и критики.
Тот факт, что он существует, не может не радовать, потому что пользователям необходимо разнообразие — иначе пользовательский интерфейс станет скучным и повторяющимся.
Почему именно брутализм?
Брутализм — это архитектурное течение 1950-х годов, которое отказывалось от всех украшений и создавало простые здания из бетона. Их часто даже не раскрашивали, чтобы подчеркнуть их брутальный характер. Такие большие, мрачные бетонные блоки.
Этим архитекторы показали, что им наскучил статус-кво, и они попытались сделать что-то другое. Это очень похоже на нынешний поиск тренда в UI-дизайне.
Но как это перенести в веб-дизайн?
Некоторые формы брутализма существовали в графическом дизайне и раньше, но они часто нарушали большинство типичных правил компоновки, а огромные текстовые блоки часто выпадали из поля зрения. Он был в основном популярен в дизайне постеров/графике, но некоторые попытки использовать его в Интернете существовали еще в конце 90-х.
примеры веб-брутализма от Yan Ageenko / Mitya Andrievskiy
Нео-брутализм отбрасывает все ненужное и объединяет традиционные концепции плаката со сверхвысокой контрастностью, сплошными, часто преднамеренно конфликтующими, цветами и более простым, но причудливым шрифтом.
Необрутализм
- Контраст
Начнем со сверхвысокой контрастности. Необрутализм не боится сочетания чистого черного (#000000) с другими цветами. Этой практики стараются избегать большинство других стилей дизайна, потому что, сохраняя необходимый контраст, мы не хотим создавать нагрузку на глаза у наших пользователей.
В большинстве современных стилей UI, популярно оттенять черный цвет небольшим количеством акцентного цвета — например, небольшим количеством красного, как в приведенном выше примере. Это помогает цвету лучше сочетаться с другими оттенками, избегая при этом слишком высокого контраста и напряжения для глаз.
- Тени
Вместо мягких теней используются четко очерченные черные прямоугольники под карточками. Вместо тонких едва заметных границ — толстые, темные и четкие очертания. Хотя это довольно читабельно, все же такой контраст давит на зрительное восприятие.
- Цвета
Цвета в необрутализме используются такие, от каких большинство других стилей отказываются как от уродливых или конфликтующих, например, смешивание оттенков красного с синим или зеленым. Главное отличие, однако, в том, что теперь эти цвета слегка обесцвечены. Они «бросаются в глаза», но не перебарщивают с контрастом.
В каждом случае есть основной цвет, который служит фирменным цветом бренда, и часто десятки вторичных или акцентных цветов. Они часто сопровождают определенные разделы веб-сайта или приложения — например, категории цветового кодирования.
Их популярность также привела к тому, что другие компании и дизайнеры на фрилансе стали изучать необрутализм, который добавляет стилю больше глубины и возможностей для свежего взгляда. Хорошо, когда признанные бренды пробуют что-то новое, потому что это позволяет стилю созреть, и в то же время открыть новые перспективы.
Намеренно некрасиво
Необрутализм все же вполне демократичен. Он часто использует формы, стилизованные под стандартные программы для создания презентаций — как вы можете видеть в этом примере Figma. На этом экране видны три формы, и они намеренно несовместимы. Самое примечательное, что текст в формах также специально не выровнен по центру.
Многие фигуры выглядят как шаблонные фигуры из PowerPoint. Такой способ укладки нормализует уродство и упрощает вход новичкам — они думают: «И я так могу!» и, наверное, по этой причине некоторые бренды выбрали этот стиль. Никаких запретов и любому под силу.
Типографика
Типографика играет очень важную роль в этом стиле, но тут она гораздо более консервативна. Шрифты не такие, как типичные «модные» шрифты современного минимализма, они в необрутализме используются так, чтобы добиться максимальной читабельности. Много пространства, а шрифты в целом довольно плотные, что соответствует общим тенденциям типографики. Иногда, как в этом примере с figma выше, контраст рисунка с фоном может начать раздражать, но это скорее от неожиданности и это заставит вас остановиться на секунду и обратить внимание, особенно если вы ― дизайнер.
Иллюстрации
Иллюстрации в этом стиле обычно сочетают в себе цвета, которые на самом деле не подходят для современного минимализма — часто не сочетаемые друг с другом, например, красный и синий или красный и зеленый. Цвета также довольно яркие, с высокой контрастностью и четкими переходами. Кажется, здесь нет никаких правил — некоторые линии толстые, некоторые тонкие и все выглядит хаотично, но опять же, вызывают мысль: “Даже я так смогу”.
Резюме
Поначалу этот стиль отталкивает из-за его очень высокой контрастности. Но чем больше его изучаешь, тем больше понимаешь, что у него есть огромный потенциал, чтобы стать хорошей альтернативой текущим стилям дизайна.
Это определенно начало нового направления в дизайне, и не терпится увидеть, как другие компании и бренды будут продвигать его дальше. Здесь гораздо больше возможностей для творческого использования анимации, 3D-моделирования или имитации под 3D.
Этот стиль особенно хорошо подходит для брендов или продуктов, предназначенных для креативного класса. И Figma, и Gumroad в первую очередь нацелены на эту категорию. Из-за очень условных правил, касающихся композиции, форм, цветов и многого другого, это позволяет продемонстрировать свое видение каждому дизайнеру.
Еще больше интересных статей на нашем сайте idocs.kz
Наш Instagram @idocs.kz