Бруталистские сайты - это момент панк-рока в сети?

Автор: Louise Ward
Дата создания: 3 Февраль 2021
Дата обновления: 18 Май 2024
Anonim
Исследование брутализма в веб-дизайне. Часть 3
Видео: Исследование брутализма в веб-дизайне. Часть 3

Содержание

Этот пост был первоначально опубликован в 2017 году.

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

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

Истоки веб-брутализма

Бруталистская архитектура не заботится о том, чтобы выглядеть привлекательно, и именно это, а также идея о том, что брутализм задумывался как реакция на более легкомысленную архитектуру 1930-х и 40-х годов, привели Паскаля Девиля, соучредителя и креативного директора Freundliche Grüsse. кооптировать термин.


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

Девиль также заметил, что дизайнеры начали экспериментировать с своего рода анти-трендом веб-дизайна: грубым и основательным подходом к тому, как веб-сайты могут работать вне идеального мира UX, и именно этот аспект напомнил ему об изначальных бруталистах.

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


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

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

Интерактивный дизайнер Бруно Ландовски, который в 2013 году работал над ранним примером бруталистского сайта для 13-й Стамбульской биеннале, резюмирует бруталистский подход следующим образом: «В нем используются крупные шрифты, однотонный фон, геометрические формы и грубые элементы… Это не так. не заботится о широкой публике ".

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


Французский многопрофильный дизайнер Пьер Бутин сделал себе имя благодаря своему проекту Brutalist Redesigns, в котором он переработал популярные приложения, такие как Tinder, Google Maps и даже Candy Crush, с поразительным эффектом. У него есть собственные теории брутализма: «Некоторые, кажется, определяют его как грубый подход, в то время как другие склонны принимать это расплывчатое определение», - говорит он.


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

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


Тем не менее, именно дизайнер из Детройта Кикко Парадела резюмирует веб-брутализм наиболее лаконично: «Типографский. Контентно-ориентированный. Простой».

Как создавать бруталистские сайты

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

Ландовски быстро резюмирует свой бруталистский процесс: «Камень-ножницы-бумага, чтобы делать выбор, ручка, чтобы делать наброски, Photoshop CC и Illustrator CC, чтобы указать их, и текстовый редактор, чтобы оживить их». Хотя, отмечает он, такой подход работает не для всех; он имеет опыт работы в области графического дизайна, что, по его словам, делает его более восприимчивым к пользовательскому опыту.


Корнелли соглашается, отмечая, что большая часть работы Any Studio сосредоточена на строгой типографике, ясных сообщениях и случайных неожиданных поворотах, чтобы вещи оставались интересными. «Веб-сайт, который мы недавно разработали для кинокомпании Very Film, демонстрирует этот подход, - говорит он нам, - с его смелой и четкой черно-белой типографикой в ​​сочетании только с одним характерным взаимодействием, которое напоминает закрытие и открытие занавеса. "

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

Преимущества брутализма

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

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

«Мне это нравится. Я думаю, что это тоже правильный поступок в наши дни. Люди знают, когда их обманывают. В своей работе мы всегда стараемся установить реальную связь с людьми. Заставьте их задуматься, пригласите их поиграть. люди, они уйдут и будут раздражены ".

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

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

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

Больше, чем панк-рок?

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

Бутин объясняет: «Прямолинейные бруталистские элементы могут улучшить общее впечатление от приложения у пользователей. Эксперты по UX, такие как Люк Вроблевски, снова и снова показывают, что, например, слово« Меню »в интерфейсе вызывает больше внимания, чем значок гамбургера (как говорится высказывание «очевидное всегда побеждает»). По этой причине я не думаю, что брутализм в цифровом дизайне несовместим с подходом, основанным на UX ».

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

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

«Графические дизайнеры относились к веб-дизайну как к неизвестному средству и на самом деле не знали, что с ним делать. Сейчас появляется новое поколение дизайнеров, которые чувствуют себя как дома в обоих мирах. Веб-дизайн становится полностью интегрированным в словарь современного графические дизайнеры ".

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

Куда идет тенденция к брутализму?

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

«Я обнаружил, что изрядное количество бруталистских веб-сайтов имеют небольшие размеры; это портфолио дизайнеров или личные проекты», - отмечает Бутин. «Тем не менее, все большее число дизайнеров работают над (популярными) мобильными приложениями. Тогда не будет ничего удивительного, если они перенесут этот вкус к брутализму / минимализму в продукты, которые они разрабатывают».

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

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

Советуем посмотреть
Ускорьте рабочий процесс Illustrator
Читать

Ускорьте рабочий процесс Illustrator

Даже если вам кажется, что вы в совершенстве освоили все инструменты Illu trator, правда в том, что всегда есть возможности для улучшения. В этом руководстве я рассмотрю ряд советов и приемов, которые...
Добавьте фотореалистичную ткань в свои 3D-сцены
Читать

Добавьте фотореалистичную ткань в свои 3D-сцены

С самого начала я был модельным парнем. Мне просто нравится моделировать свои вещи. Я думаю, что в некотором роде моделирование ваших собственных вещей делает их более личными. Давным-давно я прочитал...
5 причин, почему ваш сайт-портфолио не так успешен
Читать

5 причин, почему ваш сайт-портфолио не так успешен

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