Что такое референсы в веб-дизайне, и зачем они нужны
Чем первое знакомство с человеком похоже на первый контакт с сайтом? В обоих случаях есть буквально несколько секунд, чтобы произвести первое впечатление. Исследования показывают, что у сайта времени на это даже меньше: если у человека есть от двух секунд до четырех минут, то у сайта бывает всего 0,05 секунды!
В таких условиях зацепить внимание пользователя можно только благодаря дизайну. Если визуальное оформление не понравилось, человек скорее всего закроет страницу и не вернется. Не произвел нужного впечатления — до свидания!
Один из ключевых этапов создания веб-дизайна — это выбор референсов. Давайте поговорим о том, что представляют собой референсы, для чего они нужны, и где их найти.
Что такое референсы: определение и виды
Референсы в веб-дизайне — это примеры, источники для вдохновения, которые помогают дизайнерам создать визуальные и функциональные решения для своих проектов. Это могут быть:
- ссылки на другие сайты;
- работы других дизайнеров;
- шаблоны и макеты;
- элементы интерфейса, которые выделяются своей эстетикой или удобством использования.
Референсы — отличный инструмент для сверки часов с заказчиком. Особенно удобно, когда заказчик не может точно описать, чего он хочет от дизайна: то времени нет, то не получается сформулировать свои пожелания. Вместо долгих описаний он может просто показать примеры того, что ему нравится или не нравится. Это как показать пальцем на товар в магазине — сразу становится понятно, о чем идет речь.
Желательно, чтобы клиент не просто отправлял примеры понравившегося дизайна, а уточнял, что именно ему нравится в каждом из них — цвета, шрифты или, может быть, расположение элементов? Это сильно облегчит работу, ведь дизайнер сразу поймет, в каком направлении ему двигаться.
Важно понимать, что восприятие одного и того же ресурса может существенно различаться: если заказчику импонирует структура сайта, дизайнер может сфокусироваться на используемых цветах. Поэтому важно получить от клиента не просто ссылку на сайт, а детальное описание его предпочтений: какие именно элементы интерфейса кажутся ему удачными.
Референсы для сайта от дизайнера
Каждый дизайнер боится услышать от заказчика фразу: «А мы хотели совсем другое…». Чтобы такого не случилось, дизайнеры тоже обычно подбирают качественные референсы.
«При работе над проектами я всегда ищу референсы и изучаю сайты конкурентов. Смотрю, что на них хорошо работает, а где есть недочеты. Важно выявить паттерны. Понять, какие привычные решения любят пользователи, чтобы не ломать их ожидания. Но при этом стараюсь найти интересные идеи на сайтах в других областях, чтобы сайт получился непохожим на конкурентов. После этого приступаю продумываю расположение элементов, подбираю шрифты и цвета, думаю над графикой. Чтобы сделать сайт особенным и запоминающимся, черпаю идеи из фирменного стиля компании либо придумываю что-то новое и необычное».
Как правильно использовать референсы
Когда мы обсуждаем дизайн, важно понимать друг друга правильно. Часто люди используют размытые слова вроде «легкий», «классический», «современный» или «экспериментальный». Но что они на самом деле означают?
Например, для одного «легкий» дизайн — это минималистичный и воздушный, а для другого — яркий и игривый. Поэтому важно уточнять, что именно клиент имеет в виду, когда использует те или иные определения. Это помогает создать именно то, что хочется заказчику, без лишних правок.
Уточнение терминов поможет создать единое видение желаемого результата, яснее понять ожидания клиента, сузить диапазон того, что нужно создать.
Головная боль появляется тогда, когда заказчик говорит «Делайте на свой вкус». Ведь вариантов дизайна может быть бесконечное множество. И как угадать с первого раза?
А бывает другая крайность: заказчик дает невнятную обратную связь. Дизайнер старается, вносит правки, но непонятно, движется ли он в правильном направлении или просто ходит по кругу. В итоге и время тратится впустую, и результат может не оправдать ожиданий.
В обоих случаях могут выручить референсы. И важно понять вот что:
Референсы — не плагиат. Они нужны не для того, чтобы копировать чужие идеи, а чтобы уловить, как клиент воспринимает дизайн, какие образы складываются у него в голове.
Где подобрать референсы для дизайна веб-сайтов
Искать вдохновение и референсы можно на специализированных сайтах. Там можно найти как отдельные коллекции, так и интересные подборки. Также можно подписаться на понравившиеся профили, чтобы не пропустить новые идеи. Вот несколько таких ресурсов:
Много качественных работ и ссылки на действующие сайты. Удобные фильтры, позволяющие выбирать по стране и сфере.
Портфолио дизайнеров с кейсами, где авторы стараются подробно расписать свои проекты. Что-то вроде Facebook* для творческих специалистов.
Портфолио дизайнеров с шотами (1-2 изображениями). Можно сравнить с Instagram* для дизайнеров.
Наборы референсов для отдельных элементов интерфейса: меню, фильтры, таблицы, сайдбары. Это удобно, чтобы показать клиенту идеи для создания дизайна сайта и помочь ему направить свои предпочтения.
Дизайн сайта — предмет во многом субъективный. На его восприятие сильно влияет личный опыт, возраст, даже культурный фон. Создание успешного сайта — это диалог, который требует времени и внимания. Только объединяя усилия заказчика и исполнителя, можно достичь гармонии, где дизайн становится не просто красивым, а функциональным и удобным для пользователей. Поэтому важно не только уточнять, что именно нравится и не нравится заказчику, но и обсудить, каким образом предлагаемые решения могут отразиться на конечном пользователе.
*Instagram и Facebook запрещены в РФ; они принадлежат корпорации Meta, которая признана в РФ экстремистской.