05Профессия и инструменты

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

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

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

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

Мудборд часто путают с двумя соседними понятиями. Референс — образец конкретной детали, его повторяют почти дословно: «вот такая ручка на фасаде», «вот такой шрифт в логотипе». Концепт — проработанная ключевая идея, которая стягивает все решения проекта в одно целое. Мудборд же передаёт настроение. Луговые цветы на доске для спа-салона не обещают букетов в интерьере. Они говорят о другом: спокойствие, природная палитра, мягкий свет.

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

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

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

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

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

Кстати, физические доски с вырезками пришли из кино и рекламы: там концепции согласовывали на пробковых щитах задолго до графических редакторов.

Виды мудбордов

Делить доски удобно по двум признакам: как сделана и зачем.

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

Коллаж-мудборд и мудборд-сетка

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

Мудборд стиля

Такая доска собирает узнаваемые признаки стиля. В интерьере это материалы, палитра, характер мебели и света; в личном гардеробе — силуэты, фактуры тканей, цветовые сочетания, детали. Задача — превратить размытое «хочу что-то скандинавское» в конкретный набор: светлое дерево, белые стены, лён, один-два приглушённых акцента.

Мудборд по произведению или персонажу

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

Из чего состоит мудборд

Из чего состоит мудборд

Единого рецепта нет. На рабочей доске чаще всего встречаются такие слои:

  • палитра из 3–5 цветов, в цифре с HEX-кодами, чтобы потом не ловить оттенок на глаз;
  • фотографии и иллюстрации — на них держится настроение, и места они занимают больше всего;
  • 1–2 гарнитуры, если проект связан с графикой или брендом;
  • текстуры и паттерны: дерево, ткань, бетон, орнаменты (в интерьере этот слой, пожалуй, главный);
  • логотипы и элементы фирменного стиля, когда доску собирают под бренд;
  • два-три ключевых слова или цитата. «Тепло», «ремесло», «тишина» уточняют то, что картинки оставили открытым.

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

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

  1. Определите цель и запишите бриф. Для кого доска, что за проект, какое нужно настроение. Выпишите 3–5 ключевых слов, по ним вы потом будете отбирать картинки. «Уютный», «минималистичный» и «дерзкий» дадут три разные доски.
  2. Наберите 30–50 референсов. Строго пока не фильтруйте, складывайте всё, что откликается на ключевые слова. Только в высоком разрешении: мелкие мыльные картинки при компоновке испортят всю доску.
  3. Отберите главное. Обычно на доске остаётся 9–20 изображений, но это ориентир: точное число зависит от формата и задачи. Выкиньте смысловые дубли и всё, что уводит настроение в сторону. Перевалит за 20–25 — идея поплывёт.
  4. Скомпонуйте. Одно центральное изображение задаёт тон, остальные идут вокруг по убыванию значимости. Цвет помогает уравновесить правило 60-30-10: доминирующий цвет занимает около 60% площади, вторичный 30%, акцентный 10%. Это подсказка, а не обязательная норма — не каждой композиции она подходит. И оставьте воздух: плотная кладка без пауз читается как шум.
  5. Добавьте палитру, шрифты, подписи. Цвета — отдельными плашками с кодами, гарнитуры — на короткой фразе. Неочевидное подпишите: «такая фактура у фасадов», «такой характер света».
  6. Покажите доску заказчику, семье или команде и соберите реакции. Спорное заменить недолго: поменять картинку быстро, а переделывать готовый макет или ремонт выйдет куда дороже.

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

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

Фотостоки со свободными лицензиями — Unsplash, Pexels, Pixabay. Работы дизайнеров лежат на Behance и Dribbble. Pinterest удобен для поиска по визуальным ассоциациям. Плюс соцсети, блоги и ваши собственные снимки: фактура, подсмотренная на прогулке, фото из поездки или музея часто попадают точнее любой стоковой картинки. Город вообще недооценён как источник. Кирпич, камень и металл старых московских зданий — готовая библиотека палитр и текстур, нужен только телефон.

С авторским правом всё упирается в назначение доски. Для личной, которую вы никому не продаёте, чужие картинки допустимы. Если мудборд идёт в коммерческий проект или публикацию, найдите первоисточник, проверьте лицензию и укажите авторов. Behance, Dribbble и Pinterest хороши для вдохновения, но работы оттуда в коммерции без разрешения автора использовать нельзя.

Сервисы для сборки доски:

СервисДля чего подходитЦенаСовместная работа
PinterestСбор и хранение референсов по темамБесплатно—
CanvaБыстрая доска по готовым шаблонамЕсть бесплатный тарифДа
MilanoteДоски со свободной компоновкой, заметками и ссылкамиЕсть бесплатный тарифДа
MiroКомандная работа на общей онлайн-доскеЕсть бесплатный тарифДа, основной сценарий
FigmaТочная компоновка, доска внутри дизайн-процессаЕсть бесплатный тарифДа
Adobe Express (бывший Adobe Spark)Коллажи по шаблонамЕсть бесплатный тарифОграниченно

Тарифы и условия совместного доступа сервисы время от времени меняют, так что перед выбором сверьтесь с их сайтами. Из России часть из них работает с ограничениями: Canva с 2022 года сама закрыла доступ и оплату для российских пользователей, Miro обслуживает российские аккаунты только на бесплатном тарифе, Figma и Adobe не принимают оплату с российским платёжным профилем. Командную доску можно собрать и в отечественной «VK Доске».

Выбор простой. Нужно только собрать референсы — хватит Pinterest. Готовите презентацию заказчику — берите Milanote или онлайн-редактор с шаблонами, работаете командой — Figma или общую онлайн-доску. А для интерьера я бы не списывал физическую доску: образцы краски, плитки и ткани на ней ведут себя честнее, чем на экране, и их можно посмотреть при дневном и при вечернем свете ещё до покупки.

Ошибки при создании мудборда

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

  • Лофт, прованс и хай-тек на одном листе. На эклектику это не тянет, решения здесь не сведены. Каждому направлению нужна своя доска.
  • Целые чужие интерьеры из каталогов. Соблазн скопировать их слишком велик, и мудборд превращается в план плагиата. Берите фрагменты, фактуры, цвета.
  • Ни одного реального образца. Для ремонта доска из одних картинок обманчива: краска на экране и на стене — два разных цвета. Нужны выкрасы и образцы материалов.
  • Пиксельные изображения: портят впечатление от всей доски, и фактуру на них не разглядеть.
  • Доска вместо брифа. Красивая подборка, которая не отвечает на вопрос «для кого и зачем», так и останется украшением.

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

Примеры удачных мудбордов

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

Для кофейни собрали чёрно-белые снимки городских улиц, крупный план фактурной бумаги, кофейное зерно. Гарнитуры две, рукописная и гротескная. Палитра — графит, крафтовый бежевый и один тёплый акцент, слова — «город, ремесло, утро». Дизайнер рисует по ней айдентику без второго круга обсуждений.

Ну и доска по книге. Допустим, роман о северном побережье: холодное море, серое небо, шерстяной свитер крупной вязки, керосиновая лампа, синие и серые тона с одним янтарным пятном, короткая цитата героя. Кто читал — узнаёт мгновенно. Значит, сработало.

У всех трёх ограниченная палитра, один смысловой центр, повторяющиеся фактуры и почти нет текста.

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

Чем мудборд отличается от коллажа? Коллаж — техника: изображения, наложенные друг на друга. Мудборд определяется назначением: подборка, которая передаёт настроение проекта. Его можно сделать коллажем, а можно строгой сеткой.

Сколько изображений должно быть на доске? Обычно 9–20. На 20–25 и больше идея начинает расплываться, тогда доску лучше разделить на две.

Можно ли создать мудборд без навыков дизайна? Да. Шаблоны онлайн-редакторов или доски Pinterest никакой подготовки не требуют: отберите картинки по ключевым словам и разложите по сетке.

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

Можно ли брать картинки из Pinterest для рабочего проекта? Для внутреннего обсуждения и вдохновения можно. Для публикации или коммерции проверьте лицензию конкретного изображения и спросите разрешения у автора.

Что делать, если доска «не собирается» в единое настроение? Вернитесь к ключевым словам из брифа и уберите всё, что им не отвечает. Чаще всего на одну доску попали две разные идеи, и их надо развести по отдельным доскам.

Редакция MDB

Независимый журнал о дизайне. Пишем о выставках, интерьерах, вещах и шрифтах, которые видели сами; пресс-релизы не перепечатываем.

О журнале

Ещё в рубрике «Профессия и инструменты»