Референсы в дизайне: как искать, разбирать и применять
- Что такое референс
- Референс, мудборд и шаблон: в чём разница
- Начните с вопроса, а не с ленты картинок
- Где искать референсы
- Как разбирать найденный пример
- Пример таблицы отбора
- Как переносить принцип в собственный макет
- Как не перепутать вдохновение с разрешением использовать материал
- Как показать подборку клиенту
- Когда пора закончить поиск
- Вопросы и ответы
Что такое референс
Референс — пример, на который дизайнер опирается при обсуждении или разработке решения. Это может быть афиша, упаковка, фотография, фрагмент сайта, шрифтовая композиция или предмет из окружающей среды. Важен не формат находки, а конкретный вопрос, на который она помогает ответить: как показать главное, передать настроение, организовать чтение или использовать материал.
Референс полезен вместе с объяснением. «Нравится эта картинка» оставляет решение на уровне вкуса. «Здесь событие узнаётся по крупному предмету, а дата не конкурирует с названием» уже описывает принцип, который можно проверить в своём макете.
Референс, мудборд и шаблон: в чём разница
Один пример может подсказать приём, несколько согласованных примеров — сформировать направление. Но подборка сама по себе ещё не является готовым проектом. Различайте материалы по тому, что вы собираетесь с ними делать.
| Материал | Для чего нужен | Чего не заменяет |
|---|---|---|
| Референс | Разобрать конкретное решение | Анализ своей задачи |
| Мудборд | Согласовать общий характер будущего дизайна | Макет с вашим содержанием |
| Шаблон | Начать работу с подготовленной структуры | Проверку пригодности структуры и условий использования |
| Готовый макет | Решить задачу выбранного носителя | Проверку перед публикацией или печатью |
Если примеры уже найдены и нужно представить единое настроение клиенту, переходите к статье о сборке мудборда. Здесь сосредоточимся на предыдущем шаге: где искать материал и как понять, что именно из него пригодится.
Начните с вопроса, а не с ленты картинок
Представим учебный проект: нужна афиша книжного обмена в районной библиотеке. Её увидят взрослые посетители на стенде и в сообщении организатора. Нужно быстро объяснить, что можно принести книгу и выбрать другую; место и время должны читаться без увеличения. Это вымышленный бриф, на котором удобно потренироваться.
Перед поиском запишите задачу одним предложением: «Показать обмен книгами как понятное дружелюбное событие». Затем перечислите ограничения: небольшой формат, обязательные сведения, доступные изображения, отсутствие сложной печатной отделки. Полный список вопросов к заказчику можно взять из брифа на дизайн.
Теперь поиск становится направленным. Вам нужны примеры ясной иерархии, узнаваемого образа обмена и спокойной работы с текстом. Эффектная афиша ночного фестиваля может оказаться красивой, но не помочь с этой задачей.
Где искать референсы
Для начала подходят портфолио дизайнеров и студий, Behance, подборки издательств, сайты музеев, каталоги упаковки и собственные фотографии. Поиск по картинкам удобен как отправная точка, но полезно перейти к первоначальной публикации: там легче понять автора, контекст и реальное назначение работы.
Adobe предлагает использовать Behance и Adobe Stock для знакомства с примерами дизайна. Это источники идей, а не подтверждение того, что любой найденный материал разрешено включать в свой коммерческий макет.
Ищите не только по названию носителя. Для нашего упражнения можно последовательно проверить запросы «афиша книжного обмена», «типографическая афиша библиотеки», «композиция из раскрытых книг». Если нужны международные работы, английский запрос допустим как инструмент поиска. При этом текст вашей афиши и подписи к отбору остаются на языке аудитории.
Как разбирать найденный пример
Сначала опишите то, что действительно видно. Где находится главный элемент? В каком порядке читается текст? Какая часть изображения обеспечивает узнаваемость? Сколько разных уровней текста нужно различить? Затем объясните, почему это может работать именно в вашем проекте.
Полезно отделить приём от внешнего оформления. Крупная дата — приём иерархии; конкретное начертание, иллюстрация и расположение всех деталей — часть чужого решения. Можно исследовать, почему крупная дата заметна, а затем построить собственную композицию с другим содержанием.
Не приписывайте работе результаты, которых не знаете. По опубликованной афише нельзя установить посещаемость события, рост продаж или мнение всех зрителей. Формулируйте наблюдение осторожно: «дату легко найти на уменьшенном изображении», а не «этот дизайн гарантированно приводит больше людей».
Пример таблицы отбора
Ниже описаны три придуманных редакционных варианта. Это упражнение в анализе, а не ссылки на существующих авторов. Их можно набросать от руки и проверить, как меняется объяснение одного события.
| Пример | Что изучаем | Что подходит брифу | Что нужно изменить |
|---|---|---|---|
| Две книги обращены друг к другу, между ними свободное пространство | Передачу идеи обмена через предметы | Событие узнаётся без сложной подписи | Добавить ясное действие для посетителя |
| Крупный заголовок, под ним спокойный блок условий | Порядок чтения и размеры текста | Обязательные сведения не теряются | Добавить собственный образ, чтобы афиша не выглядела объявлением |
| Коллаж из множества обложек | Разнообразие и ритм | Передаёт широкий выбор книг | Сократить количество деталей: на небольшом стенде коллаж перегружен |
В итоговую подборку можно взять первый вариант как основу образа и второй — как пример иерархии. Третий сохраняется в исследовании с пометкой «не подходит малому формату». Отказ тоже полезен: он объясняет решение и не даёт вернуться к неподходящему приёму при следующей правке.
Как переносить принцип в собственный макет
Сформулируйте правило без названия чужой работы. Например: «Главное действие выражено крупным предметным образом, а условия собраны в отдельный читаемый блок». Затем закройте референс и сделайте несколько собственных эскизов по этому правилу. Такой порядок помогает искать решение, а не повторять расположение элементов по памяти.
Для книжного обмена можно попробовать открытые книги, полку с освободившимся местом или пару обложек с разными характерами. Проверяйте каждый эскиз одним вопросом: понимает ли человек, что ему предлагают сделать? Если смысл появляется только после длинного объяснения дизайнера, образ нужно доработать.
Не собирайте макет механически из чужого шрифта, чужой иллюстрации и чужой композиции. Разные приёмы могут конфликтовать по масштабу, настроению и плотности. В готовом решении должен появиться единый порядок, связанный с содержанием.
Как не перепутать вдохновение с разрешением использовать материал
Сохраняйте ссылку, имя автора и сведения об условиях использования вместе с изображением. Если захотите включить в публикацию конкретную фотографию, шрифт или иллюстрацию, отдельно проверьте разрешённые способы использования. Референс для внутреннего разбора и исходный материал для тиражируемого макета — разные роли.
Не опирайтесь на мифическое правило «достаточно изменить определённый процент». Практически полезнее создавать собственное решение, использовать свои или разрешённые материалы и фиксировать происхождение каждого включённого элемента. Если условия непонятны, замените ресурс либо получите разъяснение правообладателя.
Как показать подборку клиенту
Покажите не бесконечную галерею, а несколько примеров с короткими подписями: что рассматриваем, зачем это подходит задаче, что переносить не будем. Для учебной афиши подпись может звучать так: «Берём ясный предметный образ и отдельный блок условий. Цвета и рисунок разработаем под библиотеку».
Просите обратную связь о смысле: подходит ли тон события, понятно ли действие, заметны ли обязательные сведения. Вопрос «вам нравится?» полезен меньше, потому что не объясняет причину выбора. После согласования запишите, какие принципы приняты, и переходите к эскизу.
Когда пора закончить поиск
Поиск можно завершать, когда у каждого важного вопроса есть рабочий ответ: найден способ показать действие, понятна иерархия, выбран допустимый характер изображения, известны ограничения носителя. Ещё одна красивая картинка не нужна, если она не помогает решить оставшийся вопрос.
Проверьте себя: можете ли вы объяснить пользу каждого выбранного примера без слов «стильно» и «современно»? Можете ли создать свой эскиз и назвать, чем он отличается? Если да, подборка выполняет задачу. Дальнейшее развитие навыка — композиция, типографика и работа с брифом; общий маршрут есть в статье о старте в графическом дизайне.
Вопросы и ответы
- Сколько референсов нужно собрать?
Столько, сколько помогает ответить на вопросы брифа. У каждого выбранного примера должно быть понятное назначение; количество само по себе не показывает качество исследования.
- Можно ли взять разные части нескольких работ и собрать свой макет?
Не стоит считать такую сборку автоматически самостоятельной или разрешённой. Изучайте принципы, создавайте своё решение и отдельно проверяйте условия использования конкретных изображений, шрифтов и других материалов.