4 приема, которые помогут веб-дизайнеру быть в тренде и научат создавать крутые работы
Замечали, что работы штатного дизайнера городской полиграфии отличаются от работ дизайнера из крутой студии? Или что портфолио фрилансеров с weblancer заметно хуже, чем на Behance?
Вот вы освоили Photoshop, изучили теорию как создавать сайты: поняли дизайн-процесс, почитали советы по верстке и композиции, проштудировали книги по графическому дизайну, поняли, как подбирать шрифты. Делаете работу, а она выглядит убого. Почему?
И более того, если вы заглянете на fl.ru или на тот же weblancer, вы точно найдете дизайнеров, у которых в портфолио за годы скопилась куча работ одного уровня в стиле привет из 2000-х. Работ много, но в качестве они не изменились. Почему?
Все дело в контексте. Да, вы должны знать правила верстки и композиции, разбираться в визуальной коммуникации и типографике, но правильный контекст в голове это необходимое условие.
Контекст — это то, что вы уже видели. Это почва в вашей голове из которой прорастают ваши идеи. Плохая почва — слабые работы. Хорошая почва — крутые работы.
Если в создании сайтов вы ориентируетесь на фрилансеров с qwork или weblancer — это плохой контекст, плохая почва. Унылая архитектура вашего города, беспорядочная и кривая реклама на улицах и в метро, афиши на обшарпанных заборах, страшные флаеры промо-агентов, убогие вывески магазинов — это тоже ваш контекст. В России много такого, принимайте) И если вы новичок или выпали из общемировых трендов, то будете делать примерно так же плохо…
… Если конечно вы не загружаете в свой мозг что-то по-настоящему качественное.
Хорошо, что у нас есть интернет)
Что делать, чтобы создать правильный контекст? Вы еще могли слышать термины “насмотренность” и “уровень нормы”, что то же самое. Как научиться отличать хорошее от плохого?
Вот 4 способа:
Способ 1 — Взять в привычку регулярно смотреть топовые работы
Каждый день по 20 минут просматривайте работы топовых дизайнеров c dribbble, курируемые галереи на behance, работы топовых студий.
Не лишним будет просматривать сайты с галерей:
https://thefwa.com/
https://onepagelove.com/
https://www.siteinspire.com/
http://cargocollective.com/favorites
http://theperfectgrid.tumblr.com/tagged/website
https://bestwebsite.gallery/
Отмечайте для себя, что в этих работах хорошо, почему, и что стоит улучшить. Таким образом вы поймете, на каком уровне в принципе можно делать дизайн сайтов.
Способ 2 — Копировать топовые работы на глаз
Просматривать работы — это хорошо, но не факт, что вы будете замечать все детали. А ведь из понимания деталей рождается осознанность. Здесь поможет копирование. Берем понравившуюся работу и копируем, но только на глаз, без копипаста. Тогда точно никакие детали не останутся без внимания — разберетесь с каждым отступом, шрифтом, цветом, элементом и композицией целиком.
Способ 3 — Создавать учебные работы в стилистике топовых
Это уже сложнее, чем копирование. Берете топовую работу. Анализируете каждую из 5 составляющих визуала: изображения, шрифты, цвета, композиция и форма элементов. Отвечаете на вопрос, почему именно таким образом подобраны и обработаны изображения, почему выбраны именно эти цвета, шрифты, композиция и форма. Создаете свой дизайн-макет в этой стилистике. Будет проще создавать дизайн-макет по готовому прототипу, чем с нуля.
Способ 4 — Собирайте интересные решения в коллекции
Организуйте папки по типам блоков сайтов: главные экраны, галереи, карточки товаров, блоки с иконками, контактами. Вы поймете,что есть очень много вариантов, как построить композицию любого блока.
Используйте Pinterest, в нем удобно собирать доски по разным темам.
Пользуйтесь букмарк-менеджерами типа Toby или drop.io, в них удобно организовать закладки в коллекции.
Смотрите работы не только по веб и мобайл. Ищите работы дизайнеров айдентики, печатных материалов и упаковки, дизайнеров интерьеров, фотографов, художников, иллюстраторов, каллиграфов, стилистов, модельеров. В Behance есть раздел “Курируемые галереи”, рекомендую. Загружая в мозг контекст из разных областей, идеи получатся уникальнее.
А еще, до нас с вами было много талантливых людей.
Знание истории культуры пойдет только на пользу.
Человека с прокачанной насмотренностью трудно поставить в тупик. Он четко знает, как должен выглядеть хороший сайт. Знает, где найти крутые ориентиры, и объяснить, что значит “хорошо” в его понимании. Он видел много сильных, достойных работ. Знает топовых современных дизайнеров, ориентируется в трендах. И его мозг генерирует более сильные визуальные идеи.
Автор — Дмитрий Чернов, основатель школы по веб-дизайну WDI.
Редактор — Роман Вотинцев, главред WDI.
