Мудборд — это доска настроения: подборка картинок, цветов, шрифтов и текстур, которая показывает, каким будет проект, ещё до первого макета. С него начинают работу над логотипом, фирменным стилем, сайтом или фотосессией. Рассказываем, зачем нужен мудборд, из чего он состоит и как собрать его так, чтобы клиент сразу понял идею.
Что такое мудборд
Слово пришло из английского: mood board — доска настроения. Раньше дизайнеры буквально вешали на доску вырезки из журналов, ткани и образцы бумаги. Сейчас мудборд чаще собирают на экране, но суть та же: показать атмосферу и визуальное направление проекта одной картинкой.
Мудборд не готовый дизайн. Это договорённость о стиле: какие цвета, какое настроение, какие шрифты и образы подходят бренду, а какие нет.
Зачем мудборд дизайнеру
- Договориться с клиентом на старте. Слова «современно и стильно» каждый понимает по-своему. Картинки снимают разночтения.
- Сэкономить правки. Если направление согласовано на мудборде, в готовом макете меньше сюрпризов.
- Не потерять идею. Мудборд держит единый стиль, когда проект большой и в нём много носителей.
- Объяснить задачу команде: фотографу, иллюстратору, разработчику.
Из чего состоит мудборд
| Элемент | Что показывает | Пример |
|---|---|---|
| Фотографии и образы | настроение, свет, людей, среду | утренний свет, натуральные материалы |
| Палитра | 4–6 цветов будущего бренда | тёплый бежевый, терракота, тёмно-зелёный |
| Шрифты | характер текста | гротеск для заголовков, антиква для текста |
| Текстуры и материалы | фактуру, тактильность | крафт-бумага, лён, бетон |
| Референсы дизайна | приёмы, которые нравятся | крупная типографика, много воздуха |
| Ключевые слова | 3–5 слов о характере бренда | тёплый, честный, локальный |
Как собрать мудборд: пошагово
- Сформулируйте задачу. Что за бренд, для кого, какое впечатление должен производить. Запишите 3–5 ключевых слов.
- Соберите много материала. Ищите на Pinterest, Behance, Dribbble, в фотобанках. На этом этапе лучше больше, чем меньше.
- Отберите лучшее. Оставьте 10–20 картинок, которые точнее всего передают ключевые слова. Всё, что спорит с остальным, убирайте.
- Вытащите палитру из отобранных изображений: 4–6 цветов.
- Подберите шрифты, которые поддерживают настроение.
- Скомпонуйте доску. Крупно — главные образы, мельче — детали. Мудборд тоже должен выглядеть как дизайн, а не как случайный коллаж.
- Покажите клиенту и обсудите, что откликается, а что нет.
Где собирать мудборд
- Pinterest. Удобно искать идеи и сохранять в отдельные доски.
- Figma. Можно собрать доску вместе с палитрой и шрифтами и сразу перейти к макетам.
- Milanote. Специальный сервис для досок с картинками, заметками и ссылками.
- Нейросети. Midjourney и похожие инструменты помогают быстро получить образы нужного настроения, если готовых референсов не хватает. Подробнее в статье «Нейросети для дизайнера».
Частые ошибки
- Слишком много всего: 50 картинок вместо 15, и общее настроение теряется.
- Картинки в разных стилях, которые спорят между собой.
- Нет палитры и шрифтов, только фото.
- Мудборд собран «как нравится дизайнеру», а не под задачу бренда.
Как научиться работать с мудбордами
Мудборд — один из первых шагов в работе над фирменным стилем, и его стоит освоить в самом начале. На курсе графического дизайна с нуля вы проходите путь от идеи до готового проекта: за 7 недель 13 работ, от визитки и постера до логотипа и фирменного стиля, с разбором каждой работы преподавателем. Academy Graphicmania — партнёр по учебной карте Töötukassa, подробнее на странице «Обучение по учебной карте».
Частые вопросы
Сколько картинок должно быть в мудборде?
Обычно 10–20. Этого хватает, чтобы передать настроение, и при этом доска не превращается в хаос.
Чем мудборд отличается от референсов?
Референсы — это примеры отдельных приёмов, которые нравятся. Мудборд собирает их вместе с палитрой и шрифтами в единое визуальное направление.
Нужно ли показывать мудборд клиенту?
Да, это главная его задача. Согласованный мудборд экономит время и правки на следующих этапах.