Мудборды и референсы: что это такое и как пользоваться

Что такое мудборд и зачем нужен

Мудборд — это доска настроения (прямой перевод с английского). А еще это ассоциации, эмоции и ощущения, которые вызывают концепция и элементы — цвет, шрифт и так далее. 

Мудборд нужен на первом этапе работы над дизайном, чтобы понимать, какой смысл хочется заложить в проект.

Элементы мудборда:

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

Иногда в мудборде есть все элементы, иногда — только изображения.

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

Важно! В мудборде может быть от 3 до 5–7 изображений, но четких правил нет. Можно подобрать одно, но емкое изображение, которое будет отражать концепцию. И это тоже нормально.

Что такое референс и зачем нужен

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

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

Задача референсов и мудбордов

Задача референсов и мудбордов — облегчить коммуникацию с заказчиком и внутри команды. Это «сверка координат», которая помогает понять, в одном ли направлении мыслят дизайнер и заказчик, еще до начала разработки концепции, увеличивая шанс сдать работу с меньшим количеством правок и доработок.

Мудборды и референсы могут быть внутренними документами, которые собраны для себя и будущих проектов.

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

В чем отличие референсов от мудборда

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

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

Референсы бывают разных типов:

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

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

Когда дизайнеру нужны референсы и мудборды

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

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

Где можно подобрать мудборды

Разберемся, как составлять мудборды, где искать изображения и как их компоновать. А еще рассмотрим самые популярные ресурсы, где можно подобрать мудборды.

Pinterest

Фотохранилище, интернет-сервис, где пользователи могут размещать изображения, собирать тематические коллекции и делиться ими с другими пользователями.

Canva

В Canva можно создавать изображения для соцсетей и презентаций, а еще шаблоны для мудбордов. Есть бесплатные и платные версии шаблонов. Можно делиться мудбордом на этапе разработки и после.

Pexels

Стоковые фото и изображения отличного качества для поиска настроения проекта. Файлы можно скачать в следующих размерах: исходный — 4640 × 6960, большой — 1920 × 2880, средний — 1280 × 1920, маленький — 640 × 960.

Miro

Инструмент для создания мудбордов. Miro поможет создать интерактивные доски, куда можно добавлять фото, видео, диаграммы в разных разрешениях: pdf, gif и так далее. Готовых шаблонов для мудбордов нет, но можно работать параллельно с командой, оставлять комментарии и экспериментировать.

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

Читайте также:

Значение белого цвета и его влияние на дизайн

Где можно подобрать референсы

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

Behance

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

Dribbble

Сайт-портфолио, идея сайта похожа на Behance, есть свои особенности, например платный контент — просматривать работы дизайнеров можно после оплаты.

Awwwards

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

Siteinspire

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

Pinterest

Подходит, чтобы создавать мудборды и искать референсы.

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

Главное о мудбордах и референсах

1. Мудборд — единая доска, которая содержит «настроение» будущего бренда.
2. Референс — подборка вдохновляющих и интересных изображений, видео и других элементов, которые могут быть образцом для будущего дизайна проекта.
3. Задача референсов и мудборда — облегчить коммуникацию с заказчиком, внутри команды или подобрать идеи для следующего проекта.
4. Мудборд может содержать:

• изображения и иллюстрации;
• цвета или цветовые сочетания/палитры;
• ключевые слова;
• шрифтовые решения;
• паттерны;
• текстуры.

5. Создавать мудборды и референсы можно «с нуля» или пользоваться специальными сервисами.