Что такое референсы: зачем нужны, как и где использовать референсы и искать источники вдохновения

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

Референсы – что это простыми словами

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

Референсы – это примеры, которые дизайнеры, иллюстраторы, графики и другие специалисты применяют как на этапе обучения, так и в процессе подготовки к реализации полученного технического задания (ТЗ). Могут быть задействованы изображения, презентации, кейсы и чужие портфолио – все то, что вдохновляет и дает представление, куда двигаться дальше и правильно ли понята поставленная задача.

Что такое референс и как он используется

Рассмотрим на практике: клиент хочет получить логотип детской школы творчества, на котором изображен младенец. Дизайнер имеет субъективное представление о том, что рисовать: девочка или мальчик, с игрушкой в руках или с бутылочкой, какой цвет лучше выбрать. Вопросов много, а вот идей пока нет. В этом случае проще всего зайти в интернет, вбить в поисковую строку запрос «логотипы с маленькими детьми», а потом просмотреть минимум 10-20 вариантов, чтобы сформировать будущий образ. Параллельно дизайнер отмечает, какую цветовую гамму и художественные образы применяли коллеги, какие стили выбирали и что получилось в итоге. Сравнивая и анализируя разные логотипы, специалист создает образ, который вскоре переносит в цифровой формат согласно ТЗ.

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

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

Сбор референсов – не только способ найти новые подходы, но и возможность понять ожидания заказчика. До формирования ТЗ клиент тоже просматривал, что предлагают конкуренты и как они это оформили, поэтому уже имеет представление о результате (даже если не может конкретно его сформулировать).

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

• поиск вдохновения. Особо актуально для специалистов, которые берутся за разные проекты и постоянно находятся в процессе мозгового штурма. Когда непонятно, как реализовать детали, или же идей совсем нет – палочкой-выручалочкой станет просмотр готовых вариантов;
• тренировка насмотренности. Востребована для новичков, которые только входят в профессию. Недостаток опыта оказывает влияние на качество готовых решений: они получаются однотипными и блеклыми, похожими на уже существующие проекты. Визуальный опыт формирует представление о том, что плохо и хорошо, что вторично и уникально;
• обучение. Чужие работы всегда дают новые знания в вопросе примененных стилей, техник, концепций. Можно встретить примеры, созданные с помощью инструментов, ранее не знакомых специалисту. Легко учиться новому и делать работу лучше, что окажет влияние на количество клиентов и профессиональную ценность;

Комьюнити для поиска референсов ВКонтакте: пример поста

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

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

Каким специалистам не обойтись без референсов

Источники вдохновения используются преимущественно в сферах, связанных с визуализацией. Их применяют и онлайн, и офлайн специалисты, а также обычные люди, находящиеся в поиске интересных идей. Например, Алексею надоел старый ремонт, он решил освежить квартиру своими силами, чтобы сэкономить на дизайнере интерьеров. С чего начать? Конечно, с просмотра готовых вариантов: он заходит в интернет, открывает профильные сайты и ищет уже реализованные проекты, а в социальных сетях смотрит, кто и как размещает предметы, где находится свет и какие цвета в тренде. Для профессиональной среды можно привести следующие варианты:

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

Референс макета сайта с фотостока на условиях лицензии Creative Commons

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

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

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

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

Бренды нередко копируют дизайн друг у друга, так референсы не стоит использовать: Givenchy и Balmain

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

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

Какие виды референсов существуют

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

1. Стилистические (стилевые). Применяются для определения стиля проекта, помогают посмотреть со стороны, как то или иное решение выглядит на практике. Могут охватывать весь проект или мелкие детали, применимы в разработке макетов сайтов, дизайн-проектов, айдентики, конструировании обуви и одежды. В качестве источника вдохновения может выступать брендбук компании, в котором зафиксированы цвета, шрифты, стиль и другие нюансы – специалист учитывает их, создавая целостную картину.
2. Функциональные. Относятся к определенным задачам или видам продукции. Как выглядит выборка 10 сайтов гостиниц, как производитель оформляет упаковку для чая и из каких материалов ее производит, какой фирменный стиль есть у брендов-конкурентов. Необходимы для понимания технических характеристик и выбора стратегии.
3. Творческие. Применяются преимущественно специалистами, которые создают цифровые продукты и связанные с визуальным wow-эффектом. Речь идет о живописи, сценарном и киноискусстве, концепт-арте и схожих направлениях. Например, дизайнеру нужно создать 3D-персонажа дракона для фильма. Естественно, мифическое существо никто и никогда не видел, но оно упоминается во многих сказках, имеет воплощения в кино- и мультипликационной индустрии. Дизайнер использует ранние наработки, чтобы создать реалистичного персонажа – дракон уже визуально знаком зрителям, основы заложены фильмами и книгами.

Где искать референсы для дизайнеров, художников, графиков

1. Телеграм

В мессенджере Телеграм есть масса профильных сообществ, где специалисты делятся результатами своих работ, обмениваются опытом, приводят интересные идеи, например, позаимствованные у коллег. Работа с такими материалами – это не только сбор референсов, но и тренировка насмотренности, развитие hard skills и soft skills (жесткие и мягкие навыки соответственно). Что можно найти:

• новые стили и варианты оформления;
• интересные фишки, которые можно воплотить в собственных проектах;
• примеры оформления топовых каналов, картинок, лонгридов, вакансий, прочего контента;
• характер подачи материала в разрезе направления деятельности бизнеса;
• контент, который быстро «залетает» подходящий целевой аудитории, что измеряется по реакциям и количеству просмотров.

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

Канал с референсами в Телеграм

2. Социальные сети

Соцсети имеют общие черты с Телеграм, здесь сконцентрированы терабайты визуального контента, который легко искать по хештегам и через паблики. ВКонтакте, Одноклассники, блог-платформы по аналогии с Дзеном – бесценный кладезь информации, обновляющейся ежедневно. Идеи для творчества, вдохновение, фишки и тренды буквально лежат на поверхности, дополнительно – профили крупных компаний, в команды которых входят крутые SMM-специалисты: их опыт легко перенять, исследуя работы в качестве референсов. Интересное можно искать с привлечением обычных запросов, по хештегам и в трендах, легко вступать в группы единомышленников и коллег, чтобы всегда быть в курсе событий.

3. Pinterest

Интернет-сервис Pinterest – нечто среднее между социальной сетью, рекламной площадкой и хранилищем контента. Изначально позиционируется как канал для обмена референсами – их называют пинами, доступно формирование собственных досок (папок с понравившимся контентом). Поддерживает как фото, так и короткие видео (были запущены недавно), доступно задействование камеры для поиска идей, похожих на определенное фото.

Референсы в Pinterest

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

4. Фотостоки

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

Референсы для дизайна сайта

5. Шедеврум

Шедеврум – отечественный продукт, он работает на базе нейросети YandexART и ориентирован на генерацию изображений (пока только в мобильном приложении). Дизайн десктопной версии напоминает ранее рассмотренный Pinterest, функционал позволяет:

• просматривать изображения (охватывают актуальные тематики) и делиться в собственном профиле;
• знакомиться с лентой, которая будет постепенно адаптироваться к интересам;
• ставить лайки, писать комментарии и подписываться на понравившихся авторов;
• публиковать контент;
• взаимодействовать с похожими постами;
• сохранять варианты для собственного архива референсов.

Как искать референсы в Шедеврум

В базе аккумулированы свыше 20 миллионов изображений от других участников, если ничего не подходит – легко сгенерировать собственные варианты как картинок, так и анимации или коротких видеороликов (в формате, похожем на сторис), используя одноименное мобильное приложение с AI. Реализована поддержка запросов на русском и английском языках, помимо картинок, есть разделы с текстами и видео, лучшими и недавними постами для оптимизации сортировки.

6. Генеративные нейросети

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

• по текстовому или голосовому запросу пользователя;
• по загруженным фото-, видео-, текстовым, PDF, аудио- и другим файлам.

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

• Craftum AI – инструмент для генерации сайтов, от интернет-магазинов до универсальных. Формирует оптимальную структуру, подбирает изображения с фотостока Unsplash и пишет тексты с привлечением ChatGPT-4. Новосозданный сайт является редактируемым, предоставляется вся необходимая инфраструктура для старта и ведения бизнеса – от SSL-сертификата и хостинга до готовых интеграций и подключения сервисов статистики;

Пример блока сайта, созданного Craftum AI: структура, тексты, фото – все сгенерировано нейросетью

• YandexGPT. Мощный генератор текстов, от описаний до постов для социальных сетей. Помощник в поиске информации, формировании подборок и работы с другими референсами;
• Midjourney. Создает изображения, оформляя их в разных стилях;
• Riffusion. Оптимален для специалистов, которые хотят автоматизировать и упростить процесс написания музыки;
• Codeium. Нейросеть проверяет и дополняет код, есть поддержка для разработчиков.

Нейронка Tome создает презентации, а ChatGPT ищет информацию, генерирует контент и осуществляет перевод. Нейросети можно комбинировать, некоторые представляют результаты генерации других пользователей, а многие доступны бесплатно, например, Kandinsky 3.0 для картинок или Castmagic для транскрибирования.

Логотип, сгенерированный нейросетью, для компании по доставке пиццы

7. Портфолио и кейсы коллег

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

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

Золотое правило работы с референсами – нельзя полностью или частично копировать чужую идею. Она выполняет функцию направляющего: дает вектор движения, но не является руководством к действию. Художники не перерисовывают чужие работы, веб-дизайнеры – не копирую сайты. Референсы направлены на выявление «маяков» для вдохновения, они помогают обновить знания о трендах и развить насмотренность, которой часто не хватает новичкам в профессии. Все проекты, особенно в онлайн-сфере, легко проверяются на уникальность: вторичность не только отталкивает потенциальных клиентов, но и может стать предметом спора в вопросе авторского права.

Конечно, существуют последователи и приверженцы определенных стилей, но они перенимают техники, а не идеи с полным или частичным копированием. Хороший пример – художник Лев Лагорио, ставший первым учеником мариниста Ивана Айвазовского. Творчество Лагорио было сконцентрировано на крымском море и горах: он создавал уникальные произведения, впечатляющие непосредственностью и этюдностью. Картины Айвазовского и Лагорио можно сопоставить (особенно ранние периоды), но они являются схожими только по технике и жанру. Это правило актуально и сегодня, рассмотрим, как правильно работать с референсами.

Слева направо: картины Айвазовского и Лагорио

Выбор источников и выполнение поиска

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

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

После этого нужно отсортировать источники по известным параметрам, можно приступать к поиску.

Отбор подходящих референсов

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

• соответствие тематике и пожеланиям клиента, а также техническому заданию;
• вторичность: есть ли примеры аналогичных реализаций, какие компании внедрили подобные фишки. Для проверки можно привлекать поиск по изображениям, используя потенциал Яндекс.Картинки и Google Lens;
• успешность запущенного проекта, особенно если сравнение проводится на базе конкурентного исследования;
• личные впечатления, основанные на насмотренности;
• применимость не только целых фрагментов, но и отдельных деталей. Например, создается сайт интернет-магазина, у коллег можно почерпнуть интересные фишки, такие как нестандартные призывы к действию, оригинальные калькуляторы или шрифтовые пары.

Все находки следует сохранять, не забывая указывать ссылку на первоисточник, чтобы не потерять интересного автора/канал.

Создание мудбордов

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

Как оформить мудборд для проекта

Традиционно мудборд составляют на этапе проработки концепции, он определяет стилистические черты, направление движения, визуальные образы и варианты, которые считаются неуникальными и неинтересными. Он должен содержать:

• простые образы, обеспечивающие фокусировку на деталях;
• уникальные черты, отражающие специфику проекта;
• минимальное количество текста, при наличии – он должен быть емким и давать отсылки к тематике.

Если специалист собирает данные для личного использования, а не под техническое задание, то в качестве хранилища можно применять облачные сервисы и документы (Google или Яндекс Диск), доски в Pinterest, заметки в мессенджерах, презентации, макеты в Figma. Для удобства данные лучше рассортировать, устанавливая индивидуальные признаки, например, тематику, цветовую палитру, направление (логотип, баннер, рекламное объявление или что-то другое).

Исследование и выводы

Собранная и структурированная информация анализируется, необходимо дать ответы на следующие вопросы:

• Какие эмоции вызывает референс?
• Как часто используются подобные идеи?
• Какие техники были привлечены для реализации?
• Почему идея нравится?
• Что нужно изучить, чтобы получить такой результат?

Следует детально разобрать сильные стороны каждого примера, а также проработать ошибки, что позволит не допускать их в собственных проектах. К каждой идее прикрепляются пометки с плюсами и минусами, дополнительно можно давать рекомендации о том, что стоит улучшить. Каталог референсов – палочка-выручалочка для каждого специалиста, однако работа над ним должна быть постоянной: рекомендуется проводить обновление каждые 3-6 месяцев, а также взаимодействовать с собранными вариантами при получении новых технических заданий.

В заключение

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