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

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

Что есть брутализм

В начале XIX века в искусстве начал свое развитие модернизм. Но уже в середине XX века (в период распространения неомодернизма) появился термин «брутализм», означающий «необработанный бетон» или «бетон-брут». В послевоенный период и появилась технология Ле Корбюзье по обработке бетона для строительства зданий, а Питер и Элисон Смитсоны решили представить миру новый стиль в архитектуре, одноименно его и назвав. Таким образом, брутализм стал не более чем ответвлением от европейского модернизма, но получил распространение и в Америке, Канаде, СССР, странах Европы.

В стиле брутализма созданы, например, здания «Риа Новости», Boston City Hall, здание парламента (Бангладеш), отель «Салют».

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

Соответственно, что и веб-дизайн в стиле брутализма должен отвечать требованиям и веяниям своего «прародителя».

Особенности брутализма в веб-дизайне

Только в 2014 году такой стиль в веб-дизайне получил название – «веб-брутализм» и дал его Паскаль Девиль (SEO компании Freundliche Grusse), объясняя выбор этого названия тем, что сайтам современности недостает строгости, правдивости, основательности и серьезности. По его мнению, нынешние стили веб-дизайна слишком уж жизнерадостные.

Опередить создан ли сайт в стиле брутализма или нет, в принципе, легко. Уж слишком он простой и функциональный. Он не сложен в проектировании, но многими веб-дизайнерами ассоциируется (почему-то) именно в моноширинной типографикой (непропорциональной), черным фоном и наличием красного, белого, желтого, зеленого цветов как дополнительных. Но в действительности, сочетания цветов могут быть разными, как и использование шрифта.

 

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

Как узнать стиль веб-брутализм

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

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

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

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

PICTURE (S)

В марте 2017 года в Берлинском музее фотографии прошла выставка. Фотоотчет и подробности о ней можно узнать на сайте picturesnow.org. Дизайн его создан в стиле брутализма. Функционален и простой, с легкой анимацией, одним шрифтом и фотографиями.

 I want you

Ученики Высшей школы дизайна Майами создали небольшой проект с различными плакатами на тематику своего ВУЗа. Здесь как раз и можно увидеть обилие изображений, отсутствие симметрии, наслоение, простой шрифт и быструю работу сайта.

История Air Nike

Проект Highsnobiety в марте 2017 года разместил на своем сайте небольшой рассказ об истории технологии Air Nike. Страничка получилась впечатляющей и действительно в стиле брутализма. Минимальное количество изображений, крупный однотипный шрифт, минимум цветов. Навигации нет. Для лучшего впечатления лучше посетить её самому.

d-i-y.space

Необычный проект, оговоримся сразу. Его цель представить на сайте независимые дизайнерские бренды. Но не просто бренды, а ссылками на их Instargam. Если говорить о брутальности, то на сайте нет ничего лишнего, главная страничка отдана рекламе, а вот уже при прокрутке можно увидеть названия брендов, товары, выпущенные под этими марками. В целом следование стилю брутализма соблюдено, но и выглядит не сказать, что плохо. Аналогично выглядит и проект фотографа Ирины Гаврич.

Библиотека Максима Мошкова

Самая известная онлайн-библиотека, история которой началась в 1994 году. Здесь нет изображений как таковых, использован один шрифт. Существует и много текста, но структурированного и понятного. А что собственно еще и нужно? Здесь есть книги, практически все вышедшие на сегодняшний момент. Брутальный дизайн полностью соответствует основной цели – представить доступ к книгам.

Студия Артемия Лебедева

В компании настолько много сайтов, начиная с 1995 года, что найти можно практически любой стиль и любое направление. Мы не будем рассматривать каждую работу в копилке мастеров, но обратим внимание, что сам сайт создан простым, но с изыском.

Reddit

Еще один известный международный социальный новостной проект. Здесь обсуждают игры, фильмы, книги, события. Здесь находят фотографии и фильмы.

А также мы добавим еще Pinterest, Bloomberg

Веб-брутализм: за и против

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

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

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

Скромные сайты, о которых мы говорили ранее: Big Youth, Hum Creative явный пример сочетания брутальности и дизайнерских трюков.

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

Выводы

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

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

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