Что такое мудборд: как его составить и как с ним работать
Как быстро визуализировать будущий дизайн, донести до своей команды, дизайнеров или клиентов свою идею, передать ее настроение и «характер»? В этом помогает мудборд — коллаж из различных элементов, которые позволяет лучше понять концепцию и протестировать дизайнерские решения. Но просто собрать все картинки на одном файле недостаточно — рассказываем, как правильно составить «доску настроения», где брать вдохновение, какие инструменты использовать и чего не должно быть на идеальном мудборде.
Мудборд (от английского mood board) — буквально переводится как «доска настроения». Он представляет собой коллаж из разных визуальных объектов — картинок, фото, иллюстраций, типографических элементов, иконок, паттернов, которые относятся к будущему дизайну и описывают его концепцию и идею.
Доски настроения можно разрабатывать для любых дизайнерских продуктов — например, для газет и журналов, рекламных макетов, фирменных стилей и брендинга, презентаций товаров и услуг, программ, игр, приложений. Также существуют мудборды интерьера, одежды, мебели, кулинарных блюд, электронных гаджетов и других объектов.
В мудборде выражена атмосфера проекта — нежность и легкость
Чаще всего мудборды создаются в электронном варианте — с помощью различных программ изображения объединяются в статичную или динамичную композицию. Также он может быть интерактивным — например, когда при нажатии на элементы они увеличиваются, воспроизводят анимацию, открывают ссылки на первоисточники. Но такие доски можно воспроизводить и вживую — прикреплять на фон распечатки, вырезки из газет и журналов, типографические элементы или даже объемные объекты: такие решения более наглядно описывают проект и позволяют легко взаимодействовать с мудбордом, меняя расположение его составляющих.
Для чего нужен мудборд
Основная задача мудборда — это организация и визуализация идей, концепций и творческих мыслей. С его помощью можно собраться с мыслями перед началом работы над дизайном, упорядочить и структурировать информацию, определить направления для дальнейшего развития проекта, а также поделиться своими идеями с коллегами и заказчиками. Мудборд помогает собрать все необходимые элементы и материалы для реализации проекта в одном месте, что делает процесс более организованным и эффективным. Вот для чего его можно использовать:
для презентации идеи дизайн-проекта клиентам или заказчикам;
для тестирования визуальных решений, цветовых и шрифтовых сочетаний;
для сохранения и упорядочения визуальных элементов, которые используются для вдохновения;
для быстрого обмена идеями между коллегами и участниками проекта за счет их визуализации;
для создания дополнительного контента, который можно использовать во время разработки готового проекта, чтобы оценить реакцию аудитории на визуальные решения.
Для кого предназначен этот инструмент
Что такое мудборд? Он будет полезен всем, кто участвует в создании дизайн-проекта. Чаще всего его используют дизайнеры в качестве рабочего материала, который помогает визуализировать идеи и быстро обмениваться ими между собой. Вставить мудборд можно и в презентацию для клиента — так проще представить, каким можно ожидать конечный результат, и внести в него правки на этапе планирования.
Доски настроения часто включают в ТЗ для дизайнеров, которые создают менеджеры, разработчики, маркетологи и другие специалисты. Таким образом можно легко передать характер и настроение проекта и наглядно описать свою идею. Мудборды составляют перед проведением фотосессий и выставок, при оформлении пространства и организации праздников и торжественных событий, при проектировании интерьера, при создании оригинальных блюд и кондитерских изделий — он будет уместен при работе над любым проектом, у которого есть идея и свой «характер».
Что расположить на доске настроения
Четких правил, что должно быть на мудборде, нет — это зависит от особенностей проекта и его видения тем человеком, который составляет доску настроения. Вот несколько идей, что там располагают чаще всего.
Референсы. Это — изображения-примеры, на которые можно ориентироваться при создании готового продукта. Их удобно добавлять, когда нужно совместить несколько существующих идей в собственную. При поиске изображений и их использовании нужно не забывать, что проект должен быть уникальным и в первую очередь отражать оригинальную идею, поэтому референсы должны служить подсказками, а не шаблонами.
Фото, описывающие настроение. Можно собрать изображения и иллюстрации, которые использовались для вдохновения. Это могут быть картинки, описывающие основную идею проекта, ассоциации, передающие его атмосферу, фотографии с нужной палитрой.
Мудборд, описывающий атмосферу домашнего уюта и тепла
Мокапы. Это — визуализация будущего продукта в той среде, где он будет использоваться. Например, для рекламных макетов это может быть его размещение на билборде или ситилайте, для фирменного стиля — оформление торговых точек, для приложения — внешний вид на разных мобильных устройствах. Если такие наброски уже есть, их можно добавить на мудборд.
Палитры. На доске можно размещать сочетания цветов — как отдельно, так и на изображениях. Кроме этого, желательно, чтобы весь мудборд был выполнен в единой палитре — так работать с ним будет проще, он сможет нагляднее визуализировать идею.
Шрифтовые сочетания. Если в проекте присутствует типографика, ее можно также поместить на мудборд: это позволит оценить, как шрифты сочетаются между собой и смотрятся вместе со всей концепцией.
Правила композиции для мудборда
Главный принцип композиции при создании мудборда — элементы не должны перекрывать друг друга, при этом равноценные объекты должны иметь приблизительно одинаковый размер. Если часть изображений будет слишком маленькой, будет создаваться впечатление, что они не важны, более крупные картинки будут перетягивать на себя внимание.
Обычно используются следующие виды композиции:
коллаж с четкой сеткой — подходит, когда нужно собрать небольшое количество картинок, для создания подойдут даже встроенные приложения в телефоне;
свободный коллаж — хорошо подходит для структурирования большого количества изображений, при создании важно следить за тем, чтобы картинки не перекрывали друг друга.
Два вида композции в мудборде
Принципы создания мудборда
Расскажем об основных принципах, которые помогут создать качественный и полезный мудборд.
Откуда брать изображения
Картинки можно искать во всех доступных источниках — от соцсетей до галереи собственных фото. Но при этом не стоит использовать все изображения подряд, скачав их с первой страницы поиска по соответствующему запросу — они должны передавать характер проекта и подчеркивать его уникальность.
На помощь может прийти Pinterest — ресурс, который используют для вдохновения многие творческие люди. Это — сайт, на котором содержатся сотни тысяч изображений на самые разные темы: фото, иллюстрации, анимации, шаблоны для мокапов, готовые доски настроений, которые можно использовать в качестве примера. Именно там можно найти идеально иллюстрирующий идею вариант.
На Pinterest можно найти изображения для мудборда и вдохновение
Кроме этого, искать изображения можно:
в тематических пабликах в соцсетях, в специальных сообществах дизайнеров;
на агрегаторах портфолио дизайнеров, художников и фотографов, например, Behance, Demiart, Dribbble;
на фотостоках;
в нейросетях, например, Leonardo, Midjourney, Kandinsky — можно использовать как собственные генерации, так и те, которые находятся в свободном доступе на сайтах.
При этом нельзя забывать об авторских правах. Если мудборд будет использоваться как рабочий материал и видеть его будут только члены команды, то жестких ограничений нет, но если вы собираетесь публиковать доску настроения — нужно убедиться, что картинки можно использовать и указать их источники.
Как работать с цветом
Настроение, заложенное в мудборде, во многом формируется за счет правильного выбора палитры. Например:
для создания атмосферы уюта и спокойствия используют теплые цвета;
для передачи ощущения легкости и воздушности — светлые пастельные оттенки;
для мудборда приложений и современных инновационных проектов можно использовать монохромную палитру с яркими цветовыми пятнами;
натуральность и экологичность могут подчеркнуть оттенки голубого и зеленого, а также текстуры природных материалов;
загадочную или мистическую обстановку создадут темные тона.
Чаще всего стиль мудборда создается в единой палитре — например, в пастельных или темных тонах. Но для некоторых проектов цветовое разнообразие просто необходимо, поэтому добавлять больше цветов можно. Важно следить за тем, чтобы они сочетались между собой и не создавали «шум» и наляпистость.
Как работать с типографическими элементами
Еще одна важная составляющая доски настроения — это шрифты. Обычно добавляют те, которые будут использоваться в самом проекте, чтобы оценить, как они будут выглядеть в работе. Чаще всего используют 2–3 шрифта — один для заголовков, который может быть ярким и необычным, 1–2 — более простых, для текста, который должен хорошо читаться.
Писать лучше то, что будет использоваться в проекте — например, название продукта или самой компании или короткие цитаты, которые имеют отношение к теме мудборда. «Lorem Ipsum», «мягкие французские булки» и алфавит лучше не использовать, также не стоит перегружать мудборд текстовыми блоками — акцент должен быть на изображениях. Но для некоторых проектов будет уместно решение, когда в центре композиции находятся именно текстовые элементы.
Композиции, в основе которых — типографика
Сервисы для работы с мудбордами
Для того, чтобы создать мудборд, не нужно осваивать сложные дизайнерские программы — вот несколько сервисов, которые позволят создавать их легко и быстро.
Figma
Простая программа с широкими возможностями по работе с текстом и изображениями, которая позволяет использовать множество встроенных шаблонов для коллажей и создавать групповые проекты.
Miro
Онлайн-сервис для создания досок, на которые можно добавлять неограниченное количество фотографий. Хорошо подойдет для создания объемных коллажей со свободной структурой.
Milanote
Еще один онлайн-инструмент, который позволяет создавать коллажи с четкой модульной сеткой или использовать встроенные шаблоны. Поддерживает командную работу над проектом.
Sampleboard
Продвинутый, но интуитивно понятный сервис, который позволяет использовать тысячи шаблонов, автоматически создавать палитру мудборда, синхронизироваться с Pinterest и использовать сохраненные там картинки.
Adobe Express
Упрощенная версия редактора Photoshop — позволяет пользоваться обширной библиотекой шрифтов и шаблонов, легко делать паттерны, создать мудборд с собственной композицией.
Чего не должно быть на мудборде
Некоторые элементы могут испортить мудборд — вот что добавлять не стоит:
банальные картинки, не иллюстрирующие настроение проекта, например, из первых мест в выдаче поисковика;
избыток текстовых пояснений — в идеале их быть вообще не должно, идея должна считываться за счет визуальных элементов;
слишком большое количество изображений, при котором сложно сосредоточиться на чем-то конкретном;
неочевидные ассоциации, которые не имеют прямого отношения к сути концепции;
черный юмор, 18+, эротика — только если это не предполагают особенности проекта и его ЦА.
Советы по успешной работе с мудбордами
Дадим несколько советов, которые помогут понять, как сделать мудборд:
на этапе подбора изображений легко потерять суть из-за большого количества информации и отойти от основной идеи — не забывайте возвращаться к первоначальной задумке;
следите за тем, чтобы ассоциативный ряд был понятен не только вам, но и всем, кто будет использовать мудборд;
не старайтесь скопировать чужие работы — из-за этого уникальность доски настроения потеряется, и она не будет выполнять свою основную функцию;
чтобы ускорить процесс работы, можно использовать готовые шаблоны, в которые вставляются картинки, потом их можно будет доработать, добавив нужные элементы;
мудборд — это вспомогательный инструмент, который можно сравнить с наброском, поэтому не стоит тратить на него слишком много времени и стараться довести до идеала, главное — донести основную идею и передать настроение проекта.
Коротко о главном
Подведем итоги:
мудборд, или доска настроения — это коллаж, который передает основную идею проекта за счет ассоциаций;
на нем можно размещать референсы, изображения, задающие атмосферу, цветовые и шрифтовые решения, паттерны, иконки и другие элементы, имеющие отношение к проекту;
мудборды создают, чтобы описать концепцию будущего дизайна, их используют дизайнеры, художники, фотографы, архитекторы, а также специалисты, которые разрабатывают ТЗ;
при создании доски настроения можно использовать разные графические редакторы — они делают мудборды онлайн бесплатно и не требуют специальных навыков работы;
испортить мудборд могут неочевидные ассоциации, избыток текста, слишком большое количество разноплановых картинок, которые мешают уловить общую идею.
Просто о сложном
Неделя рекламы 
Новости 
Кейсы 
How to 
Интервью и дискуссии 
Маркетинговые исследования 
Проверено ADPASS 
Рекламные кампании 
