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

В мире моды тренды 90-х снова возвращаются. Немного видоизмененные, но вполне узнаваемые. Запасливые люди даже могут достать из дальних ящиков свои старые кроссовки на платформе и олимпийки Adidas.

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

Хочешь быть в тренде? Готов завести собственных хейтеров? Рассчитываешь на славу Артемия Лебедева? Попробуй сделать сайт в таком стиле. Или хотя бы рекламный баннер. Но это не так просто, как кажется – чтобы сделать “плохо”, нужно сначала понимать, как делать хорошо. Для этого нужна практика, насмотренность, художественный вкус и знания основ веб-дизайна. Конечно, за один день этому не научиться. Начни с онлайн-премьеры «Секреты первого экрана: делаем 5 версий».

Почему это привлекает?

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

Среди сотен идеальных сайтов и тысяч однотипных баннеров ты уже не замечаешь, насколько они хороши. В них все сделано гармонично, использовать такой ресурс удобно и приятно. И вот на твоем горизонте появляется сайт, достойный безумия Мартовского Зайца. Конечно же, ты его как минимум заметишь. Практически наверняка зайдешь на него. Попробуешь поиграть с интерактивными элементами. А дальше дело в шляпе – ты уже залип.

Показатели конверсии на таком сайте всегда отличные, если сделать все правильно. Это означает, что при видимой экстравагантности не стоит забывать о главной цели сайта, нормальной сетке и грамотно расставленных акцентах.

Опыт 2000-х и невероятная харизма этого периода задает тренды – такой стиль в основном ценят сотрудники сферы digital, ведь нужно хорошо разбираться в этих вопросах, чтобы понять, в чем соль. Рядовой пользователь и совершенно далекий от виртуального мира человек решит, что это просто некрасиво. А еще хуже, если ему покажется, что все ок. Но айтишник точно заценит вещь. Поэтому нужно понимать свою целевую аудиторию или найти ее при помощи креативного дизайна – поверь, такая работа в портфолио будет смотреться оригинально.

Изображение взято с сайта freshweb.agency/tresh

Никаких секретов – бери и делай

Как воссоздать треш нулевых в своем собственном проекте. Вот подсказки для создания дизайна, родом из Одноклассников:

  • Большие шрифты

Огромные надписи должны стать звездой программы. В идеале найти подобие “Объектов WordArt”. Загугли, что это, если ты относишься к поколению, не заставшему дискеты. Основной посыл должен хорошо читаться, это главное условие. Классика – курсив, Comic Sans, большие контурные шрифты. Можно добавить еще второстепенные надписи, которые будут мерцающими или неоновыми. Все дополнительные шрифты должны быть меньше основного, несмотря на то, что мы делаем трешовый дизайн, все равно нужно придерживаться правил типографики и соблюдать иерархию.

  • Яркие цвета

Стремись к грубому виду, никаких пастельных нежных оттенков. Контрасты решают. Только хардкор и никаких полутонов. Но есть и второй подход – оттенки серого с одним ярким акцентом, чаще красным. При таком выборе сложнее создать эффект непредсказуемости, это выбор профессионалов/

  • Симметрия

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

  • Баланс элементов

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

  • Анимация

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

  • Брутальность

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

Изображение взято с сайта www.artlebedev.ru

Делай дерзко

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

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

Приходи на наш онлайн-интенсив «Графический дизайнер: вектор бренда». Ты погрузишься в векторную графику и узнаешь, что такое фирменный стиль, и как его разрабатывать. Как бонус – за время обучения ты создашь четыре крутых работы для портфолио, так что для новичка это идеальный расклад. Присоединяйся сейчас!

Зарегистрироваться

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