Правда о брутализме в веб-дизайне
Опубликовано: 2019-11-14Когда вы пытаетесь развивать бизнес в Интернете, «монетизация веб-сайта» должна быть в верхней части вашего списка дел. Первым шагом является разработка отличного веб-сайта, который будет приковывать взгляды ваших посетителей к их экранам. Но выделиться из толпы непросто. Чтобы оставаться впереди всех, вам необходимо постоянно расширять свои знания о передовых методах проектирования.
Если вы попали в колею дизайна, пришло время узнать и поэкспериментировать с чем-то новым. Бруталистический веб-дизайн может стать источником вдохновения, в котором вы нуждаетесь. В этой статье мы рассмотрим, что такое брутализм, как он повлиял на современный веб-дизайн и почему вы должны рассмотреть возможность использования его принципов в своих будущих проектах.
Что такое брутализм?
Бруталистический дизайн делает упор на содержание, а не на стиль, но эта философия позволяет создавать работы, которые имеют особый вид. Он ставит контент на первое место, а эстетику — на второе. Термин (также известный как «новый брутализм») первоначально использовался для описания стиля архитектуры, который развивался в 1950-х и 1960-х годах. Бруталистские здания обычно строились из блоков, которые демонстрировали исходные материалы здания, обычно из бетона или кирпича.
Бруталистские сооружения строятся с учетом функциональности, а бруталистские архитекторы специализируются на библиотеках, больницах, колледжах и других крупных зданиях. В некоторых случаях дизайнеры выделяют инженерные коммуникации, оставляя открытыми трубы, резервуары для воды и другие компоненты. Брутализм гордится отсутствием претензий и стремлением к прозрачности.
Как брутализм переносится в веб-дизайн?
В бруталистской архитектуре открытое сырье является особенностью дизайна. Тот же принцип применим к бруталистскому веб-дизайну — они намеренно обнажают и подчеркивают содержание веб-сайта. Визуально привлекательные или декоративные элементы являются второстепенными соображениями или могут быть вообще исключены.
Веб-сайты в стиле брутализм остаются верными тому, для чего они изначально предназначались — для демонстрации важного контента и предоставления платформы, с помощью которой посетители могут общаться с создателем. Нет единого бруталистского дизайна, есть только набор принципов, которым нужно следовать. Хотя многие бруталистские сайты кажутся минималистскими, это не всегда так.
Каковы характеристики типичных бруталистских веб-сайтов?
Они читабельны
Веб-сайты существуют для доставки контента. Поэтому, согласно принципам брутализма, весь контент должен быть тщательно оптимизирован как для десктопных, так и для мобильных экранов всех форм и размеров. Содержание должно быть изложено четко и логично. Пользователь должен иметь возможность прокрутить веб-страницу вниз, чтобы просмотреть содержимое.
Они созданы для скорости
Чем быстрее загружается страница, тем лучше. Веб-дизайнеры-бруталисты сопереживают пользователю и понимают, что его время драгоценно. Чем дольше пользователю приходится ждать, тем больше вероятность, что он уйдет в другое место. Бруталистские веб-сайты создаются с использованием минимального кода и минимальной разметки.
В них нет лишнего декора
Тщеславию нет места в бруталистическом дизайне. Изысканная типографика и тщательно продуманные иллюстрации отвлекают внимание от содержания и поэтому опущены. Этот подход суров и утилитарен. Речь идет не о создании красивого веб-сайта, а просто о том, что он служит цели и служит ей хорошо.
Гиперссылки очевидны
Кликабельные области выделены как таковые, и все ссылки служат определенной цели. Например, текстовые гиперссылки обычно подчеркнуты и окрашены в другой цвет, чем окружающий текст. Кнопки, на которые можно нажать, должны быть оформлены так, чтобы они работали именно так, как ожидает посетитель. Это включает в себя кнопку «Назад». На некоторых бруталистских сайтах используются новые курсоры, такие большие стрелки, которые трансформируются, когда вы наводите курсор на ссылку, чтобы еще больше подчеркнуть функциональность.
Пользователь может найти дизайн веб-сайта или сообщение неожиданным или даже раздражающим, но взаимодействие с ним должно быть плавным. Если сайт состоит из нескольких страниц, навигационные меню просты и легко отличимы от остального текста.
Они основаны на ярких, высококонтрастных цветах и изображениях.
Черный и белый — популярный выбор, но некоторые сайты используют ограниченную палитру конфликтующих цветов для визуального воздействия. Изображения используются с большой осторожностью. Типичный веб-сайт в бруталистском стиле будет иметь только пару изображений, которые могут иметь буквальное или метафорическое значение. Необработанные, нефильтрованные изображения обычно предпочтительнее гладких профессиональных фотографий. Статические изображения предпочтительнее анимации.
У них агрессивная, конфронтационная, иногда ностальгическая эстетика.
Популярность брутализма возросла как реакция на традиционные принципы веб-дизайна, которые подчеркивают гармоничные цвета и шрифты. Эти сайты могут иметь ретро-стиль, который восходит к ранним дням Интернета, когда дизайнеры имели доступ к минимальному количеству шрифтов, таких как Arial и Times New Roman. Грубые цветовые палитры — еще один способ создать атмосферу «старой школы».
В мире архитектуры брутализм ассоциируется с антикапиталистической, социалистической политикой 20-го века. В Интернете некоторые дизайнеры используют бруталистский дизайн как протест против так называемых «лучших практик» 21-го века. Вы, наверное, заметили, что многие веб-сайты теперь выглядят одинаково, опираясь на аналогичный набор шаблонов и инструментов дизайна с перетаскиванием. Бруталистский дизайн можно рассматривать как способ борьбы с гомогенизацией Интернета. Он прославляет самовыражение, а не приверженность мягким корпоративным концепциям.
Бруталистские веб-сайты популярны среди фрилансеров, креативщиков и брендов, которые хотят обратиться к современной аудитории. Яркая веб-страница может быть эффективной и запоминающейся платформой для важного сообщения или краткого знакомства с человеком или компанией. Этот подход также является разумным выбором, если вы проводите разовое мероприятие или выставку и хотите, чтобы веб-страница сообщала ключевые детали и время работы.
Однако брутализм не для всех. Некоторые люди находят бруталистские веб-сайты холодными. Этот стиль предназначен для смелых дизайнеров, которые знают, что их работа понравится не всем. Вам нужно подумать о своей целевой аудитории, прежде чем идти по этому пути. Если вы пытаетесь охватить консервативную аудиторию или демографическую группу, которая ценит более спокойный стиль веб-сайта, брутализм, вероятно, не подходит.
Резюме:
Эта школа веб-дизайна создает новый, освежающий пользовательский опыт. Брутализм подходит не для каждого бренда, но его можно адаптировать к большинству ниш. Если вы продаете товары или услуги в Интернете, вам может быть интересно узнать, что этот стиль может повысить коэффициент конверсии, в основном потому, что веб-сайты с более быстрой загрузкой привлекают покупателей и сохраняют их интерес.
Некоторые конкурсы веб-дизайна, такие как Awwwards, теперь имеют специальные категории для бруталистских сайтов. Они являются идеальной отправной точкой, если вы хотите увидеть эти принципы в действии. Если вы хотите узнать больше о том, чем эти дизайны отличаются от других подобных парадигм, загляните на сайты в категориях «Ретро» и «Минималист».
Даже если ваш дизайн не соответствует всем принципам брутализма, вы все равно можете многому научиться у брутализма. Какими бы ни были ваши предпочтения в дизайне, интригующий веб-сайт с простой навигацией всегда должен быть вашей конечной целью.