Референс: что это такое и как давать его правильно
Вы говорите дизайнеру: «Сделайте современно, как у Apple». Через неделю получаете макет, который не имеет отношения ни к Apple, ни к вашим ожиданиям, — и платите за второй круг правок. Слово «современно» у каждого своё, а картинка одна на двоих появляется только через референс.
Референс (от английского reference — «образец», «отсылка») — пример, который показывает исполнителю, что вы хотите получить: чужой сайт, макет, фотография, ролик, упаковка. Его задача — заменить спор о словах сравнением картинок.
Зачем он нужен, если есть бриф
Бриф отвечает на вопрос «что сделать и для кого». Референс — на вопрос «как это должно выглядеть и звучать». Слова описывают задачу, но не стиль: «строгий», «премиальный» и «дружелюбный» каждый читает по-своему.
Проверить это можно за минуту. Попросите трёх коллег показать «минималистичный сайт» — вы получите три разных сайта. Референс убирает этот разброс до начала работы, когда правка стоит минуту, а не после сдачи макета, когда она стоит дней. Та же логика, по которой прототип согласуют до дизайна.
Референс, мудборд, плагиат
| Понятие | Что это | Итог |
|---|---|---|
| Референс | Конкретный пример с пометкой, что именно из него берём | Ориентир для своей работы |
| Мудборд | Подборка картинок про настроение и атмосферу будущей работы | Общее направление стиля |
| Плагиат | Перенос чужой работы в свою без переработки | Юридический и репутационный риск |
Граница между референсом и плагиатом проходит по вопросу «что взяли». Взяли принцип — крупная типографика, тёмный фон, структура каталога — это референс. Взяли макет и заменили логотип — это плагиат, даже если исходник «просто вдохновил». Отдельная ловушка — сгенерированные изображения: право на них остаётся спорной зоной, и класть их в основу айдентики без проверки рискованно.
Какие бывают референсы
- Визуальные — сайты, макеты, упаковка, интерьеры. Самый частый тип в работе с дизайнером.
- Текстовые — статьи и рассылки, чей тон вы хотите повторить. Так ставят задачу копирайтеру.
- Функциональные — «калькулятор как у этого застройщика»: берётся механика, а не внешний вид.
- Видео и звук — ролики, дикторская подача, монтажный ритм.
- Антиреференсы — примеры того, как делать нельзя. Работают не хуже прямых: «никаких стоковых рукопожатий» экономит один круг правок сразу.
Как давать референсы, чтобы они работали
Референс без комментария бесполезен. «Нравится этот сайт» не говорит ничего: сайт состоит из сотни решений, и дизайнер не знает, какое из них вам нужно — цвет, шрифт, структура или ощущение дороговизны.
- К каждому примеру — что именно нравится. Не «вот хороший сайт», а «здесь нравится первый экран: сразу видно цену и кнопку».
- Три-пять примеров, не тридцать. Большая пачка без комментариев перекладывает выбор обратно на исполнителя — вы вернулись к «сделайте красиво».
- Добавьте один антипример. Граница «так нельзя» сужает поле сильнее, чем ещё три «так можно».
- Разведите уровни. Отдельно референсы структуры, отдельно — стиля. «Структура как у А, настроение как у Б» — нормальная и частая постановка.
- Сверьте бюджет с образцом. Референс на продакшн за миллионы при бюджете в сотни тысяч программирует разочарование. Честнее взять пример из своей весовой категории.
Где референс мешает
Когда он превращается в задание «повторите». Исполнитель копирует форму, теряя причину, по которой она работала у автора. Чужой сайт строился под чужую аудиторию и чужое УТП — перенос формы без этой основы даёт красивую пустоту.
Когда все смотрят на одни и те же образцы. Отрасль, где каждый собирает референсы у трёх лидеров, сходится к одинаковым сайтам. Проверьте свою нишу: если конкуренты неотличимы, повторение их приёмов — способ спрятаться, а не выделиться.
Когда референс подменяет ответ на вопрос «зачем». Стиль обсуждают после того, как решено, что страница должна делать, — иначе получится красивый макет без заявок.
Где искать
- Сайты конкурентов и смежных ниш — начинать отсюда: видно, от чего отстраиваться.
- Галереи дизайна — площадки с подборками сайтов, лендингов, интерфейсов по категориям.
- Собственная почта и закладки — рассылки, которые вы дочитываете, и сайты, которыми пользуетесь без раздражения.
- Опыт как покупателя. Где вам самим было удобно заказать, оплатить, разобраться — это референс функциональности, самый ценный из всех.
Коротко
- Референс — образец, который показывает исполнителю ожидаемый результат вместо спора о словах.
- Бриф отвечает «что сделать», референс — «как это должно выглядеть».
- Взять принцип — референс, взять макет — плагиат.
- Пример без пометки «что именно нравится» не работает.
- Три-пять примеров с комментариями сильнее тридцати без них; антипример обязателен.
- Референс не отвечает на вопрос «зачем» — сначала задача страницы, потом стиль.
Проектируем сайты от задачи и структуры до стиля — UI/UX дизайн и разработка сайтов.