обзор самых востребованных
дизайн-профессий в 2024 году

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

Что такое референсы и зачем они нужны
31 октября, 2023
7 мин

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

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

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

референсы на сайте Pinterest
Поиск референсов на Pinterest по запросу «яркий дизайн упаковки»
поиск референсов
Поиск референсов на Pinterest по запросу «дизайн интерьера в пастельных тонах»

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

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

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

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

референсы постеров
Референсы постеров на Pinterest

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

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

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

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

чем референс отличается от мудборда
Мудборд — коллаж из изображений, которые задают настроение и стилистику проекта. Источник

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

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

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

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

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

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

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

Pinterest

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

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

на этом сайте много референсов
Интерфейс Pinterest. Источник

Behance

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

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

референсы на сайте Behance
На главной странице Behance ежедневная выставка лучших работ. Источник

Dribbble

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

Dribbble дизайн с референса Behance
Интерфейс Dribbble схож с Behance. Источник

Designspiration

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

Designspiration для поиска картинок по заданному цвету
референсы красного цвета
В Designspiration работает поиск по заданному цвету. Источник

Httpster

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

Httpster для поиска оригинальных решений
дизайн сайта с описанием на Httpster
Прототип сайта с описанием кейса на Httpster. Источник

One page love

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

сайт для поиска референсов шрифтов
В карточке проекта на One page love представлены теги, категории и шрифты. Источник

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

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

Медиа Contented

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент