10 бруталистских сайтов, которые вдохновят вас на ваш следующий проект веб-дизайна

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

Вы спросите, что это? Это когда вы идете навстречу трендам и целенаправленно делаете свой сайт некрасивым. И если это не прямолинейно некрасиво, то, по крайней мере, без легкомысленных / лишних элементов дизайна.

Бруталистские веб-сайты - относительно новое явление среди целенаправленных дизайнов, но многие из них черпают вдохновение из первых дней Интернета. В дни , когда Angelfire и Geocities были вершиной благоговения. Дни, когда вам нужно было знать только href и img src .

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

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

1. craigslist.org

Да, Craigslist уродлив. Нет, не защищайся. Это чудовище. Черный текст, синие ссылки, белый фон. Это некрасиво. Но этого не должно быть.

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

2. Konsept83.com

Как и Craigslist, Konsept83 ищет вдохновения в первых днях Интернета. Серый фон, шрифт пишущей машинки (неотъемлемая часть бруталистского веб-сайта) и все ссылки, которые точно указывают на то, на что вы нажимаете.

Внутренние страницы такие же запасные - в них просто вставлены изображения.

3. pictureshow.tv

Pictureshow.tv работает только в ландшафтном режиме на мобильных устройствах (или на компьютерах). Это серия видео, созданная для того, чтобы выглядеть и ощущаться как старая кассета VHS. Вы даже нажимаете на другие страницы, и они действуют так, как будто представляют собой меню настройки видеомагнитофона.

Но вы знаете, что? Сайт работает, вы знаете, что делать, и вы ни на минуту не потерялись.

Но человек. Это ужасно. И красиво по тем временам. И что самое приятное, у вас нет вопросов о том, как им пользоваться.

4. chris.bolin.co

Вы когда-нибудь видели офлайн-сайт? Нет? Я тоже. И вот я нашла эту красоту.

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

Брутализм, чувак.

4. stephaniemarx.com/talks

Один из ее выступлений (и то, как я познакомился с ее работами) называется « Все, что я узнал о веб-дизайне, я узнал от Geocities» .

Я не думаю, что мне нужно говорить что-либо еще.

5. wolftonechambers.com

Поговорим о жестокости. Здесь есть контент. Очень много. Хорошая информация, хорошо написанная. Но это почти скрыто от нас морем ASCII.

Вы не можете сказать, что это ни визуально привлекательно, ни ужасно функционально. Но это незабываемо. Он на удивление чистый, несмотря на весь беспорядок, и самое странное то, что после небольшой прокрутки вы действительно видите, как это работает и как найти информацию без указания направлений. Это означает, что опять же, как ни странно, именно так должен работать UX.

#shrugemoji

6. allanyu.nyc

Отчасти красота написания и публикации в Интернете заключается в том, что ваши пользователи не видят исправлений и изменений, которые вы вносите в свои материалы. Вы можете размещать новый контент или корректировать старый контент, и никто не станет мудрее (если он не проверит архивы Wayback Machine).

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

Не такой дизайн, который вы найдете в крупном новостном выпуске (разве не было бы забавно видеть редакционные пометки на CNN?), Но для дизайнера или агентства, у которых относительно медленные обновления, этот стиль, вероятно, подойдет.

7. Бруталистский редизайн

Создавать бруталистские веб-сайты намного сложнее, чем вы думаете. Потому что сделать сайт уродливым легко. Также легко сделать веб-сайт простым. И сделать сайт устаревшим легко.

Но все сразу сделать сложно. Поэтому Пьер Баттин взял некоторые из самых чистых и популярных приложений (например, Facebook, Instagram и Snapchat) и переработал их в качестве примеров того, как вы можете поддерживать форму и функционирование, удаляя лишнюю вспышку, которая ничего не добавляет к опыту.

8. morgane.com/pixel- lab

http://morgane.com/pixel-lab
(Возможно, новые фотографии на ноутбуке целой страницы.)

Инди-разработчики видеоигр - группа причудливых людей. Сотрудники Pixel Labs не отклоняются от этого описания. Их веб-сайт представляет собой единую страницу, которая выглядит так, как будто она была написана в начале 90-х, и цветовая палитра, вероятно, была такой.

Тем не менее, они знают, что делают. У них есть демонстрация своей работы, приглашение на свой сервер Slack и желание помочь другим людям.

Использование ими веб-дизайна устраняет любые препятствия между ними и их аудиторией.

9. wekflatm.kr

Я думаю, это может быть идеальный сайт. Шутки в сторону. Я серьезно подумываю сделать так, чтобы страница, на которой были представлены мои романы, работала именно так.

Это электронная коммерция в ее самом фундаментальном и совершенном виде: вот стул. Купи это. Хотите диван? Хорошо. Вы можете купить их там.

Никаких списков желаний, никаких поисков, никаких вариаций или отзывов пользователей. Просто товар, цена, покупка.

Это некрасиво, но и не некрасиво. Это просто. И в этом есть индивидуальность. Это все, что вам нужно на веб-сайте, и ничего лишнего.

10. keyaar.in

Готов поспорить, первое, что вы сделаете на этом сайте, - это кликните по фигуре. Потому что формы. Затем вы прочтете этикетки, которые мало что вам скажут.

Однако дело в том, что вы почти знаете, что такое каждый из них, когда нажимаете на него. Работа - это галерея, как вы уже догадались. NSFW - это блог, но даже до этого вы знаете, что занимаетесь чем-то личным, если не интимным. А КЛ11 ? Сами дизайн-агентства. Вся необходимая информация есть.

Чего еще вы хотите от веб-сайта?

Брутальный, шмутальный

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

Но есть много уроков дизайна, которые вы можете извлечь из этих сайтов.

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

И, может быть, еще более сильный человек.

Что вы думаете о бруталистских сайтах? Поделитесь с нами своими мыслями об этой тенденции в комментариях.

Миниатюра статьи Kaleo / shutterstock.com