Референс, мудборд или пример?
Три похожих слова описывают разные рабочие артефакты: источник решения, набор направления и конкретную иллюстрацию
Референс - источник для изучения конкретного решения; мудборд - отобранная система материалов, задающая визуальное направление; пример - иллюстрация принципа или результата в объяснении. Один материал может играть разные роли, но команда должна заранее назвать цель, чтобы обсуждать решение, а не просто понравившуюся картинку.
Что такое референс
Референс - материал, к которому обращаются при решении конкретной задачи. Это может быть экран, секция сайта, анимация, фотография или фрагмент типографики. Полезный референс сопровождается вопросом: какую проблему он помогает понять и что нельзя переносить без контекста.
Что такое мудборд
Мудборд - не случайная подборка красивого, а отредактированная система материалов. Вместе они задают тон, контраст, плотность, цвет, образность и эмоциональное направление. Хороший мудборд достаточно узкий, чтобы команда видела общую рамку, но не диктует готовый интерфейс.
Что такое пример
Пример нужен для объяснения. Он показывает, как выглядит принцип, состояние или результат: например, доступная подпись поля или удачная группировка тарифов. Пример может быть референсом, но в разговоре он обычно подтверждает уже сформулированную мысль.
Один материал - три роли
Скриншот hero-секции может быть референсом для иерархии, частью мудборда визуального направления и примером композиции в презентации. Разница не в файле, а в цели и контексте. Поэтому подписывайте, зачем материал сохранён и какое решение команда обсуждает.
Как работать без копирования
- Опишите задачу и ограничение до поиска.
- Соберите несколько независимых источников, а не один образец для повторения.
- Выделите принцип: иерархию, ритм, доказательство, действие или тон.
- Соберите собственное решение и проверьте его на контенте проекта.
- Сохраните авторство и ссылку на исходный материал.
Как использовать все три артефакта
В начале проекта мудборд помогает согласовать направление. Затем команда собирает референсы для конкретных решений: первого экрана, навигации, формы или движения. На ревью отдельные примеры объясняют выводы без превращения одного сайта в шаблон. Подписывайте роль каждого материала: "направление", "доказательство" или "иллюстрация", чтобы участники обсуждали один и тот же уровень решения.
Следующий шаг - выбрать источники в гайде где искать веб-референсы, а затем настроить хранение по инструкции как организовать дизайн-референсы.
Источники
- Библиотека дизайн-референсов Refframe, Refframe