Мудборд

Одобренно экспертом
Ирина Хафизова
Эксперт статьи
Ирина Хафизова
Дизайн-директор Mailfit
Автор статьи
Джулия Фатхутдинова

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

Термин произошел от английского «mood board», что переводится как доска настроения. На мудборд добавляют фотографии, иллюстрации, образцы цвета и шрифтов, которые передают общее впечатление от бренда.

Что такое мудборд

Доска настроения бренда кафе восточной кухни. Источник

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

Мудборд — это не просто набор красивых картинок. Это инструмент, который используют при разработке любых дизайн-продуктов.

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

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

Рассмотрим доски настроения, которые сделаны для различных целей.

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

Брендинг

В рекламном агентстве «Айдис» собрали мудборд для поиска смысловых образов логотипа. Источник

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

Разработка дизайна сайта

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

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

Съемки видеоролика

Мудборд для съемки и кадр из рекламного ролика Alcon. Источник

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

Yamamoto и Levi's

Мудборд для совместной коллекции Yamamoto и Levi's. Источник

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

дизайн

Какие задачи выполняет мудборд

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

Мудборд помогает решить следующие задачи:

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

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

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

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

Как составить мудборд

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

Определите концепцию

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

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

Ирина Хафизова

Ирина Хафизова

Дизайн-директор Mailfit
описание

Описание бренда Nike

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

 Разработка бренда молока

Рекламное агентство Depot предложило клиенту три концепции для бренда «Милград». На основе утвержденного мудборда разработали новый логотип и дизайн упаковки. Источник

Найдите идеи

Хорошими площадками для поиска референсов и примеров являются Behance, Dribbble или Awords, а также любые сервисы, подборки и площадки дизайнерского комьюнити. 

Проекты на Behance

Проекты на Behance по запросу «coffee packaging»

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

Например, для одного из наших проектов (интернет-магазина) мы использовали как основной референс передачи визуального смысла картины Брейгеля.

Ирина Хафизова

Ирина Хафизова

Дизайн-директор Mailfit

Подберите изображения

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

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

Где искать изображения:

  • Сайты с работами художников и дизайнеров: Behance, Dribbble, Awwwards.
  • Фотохостинги и социальные сети: Designspiration, Pinterest, Instagram*.
  • Фотостоки: Unsplash, Adobe Stock, Shutterstock.
  • Сайты музеев: Пушкинский музей, Третьяковская галерея, Metropolitan Museum of Art («Метрополитен Музей»). 
  • Окружающий мир — сделайте фотографии самостоятельно в новых и необычных местах.

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

Выберите цветовую гамму

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

Цветовая палитра на основе подборки фотографий. Источник

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

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

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

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

Более подробно про палитры наша команда рассказала на вебинаре Mailfit

Ирина Хафизова

Ирина Хафизова

Дизайн-директор Mailfit

Подберите шрифты

 

Подборка шрифтов

Подборка шрифтов для будущего бренда. Источник

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

Часто, даже не зная, чем занимается компания, мы можем определить примерную сферу деятельности по шрифтам в логотипе или рекламе.

Логотипы шрифтовые

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

Создайте композицию и завершите доску

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

Доска настроения

Упорядоченная композиция. Источник

Доска настроения

Неструктурированная композиция. Источник

Цифровой мудборд: какие сервисы использовать

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

  • Milanote — интуитивно понятный сервис с широким функционалом. На рабочую область можно добавить картинки, аудиофайлы, геопозицию, наборы цветов, а также рисовать скетчи поверх фотографий и писать пояснения.
  • Miro — платформа позволяет создавать проекты с общим доступом для команды. На доске можно размещать файлы, рисовать графики, добавлять изображения из облачных хранилищ.
  • Sampleboard — простой сервис, который предлагает сделать мудборд из изображений, текста и простых фигур. Из минусов — ограниченный размер рабочего поля.
  • Pinterest — позволяет собирать изображения в тематические доски. Минус — доступны только изображения, которые загружены в саму социальную сеть.
  • Figma — это онлайн графический редактор с общим доступом для команды. В нем создают дизайн-проекты, а еще собирают коллекцию изображений,  добавляют скетчи и подписи.

Главные мысли

мудборд бренда это

Вы нашли ответ?

12
0