Веб-брутализм — тренд уходящего года

Брутализм в дизайне сайтов активно распространился два года назад. На фоне минимализма с аккуратной цветовой палитрой, консервативными шрифтами, чёткой сеткой и понятным UX внезапно появился хаос. В 2018 году брутализм становится мейнстримом: теперь в моде «ломаная» сетка, кислотные цвета, нечитабельный текст и всплывающие окна. На первое место встал дизайн сам по себе, а не юзабилити. 

В этой статье я расскажу, как появился брутализм, почему «чистый» дизайн перестал быть интересным и покажу яркие примеры «веб-брутальных» сайтов.

Архитектура и веб-брутализм

Изначально брутализм — направление в архитектуре 50-70-х годов, которое отличалось простотой, прочностью, примитивностью форм, материалов и «энергоёмкостью». Брутализм неслучайно появился после Второй мировой: Европа только вышла из разрушительной войны, ресурсов на «украшательства» не было. Быстрота проектирования, эффективность пространства, никаких излишеств, минимум затрат и много, очень много бетона — вот главные черты брутализма, которые тогда пришлись как нельзя кстати.

Secondary Modern, Ханстантон, Англия, 1954 г. Источник: Medium

Что касается появления термина, то мы встретили две версии. Первая — от французского термина «béton brut», что буквально означает «сырой бетон». Второй тоже связан с французским словом brut, но в другом значении — «raw» по-английски, или «сырой, грубый, необработанный» по-русски. Имеется в виду естественная архитектура, с минимальными усилиями. 

К концу 80-х брутализм потерял популярность, но через 30 лет возродился в веб-дизайне.

Ранний веб-брутализм

Сайты с таким дизайном появились в 2014 году, но ещё не были мейнстримом. В этом году Паскаль Девиль, директор креативного агентства Freundliche Grüsse, запустил портал brutalistwebsites.com с подборкой брутальных сайтов. Впервые он засветился в Hacker News и быстро стал вирусным.

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

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

Веб-брутализм в деталях 

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

Необычность. Экстремальные цвета и шрифты, странное позиционирование блоков, отсутствие логики в интервалах, гиперболизированность элементов — всё здесь.

Сайт-визитка loicdupasquier.com

Статья Блумберг 50 COMPANIES TO WATCH — той самой серьёзной финансовой компании

Нечитабельность. UX больше не на первом месте: главное — не юзабилити, а эстетика. 

Сайт Филадельфийского института повышения квалификации 

Интуитивность необязательна. Веб-брутализм допускает непредсказуемость и какие угодно эксперименты с блоками на сайте.

Дизайн-студия XXIX

Смысл не так уж и важен. Веб-брутализм часто абстрактный. Главное — вызвать эмоциональную реакцию пользователя, а не быть логичным и понятным.

Сайт графического дизайнера Салли Турер

Выравнивание отсутствует. Больше никаких фреймов, сеток, линеек и направляющих: веб-брутализм намеренно смещает объекты и создаёт ощущение беспорядка.

Сайт конференции по графическому дизайну Signals from the Periphery

Портфолио разработчиков No plans

Стили необязательны. Самая бунтарская черта брутализма. Некоторые сайты лишены каких-либо «обвесов» и разработаны на голом HTML — кажется, что здесь просто слетел CSS. 

Сайт печатного журнала Buffalo Zine

Сайт сообщества tilde.town

Сайт мобильного приложения REKKI

Для дальнейшего изучения

Веб-брутализму посвящено немало статей на Медиуме.

What On Earth Is A Brutalist Website? 5 Things Today’s Designers Can Learn From Brutalism. Подробное исследование брутализма в архитектуре: появление, основные черты, связь с политической и социальной обстановкой в мире и хаки, которые веб-дизайнеры могут перенять. 

Ugly is the New Black. Авторская статья с рассуждениями о современных веб-бруталистах. 

How To Brutalize The Web. Характеристики брутального сайта, немного истории и рассуждения о том, почему дизайнеры начали игнорировать минимализм и правила дизайна вообще. 

Why brutalism boosts conversions. Статистика того, как веб-брутализм повышает конверсию.

А для основательного изучения веб-дизайна в целом у нас в GeekUniversity есть отдельный факультет. Приходите — сейчас отличное время начать новую жизнь ;)