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

Когда чужие картинки в проекте не плагиат, а рабочий инструмент.

Иллюстрация: Оля Ежак для Skillbox Media

Дарья Тамилина

Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

Что такое референсы

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

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

Референсы для учебного проекта на тему «Значение отличия»
*Изображение: Muhammad Nur Safiuddin / Behance*

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

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

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

По назначению референсы можно условно разделить на два вида:

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

Это деление условное: один референс может быть одновременно стилевым и функциональным. Например, сайт может заинтересовать дизайнера и цветовой гаммой, и организацией навигации.

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

Референсы — полезный инструмент:

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

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

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

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

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

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

Фотосессия с девушкой среди цветов в воде, 2016
*Фото: averie woodard / Unsplash*

Референс к фотосессии — картина Джона Эверетта Милле «Офелия», 1851
*Изображение: Wikimedia Commons*

Где применяют референсы

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

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

Галерея интерфейсов работает как библиотека референсов
*Скриншот: сайт muuuu.org / Skillbox Media*

Как использовать референсы без копирования

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

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

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

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