Раздвоение личности бруталистской веб-разработки

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

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

Краткая история брутализма

Прежде чем мы забегаем вперед, давайте вспомним термин «бруталист» — откуда он взялся и что означает. Брутализм — это стиль архитектуры, который возник после Второй мировой войны и достиг своего пика в 50-х и 60-х годах. Выступая за простой геометрический дизайн и открытые строительные материалы, эта тенденция в значительной степени была реакцией на богато украшенные, чрезмерно продуманные конструкции предыдущих десятилетий.

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

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

Хотя универсального определения, с которым все согласны, не существует, часто отдается почтение английскому архитектурному критику Рейнеру Барнаму, чье эссе 1955 года «О новом брутализме» попыталось изложить основные идеи стиля. В ожидании тех из вас, кто не стал бы читать все целиком, Барнхэм свел философию к следующему:

В конечном счете то, что характеризует новый брутализм в архитектуре, как и в живописи, — это именно его жестокость, его je-m' en-foutisme, его кровожадность.

В вольном переводе je-m' en-foutisme переводится как «плевать на отношение». Безусловно, бруталистские здания не заботятся об общепринятых стандартах красоты. Они также довольно противоречивы. Там, где одни восторгаются их твердым, утилитарным характером, другие осуждают безобразие, безличность и, ну, грубость.

Любите вы это или ненавидите, но бруталистская архитектура воспевает грубость. Действительно, Барнам начал свое эссе цитатой швейцарско-французского архитектора Ле Корбюзье: «Архитектура — это установление подвижных отношений с сырьем». Дизайн жилья Unite d'habitation Ле Корбюзье вдохновил целое поколение архитекторов-бруталистов.

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

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

Дальнейшее чтение

• #СОСАРКИТЕКТУРА, онлайн-архив бруталистских построек
• «Невероятные здоровяки: Джонатан Мидс, AZ брутализма» для The Guardian
• Список бруталистских построек в Википедии

Практичность или смелость?

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

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

Тип первый: l'Internet Brut

Первый тип бруталистского веб-дизайна имеет гораздо больше общего со своими архитектурными предшественниками. Думайте об этом как об интернет-брюте , где сырьем является HTML и, в меньшей степени, CSS. Фоны светлые, текст черный, а гиперссылки синие. Есть место для маневра, но суть в этом. Никаких шуток. За исключением отображения фактического кода, вы не могли бы стать намного грубее.

Есть бесчисленное множество примеров этого стиля, больших и маленьких. Первый в истории веб-сайт является непреднамеренным учеником, а совсем недавно Brutalist Web Design программиста Дэвида Брайанта Коупленда выдвинула прекрасный небольшой манифест стиля.

Другие веб-сайты с сильными бруталистскими чертами, набирающие популярность в мире, включают в себя:

• Craigslist
• Википедия
• Список отдельно
• (Старый) Реддит
• Блумберг
• Фрицикл.

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

Как вы можете видеть на домашней странице Craigslist выше, здесь очень мало излишеств и, возможно, еще меньше стиля. Он почти не изменился за 20(!) лет, потому что в этом не было необходимости. Взгляните на код, и даже такой новичок, как я, сможет понять, как устроены страницы. Вам не нужно гадать, как он устроен, потому что он прямо перед вами.

С сайтами, подобными этому, вы часто заметите совпадение с «общественно настроенными», опирающимися на многие из этих сайтов — торговые площадки, форумы, энциклопедии. Странно уместно видеть, как такой сайт, как Википедия, принимает цифровую форму, скажем, Садов Робин Гуда. У Bloomberg также много компаний в сфере новостей. В последние годы такие газеты, как The New York Times и The Washington Post , придерживаются такого же прямолинейного функционального дизайна. Новостной дизайн всегда отличался бруталистической чертой.

Здесь стоит упомянуть, что некоторые из сайтов, использованных здесь в качестве примеров, не претендовали на брутализм. Подобно вилле Goth, которая широко считается источником термина «брутализм», они были задуманы как практичные и простые. Их усыновили, так сказать. Их успех вдохновлял (и продолжает вдохновлять) как архитекторов, так и разработчиков. Их настолько не заботит внешний вид, что они стали яркими примерами бруталистического дизайна, даже не осознавая этого!

Сайты в этом ключе не всегда кричат ​​о красоте, но в их функциональности есть элегантность. Они беззаботны и неприхотливы, сформированы для своей цели из необработанных элементов паутины. (Каламбур.)

Тип второй: l'Internet Fou

Это раскол. Прямо здесь. Те из вас, кто хоть немного интересуется тенденциями веб-дизайна, знают, что то, что мы рассмотрели до сих пор, не объясняет огромное количество «бруталистских» сайтов. Как отметил Виталий Фридман в Smashing Book 6:

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

Рост «бруталистского» дизайна за последние несколько лет в большей степени связан с брутальностью, чем с грубостью. Это безумный мир, временами граничащий с анархией. Здесь ниспровергаются дизайнерские соглашения, а удобство использования отходит на второй план — и это не тогда, когда его активно саботируют. Это сайты, которые предлагают статьи под названием «Стиль превыше содержания», а The Washington Post резюмирует стиль как «намеренно уродливый».

В вызывающей мигрень статье «Брутализм: брутальные веб-сайты для современных веб-мастеров» Awwwards описывает второй штамм следующим образом:

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

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

Каталог Brutalist Websites предлагает: «Брутализм [онлайн] можно рассматривать как реакцию молодого поколения на легкость, оптимизм и легкомыслие сегодняшнего веб-дизайна». В этом есть оттенки основополагающего бруталистского духа, но он более дерзкий и подрывной. Они могут быть очень красивыми по-своему, но также сшиты из совершенно другой ткани, чем Craigslists этого мира.

Этот город недостаточно велик для нас двоих

Итак, у вас есть это. Когда бруталистский веб-дизайн не делает упор на рационализм и функциональность, он смеется над рационализмом и функциональностью. Все чисто?

Этот термин вырос, чтобы охватить подходы, которые во многих смыслах противоречат друг другу. Действительно, Паскаль Девиль, который основал каталог Brutalist Websites после введения термина в 2014 году, считает, что стиль раскололся на три микростилистики:

1. пуристы,
2. UX-минималисты,
3. Антиисты (или художники).

Проверив сотни заявок за эти годы, он знает лучше, чем кто-либо другой. Он говорит:

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

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

Я не хочу, чтобы это выглядело как семантическая игра, где разные стили аккуратно сложены в маленькие коробочки. Что меня больше интересует, так это выделение различных подходов, чтобы каждому было предоставлено пространство, необходимое для процветания. Как признает Девиль, творческий потенциал Интернета все еще исследуется. «Это новая форма искусства, и я очень рад испытать ее на себе, — говорит он. — Это происходит сейчас.

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

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

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

• Nielsen Norman Group о разнице между брутализмом и антидизайном
• «О веб-брутализме и современном веб-дизайне» в « Диалектике »
• Creative Bloq спрашивает, являются ли бруталистские веб-сайты «панк-моментом» в Интернете
• Ник Бабич излагает принципы минималистского веб-дизайна, безусловно, самого популярного «изма» в Интернете на сегодняшний день.

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