Не обижайтесь, но мы используем файлы Cookie, чтобы обеспечить лучшую работу сайта.

Зачем нужны и как создавать мудборды?

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

Mood — настроение, board — доска.
Moodboard — доска настроения.
Пример мудборда - moodboard - доска настроения для дизайнера
Пример мудборда, доски настроения для дизайнера
Мудборды облегчают коммуникацию между дизайнером и клиентом, и помогают найти тот вариант, который решит задачу. Клиент не ориентируется в профессиональных терминах, ему может быть трудно сформулировать техническое задание, а через визуальные образы — мудборды, — дизайнер помогает заказчику принять решение, разговаривая с ним на одном языке образов.

Язык образов исключает разночтения и экономит средства и время на переделке конечного продукта.

Что такое мудборд на самом деле

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

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

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

Мудборд — способ начать работу не с чистого листа

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

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

С мудборда начинается работа над проектом. В нем отражается основная идея, концепция, однозначно воспринимаемая и заказчиком дизайна и предполагаемой целевой аудиторией.

Хороший мудборд позволяет спрогнозировать результат работы дизайнера.
Пример мудборда для создания сайта
Пример мудборда для создания сайта

Мудборд нужен, чтобы донести мысль без телепатии

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

Чтобы фундамент был наиболее прочным, работа начинается с анализа. Изучается компания, фирменный стиль и описание бренда (если есть). Затем — аудитория и ее ожидания от нового продукта: будет ли он демонстрировать близкие аудитории ценности, вызовет ли доверие, установится ли контакт…

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

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

На данном этапе можно спутать два понятия: мудборд и референс.

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

Референс от английского reference — это отсылка к источнику, пример, образец, вспомогательный материал. Это может быть одна фотография, которой достаточно для понимания стиля и создания макета. Дизайнер может взять референс за шаблон и сделать на его основе новый продукт, чтобы не изобретать велосипед.

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

Средства создания мудборда

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

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

Есть и узконаправленные сервисы для «досок настроения», например:


  • gomoodboard — здесь есть готовые прототипы мудбордов, которые надо просто наполнить своими референсами, затем можно делиться с командой и заказчиками
  • olioboard.com — идеальные мудборды для дизайнеров интерьера, можно делать 3D-проекты
  • niice.co — позиционирует себя как мощный центр для креативных команд, есть примеры и шаблоны для создания досок
  • miro.co — одна из самых известных досок, в которой можно не только бесконечные коллажи собирать, но и вести канбан-доски и создавать майндмапы проектов. Нет шаблонов, зато много функций для совместной работы в реальном времени.
  • eagle.cool — интеллектуальная библиотека дизайнера с множеством фишек, в которой можно создавать свои каталоги и упорядочивать тысячи изображений и видео по тегам, цветам и т. д., есть расширение для браузера и десктопная версия, поддерживает 81 формат графических файлов
  • pinterest — скорее является визуальной социальной сетью и источником референсов и вдохновения, нежели сервисом для создания коллажей
Для вдохновения и быстрого поиска референсов можно использовать также и популярные сервисы с миллионами дизайнерских кейсов: Behance, Dribbble, Awwwards. Или любой фотобанк, например, с сток с 3D-графикой, о котором мы писали в этой статье — Топовые 3D стоки с моделями для графики, моушн-дизайна, архитектуры и геймдева в 2023 году.

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

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

Хотите получить свой мудборд?
Если да, напишите нам → ссылка
Если нет, мы можем начать работать без мудборда → ссылка на телегу
Также читайте другие наши статьи