Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

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

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

В начале 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 происходит тоже самое. Они заимствуют некоторые моменты друг друга, а пользователи видят функциональные и красивые сайты.

Как вам материал?