Мудборд: что это и как сделать

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

Проведите мозгоштурм в Контур.Толке

Бесплатный доступ для новых пользователей

Зарегистрироваться

Mood board переводится c английского как «доска настроения». Мудборд — это инструмент выражения идей для проекта, в котором есть визуальная составляющая: сайт, интерьер, коллекция одежды, фотография, приложение, видео.

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

Например, предприниматель запускает китайский ресторан. За разработкой дизайна интерьера он обращается к дизайнеру. Запрос владельца заведения — оформить помещение в китайском стиле. 

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

Чтобы разночтений не было, дизайнер просит заказчика заполнить бриф, а после делает мудборд будущего дизайна. Он поможет заказчику понять уже на этапе планирования, чего ждать от дизайн-проекта.

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

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

Зачем нужен мудборд

Мудборд нужен, чтобы:

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

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

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

Проведите видеоконференцию в Контур.Толке

Бесплатный доступ для новых пользователей

Зарегистрироваться

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

Кто использует мудборды

Доска настроения пригодится любому креативному специалисту, который работает над визуальной составляющей проекта:

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

Главное преимущество доски настроения — она позволяет показать свои пожелания вместо того, чтобы объяснять словами. Хороший пример того, когда лучше один раз увидеть, чем сто раз услышать.

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

Вероятно вы уже создаете мудборды, просто не называете их так. Когда мы сохраняем картинки на доску в Pinterest, собираем модные образы или предметы интерьера в корзинах маркетплейсов — это уже элементы мудборда. Если собрать все это на одном листе, получится отличный результат, который поможет донести ваши идеи до других.

 

Марина Фионова
Коммуникационный дизайнер в Контуре

Основные компоненты мудборда

В зависимости от задач на доске можно расположить самые разные элементы. Разберем основные компоненты, которые используют чаще всего. 

Цветовые палитры

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

Чтобы составить гармоничную цветовую гамму, используйте круг Иттена или специальные сервисы: 

• In color behance — готовые палитры, 
• Coolors — автоматический генератор палитр, 
• Color hunts — для создания палитр вручную. 

Цвета можно вынести на доску отдельно или подобрать иллюстрации в определенной цветовой гамме.

Иллюстрации

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

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

Шрифты

Практически каждый дизайн-проект содержит текст. Сайты, баннеры, приложения, плакаты — без текста тут не обойтись. Поэтому при оформлении мудборда не лишним будет сразу подобрать шрифты, близкие вашей концепции. Это полезно для понимания общей картины проекта. 

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

Текстуры

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

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

Паттерны

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

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

Где искать материалы для мудборда

Фотохостинги. Основной источник изображений — сайты с визуальным контентом. Наиболее известные — Pinterest и Designspiration. Картинки легко искать по ключевым словам, а сервисы автоматически показывают похожие изображения.

Фотостоки. Такие сайты наполнены не картинками, а фотографиями. Искать фото по ключевым словам можно на Unsplash и Freepik.

Каталоги портфолио. Дизайнеры и студии публикуют свои проекты на специальных сайтах. Вдохновляйтесь дизайнерскими работами на Behance, Dribbble или Awwwards.

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

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

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

Инструменты и ресурсы для создания мудборда

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

А вот пять сервисов, с которыми составить мудборд еще проще:

• Pinterest. Сохраняйте картинки, создавайте из них тематические доски, чтобы визуализировать проект.
• Canva. Используйте шаблоны для создания коллажей, а также готовые палитры и шрифтовые пары. 
• Eagle. Сохраняйте изображения прямо из браузера, сортируйте их по цветам, тегам и ключевым словам.
• Moodboard AI. Используйте возможности искусственного интеллекта для создания своей доски.
• Miro. Добавляйте картинки на доску, комбинируйте их между собой.

Также создать мудборд можно в Контур.Толке. В сервисе есть онлайн-доски, на которые легко загружать картинки.

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

Подготовить доску можно заранее, до того как начнется встреча. Толк сохранит результаты в разделе «Артефакты», и вы сможете вернуться к доске в любой момент.

Попробуйте Контур.Толк — российский сервис видеосвязи

Бесплатный доступ для новых пользователей

Зарегистрироваться

Как создать мудборд: пошаговая инструкция

Шаг 1: брифинг заказчика. Подробно обсудите с заказчиком задачу, которую предстоит выполнить. Можно попросить его заполнить анкету с ключевыми вопросами по проекту, чтобы ничего не забыть. Уточните цели проекта, целевую аудиторию продукта, какие смыслы и эмоции хочет транслировать клиент.

Шаг 2: поиск материалов. Продумайте концепцию будущего продукта и приступайте к подготовке. Соберите фотографии, иллюстрации, шрифты, палитру — все, что поможет выразить идею. Работайте через ассоциации, чтобы найти как можно больше образов для визуализации. Когда собрали достаточно материалов, отсортируйте лишнее — то, что точно не войдет на доску.

Шаг 3: оформление мудборда. Оформите собранные элементы на одной доске. Четких правил нет: процесс творческий. Но вот несколько советов, которые помогут новичку:

• Продумайте композицию. Картинки должны рассказывать маленькую историю, а не лежать на доске хаотичной кучей. Часть элементов отправьте на задний фон, а главное разместите на переднем плане, чтобы создать объем и глубину.
• Выберите ключевой элемент. Определите центральный яркий элемент, а затем постепенно выстраивайте цепочку компонентов вокруг него, чтобы картина была целостной.
• Не используйте слишком много элементов. Не стоит перегружать доску, иначе есть риск, что элементы начнут противоречить друг другу. Обычно для визуализации идеи хватает 5–10 компонентов.
• Добавляйте пометки. Короткие текстовые пояснения добавят мудборду ясности: что отвечает за настроение, а где обратить внимание на фактуру.

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

Ответы на вопросы

Где можно использовать мудборд?

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

Какие инструменты подходят для создания мудборда?

Подойдет любая программа, где есть белый лист и возможность загружать картинки. Можно использовать Canva, Miro, Pinterest или Толк.

Как создать мудборд?

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

Проведите онлайн-встречу в Контур.Толке

Бесплатный доступ для новых пользователей

Зарегистрироваться