Как веб-дизайнеру развивать насмотренность

Насмотренность — это накопленный визуальный опыт. То есть всё, что дизайнер видит, впитывает и формирует его вкус. В контексте веб-дизайна насмотренность означает способность дизайнера оценивать и создавать привлекательные, современные и функциональные сайты. Это не врождённый дар, а навык, который нужно тренировать.

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

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

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

Самый верный способ выработать насмотренность — смотреть на работы более опытных коллег и анализировать их. Когда смотришь на проекты других дизайнеров, в голове собирается база из готовых приёмов, которые можно применять в своей работе. Это не про копирование, а про понимание современных паттернов веб-дизайна.

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

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

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

Премия для дизайнеров и веб-разработчиков.

Международный конкурс для веб-дизайнеров, разработчиков и агентств.

Ещё один конкурс для веб-дизайнеров.

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

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

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

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

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

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

Галерея лучших примеров лендингов

Подборка сайтов с красивой типографикой

Ещё одна галерея одностраничных сайтов

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

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

В Pinterest также можно создавать доски и сохранять на них скриншоты и сайты. Доску можно сделать публичной и делиться ей с коллегами или заказчиками. Закрытые доски будут видны только вам.

В социальных сетях можно следить за конкретными дизайнерами и студиями. Подпишитесь на их аккаунты, изучайте новые проекты и оставайтесь в курсе происходящего. Лучше, если подборка дизайнеров и студий будет разнообразная, с множеством стилей и подходов — так глаз не устанет от похожих приёмов. Искать аккаунты дизайнеров можно в подборке #madeontilda: нажмите на автора понравившегося сайта, посмотрите другие работы и перейдите в социальные сети дизайнера.

Существуют также сообщества, которые выкладывают примеры качественного дизайна. Например, телеграм-канал «Кириллица.дизайн» и сообщество Вконтакте DEADSIGN. В социальных сетях Тильды публикуются материалы про веб-дизайн, которые будут полезны начинающим дизайнерам: например, на YouTube-канале выходят разборы сайтов реальных бизнесов, а в телеграм-канале много постов с советами, которые пригодятся при создании сайта.

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

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

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

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

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

Когда гуляете или выезжаете на природу, смотрите вокруг. Делайте фотографии с интересной композицией. Чем больше вы будете уделять внимания визуальной информации, тем быстрее сможете развить хороший вкус.