Что такое референсы и зачем они нужны

Что такое референс в дизайне

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

В качестве референсов можно использовать:

• кейсы других дизайнеров и агентств;
• фотографии;
• подборки на сайтах, вроде Pinterest;
• вывески заведений в городе;
• архитектурные ансамбли;
• картины известных художников;
• цветовые палитры.

Чем референс отличается от плагиата

Референс нельзя копировать в точности. Например, можно взять похожую композицию, но использовать свои шрифты, цвета и иллюстрации. Или позаимствовать из референса только палитру.

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

Чем референс отличается от мудборда

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

Для чего нужны референсы

Референсы — это полезный инструмент дизайнера. Они помогают:

1. Побороть страх белого листа. Всего несколько референсов, размещенных в рабочем пространстве Figma, помогут преодолеть этот блок.
2. Найти вдохновение. Создать нужное настроение как раз помогут визуальные образы из референсов.
3. Понять сложность задачи. Перед стартом проекта может казаться, что заказчик выставил нереализуемые требования, но подбор нужных референсов поможет увидеть, что кто-то уже справлялся с похожей задачей.
4. Общаться визуальными образами. Заказчик — не профессионал в дизайне, поэтому общаться терминами, говорить о стилях бывает сложно, а примеры помогут наглядно презентовать вашу идею.
5. Развивать насмотренность. Референсы помогают изучать приемы и стили других художников, чтобы потом применять их в работе.  
6. Понять, что сейчас в тренде. Изучение свежих работ поможет понять, какой дизайн сейчас востребован.
7. Создавать уникальный контент. Референсы можно использовать и другим способом, то есть отталкиваться и делать все наоборот. Так вы сможете понять, каких работ на рынке много.

Виды референсов

Референсы можно разделить на две группы:

• Стилевые задают общее направление: стиль, цвет, формы. К ним относится всё то, что пользователю нравится визуально.
• Функциональные показывают удачные решения для пользователя — формат упаковки, прототип сайта, расположение кнопок. К ним относится всё то, что пользователю удобно.

Где искать референсы

Pinterest

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

Изображения из Pinterest не нужно скачивать. Собирайте тематические доски и обращайтесь к ним по необходимости.

Behance

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

В отличие от Pinterest на Behance представлены не отдельные изображения, а полноценные кейсы с описанием.

Dribbble

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

Designspiration

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

Httpster

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

One page love

Сайт для тех, кто любит работать со шрифтами. Для каждого кейса, размещенного на One page love, указан шрифт. Вы можете посмотреть, как он будет смотреться на готовой странице.

Как работать с референсами

1. Для каждой задачи выбирайте 5-7 референсов. Это убережет вас от плагиата и поможет взять лучшие приемы из каждого примера.
2. Смотрите не на отдельные элементы референса, а на сочетание удачных решений. 
3. Собирайте референсы в мудбодры. Доска отразит настроение задачи и стиль.
4. Разбирайте не только успешные приемы, но и ошибки. Решения других художников не всегда идеальны, и на них тоже можно учиться.
5. Ищите референсы в разных областях. Например, дизайнер костюма может вдохновляться образами природы, а графический дизайнер искать формы и настроение в архитектуре.