Выбрать страницу

Брутализм: новая тенденция в веб-дизайне

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

Хотя брутализм и является чем-то новым для веб-дизайна, он уже существовал на протяжении десятилетий в форме плакатов и произведений искусства 1950-х, 1960-х и 1970-х годов. Современный брутализм сильно отличается от того, к чему вы привыкли, и именно поэтому он привлекает так много внимания. В этой статье мы рассмотрим примеры и разберемся в особенностях современного тренда.

«Почти брутализм»

Для начала мы рассмотрим разновидность брутализма — «почти брутализм», который обладает общей суровостью, но не доходит до крайности, как некоторые из примеров, приведённых далее в этой статье.

Почти брутализм — это всё, что использует суть бруталистского стиля, но с несколькими элементами, придающими ему нотку современной мягкости. Подобный дизайн может быть таким же грубым, как обычный брутализм, но не вызовет такой же эмоциональной реакции из-за более мягких элементов.

Как правило, дизайн, выполненный в стиле почти брутализма, включает в себя округлые шрифты или современные шрифты с засечками, а не строго моноширинные варианты. Общая цветовая палитра может быть менее резкой, с элементами мягкости или плавности.

В приведённых выше примерах эти дизайны могут включать и другие модные эффекты: от Тайлера Гэлпина, например, анимацию «стекломёрфизм»; карусель с чистой типографикой и организацией; или эффект глубины «мусор» на фоновом изображении.

Почти брутализм легче воспринимается визуально и не вызывает таких эмоций, как сочетание любови или ненависти, которое возникают при брутализме. Привели для вас примеры почти брутализма.

Брутализм

Брутализм — это минимализм в грубых гипертрофированных его проявлениях. Мы можем воспринимать его двояко:

  • Как возвращение к истокам интернета, когда многие сайты выглядели брутально, только потому что не существовало современных дизайнерских возможностей.
  • Как стремление превзойти все тренды, отличаясь четкими линиями и простым дизайном, и стать классикой

Вот несколько примеров, которые помогут вам лучше понять особенности визуального оформления, присуще брутализму.

Тенденция на брутализм все больше набирает обороты и становится одним из клчевых стилей, в котором работают современные веб-дизайнеры. 

Существует даже сайт, посвящённый демонстрации бруталистских веб-дизайнов. Вот как на нем описывается эта тенденция:

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

Характеристики брутализма

Когда вы увидите сайт в стиле брутализма, вы точно его узнаете. Главный принцип — грубая дизайнерская техника. Однако она многим нравится, благодаря строгости. Брутализм часто имитирует визуализацию кода с тёмным фоном, моноширинным шрифтом и белым и салатовым текстом.

Но брутализм — это превалирование текста. Считается, что по-настоящему брутальный дизайн не содержит изображений. Изображения не являются решающим фактором. Они могут быть одним из компонентов брутального дизайна. Но главные составляющие брутализма — это:

  • Четкий фон, часто черный или белый, без текстуры или растушевки
  • Отсутствие дизайнерских хитростей – никаких теней, градиентов или узоров
  • Моноширинная типографика или единый шрифт во всем
  • Загромождённый дизайн с текстом, который кажется слишком мелким, или элементами, которые не отцентрированы
  • Нет четкой иерархии
  • Элементы, которые накладываются друг на друга, но кажутся непреднамеренными
  • Элементы дизайна в аналоговом стиле
  • Отсутствие симметрии или интервалов
  • Настоящей цветовой палитры нет, но широко используются красный и зеленый
  • В дизайне есть визуальные ошибки, например, неправильное выравнивание или перепечатка
  • Отсутствие анимации
  • Изображения также резкие, часто черно-белые, если вообще используются
  • Простая навигация или ее отсутствие, часто бруталистский дизайн представляет собой одностраничные веб-сайты
  • Нонконформистские визуальные эффекты

Это «плохой» дизайн?

Является ли брутализм просто оправданием для того, чтобы скрыть плохой дизайн? На самом деле это очень упрощённая модель веб-сайта. Строгий дизайн может оттолкнуть некоторых пользователей, потому что не будет создавать той эмоциональной связи, которую используют многие веб-сайты для привлечения посетителей.

Все тенденции и элементы, которые необходимы для удобства использования, были отброшены. Является ли брутализм плохим дизайном? Или он намеренно «уродлив»?

Хороший вопрос. Приведем несколько мнений.

Полезно для конверсий

Одна из самых интересных вещей, связанных с брутализмом, принадлежит Марку Шенкеру из Webdesigner Depot, который утверждает, что этот стиль дизайна на самом деле может повысить конверсию. Обычно это не приходит на ум, когда мы думаем о тенденциях в дизайне, но автор приводит довольно убедительные доводы.

Например:

«Подумайте об этом: без изображений с высоким разрешением или длинных видео сайт не будет тормозить и, следовательно, сможет загружаться быстрее, чем обычно. Как это влияет на конверсию? Исследования показывают, что более быстрые сайты повышают конверсию. Инфографика Kissmetrics показывает следующее:

  • Чем дольше загружается страница, тем выше будет показатель отказов
  • 79% покупателей, недовольных работой сайта, с меньшей вероятностью совершат повторную покупку на том же сайте
  • Задержка загрузки страницы на одну секунду может привести к снижению конверсии сайта на 7%»

Его аргументы не ограничиваются одними цифрами, но сами по себе они довольно убедительны. Возникает логичный вопрос: «Готовы ли мы отказаться от стиля дизайна ради повышения конверсии?»

Что дальше?

Главный вопрос, связанный с брутализмом, заключается в том, сможет ли он когда-нибудь стать классикой? 

Этот стиль настолько резкий, настолько бросающийся в глаза, что пользователям он либо нравится, либо его ненавидят. Чтобы брутализм вышел за рамки сайтов-портфолио или разового использования, он должен стать немного мягче и понятнее для обычного пользователя.

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

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

Итак, брутализм представляет одну из современных тенденций в веб-дизайне, переоткрывающей эпоху брутализма прошлого столетия и поддерживающей идею протеста против приевшихся инструментов и концепций инфантильной легкости. Сегодня брутализм привлекает много внимания дизайнеров и аудитории, благодаря новизне и особой радикализации. Однако мы не можем утверждать, что брутализм «победит» привычный «комфортный» дизайн, так как инструменты, задействующиеся при оформлении в стиле брутализм не вполне понятны массовому зрителю, что делает этот стиль унитарным и неподходящим для привлечения высокого трафика.

Хотите узнать больше про коммерческий дизайн?

Читайте другие наши статьи! Здесь мы публикуем самую актуальную информацию о ведении бизнеса, разработке дизайна и ораторском искусстве.

АКТУАЛЬНЫЕ НОВОСТИ

Почему идеи терпят неудачу

Сотни различных предпринимателей каждый год представляют потенциальным инвесторам свои стартапы. Однако многие или даже большинство этих идей так и не воплощаются в жизнь. Так что же мешает им реализоваться? Сегодня мы рассмотрим, почему многие гениальные идеи не...

Как оформить графики для презентации?

Для убедительной аргументации многие представители компаний выбирают использование числовых данных и статистики. Однако в большинстве случаев графики и таблицы оформлены неаккуратно, что приводит к непониманию со стороны зрителя. Часто проблема кроется в...

8 Подводных камней, которые следует учитывать при использовании стоковых фотографий

Стоковая фотография — это коварный инструмент. Наличие или отсутствие хороших стоковых изображений может как улучшить, так и испортить дизайн. Наша настоятельная рекомендация — по возможности использовать авторские фотографии/картины. Тем не менее существует множество...
ПРЕЗЕНТАЦИЯ ДЛЯ КОМПАНИИ ДИАЛЮКС

ПРЕЗЕНТАЦИЯ ДЛЯ КОМПАНИИ ДИАЛЮКС

ПРЕЗЕНТАЦИЯ ДЛЯ КОМПАНИИ ДИАЛЮКСПроцесс разработки торгового предложения для крупного производителя диафрагмНередко при выстраивании коммуникации с клиентом у компании возникает потребность детально, но при этом лаконично представить свой продукт и привлечь тем самым...

ПРЕЗЕНТАЦИЯ ДЛЯ ОБРАЗОВАТЕЛЬНОГО ПРОЕКТА PRE-KHONISH

ПРЕЗЕНТАЦИЯ ДЛЯ ОБРАЗОВАТЕЛЬНОГО ПРОЕКТА PRE-KHONISH

ПРЕЗЕНТАЦИЯ ДЛЯ ОБРАЗОВАТЕЛЬНОГО ПРОЕКТА PRE-KHONISHПроцесс разработки презентации для инвесторовПредставление проекта перед потенциальными инвесторами  — это важный этап реализации проекта, от которого зависят будущие возможности авторов проекта. Поэтому с особой...

Автор статьи

Константин Булыгин

CEO Biecom