Референсы: как находить идеи и воплощать их в проектах

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

Что такое референсы и для чего они нужны

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

Они выполняют несколько важных функций:

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

Настя Потуга, дизайнер в Контуре:

Например, у нас было мероприятие, основанное одновременно на киносагах, сериалах и ромкомах. Чтобы объединить такое количество тем в одну, нужна большая насмотренность. Умение замечать детали, находить элементы и видеть особенности картин.

Или возьмем конференцию тестировщиков, темой которой было наблюдение. Нужно было поискать референсы к этой метафоре. Получились: НЛО, сцена из сериала “Друзья” и бердвотчинг. Остановились на последнем, объединили образ птицы и наблюдателей и вручили бинокль птахе в “руки”».

Где используют референсы в IT

Графический дизайн

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

Написание текстов

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

Веб-дизайн и разработка сайтов

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

Разница между референсом и мудбордом

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

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

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

Awwwards

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

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

Designspiration

Аналог Pinterest, созданный специально для дизайнеров. Здесь легко найти вдохновение по конкретным темам или стилям. Удобен для быстрого поиска изображений и идей для визуальных концепций.

Are.na

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

Фотостоки

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

Платформы для дизайнеров

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

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

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

Кино, сериалы, музыкальные клипы

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

Настя Потуга, дизайнер в Контуре:

«Для поиска референсов в онлайне я использую профильные телеграм-каналы и сайты, но не только. Ищу вдохновение и в других сферах — маркетинге, искусстве, кино, каналах крупных компаний. Также и в офлайне — в путешествиях нравится разглядывать местные афиши, часто можно найти интересные решения.

Например, на стиль Дня компании (одного из внутренних мероприятий для сотрудников Контура) в этом году меня вдохновил драфт концепции, собранный в Word. Комментарии и корректировки очень живо представляли процесс развития и изменений в компании, которые мы хотели анонсировать на конференции. Получился яркий стиль из стикеров, пометок и комментариев, которые в определенный момент появлялись на экранах».

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

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

Комбинировать. Возьмите лучшее из разных источников. Скажем, шрифт из одного референса, цветовую гамму из другого и композицию из третьего. Такое решение поможет создать что-то совершенно новое, но при этом гармоничное. И при этом не будет означать, что вы полностью скопировали конкретную идею.

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

Настя Потуга, дизайнер в Контуре:

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

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

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

Кратко:

Что такое референс в контексте дизайна? Это пример или образец, который помогает найти направление для нового проекта, уточнить стиль и добиться единого видения.
Где можно обнаружить качественные референсы? Например, на Pinterest — для создания вдохновляющих подборок, на Behance — для глубокого изучения готовых проектов, или даже в кино и книгах — для нахождения уникальных идей.
Как референсы помогают в процессе создания? Они упрощают старт работы, задают нужное настроение и ускоряют процесс, избавляя от бесконечных обсуждений и споров.