Что такое мудборд и для чего он нужен

Мудборд (Moodboard, «доска настроения») — один из методов представить дизайн, объединяющий в себе различные визуальные элементы, относящиеся к будущему проекту. Если говорить максимально простым языком, — это коллаж, создаваемый для того, чтобы продемонстрировать стилистику, настроение и общую эстетику работы.

Конечно же, мудборды — это не единственный способ представить проект ещё в процессе обработки идей — и онлайн-школа Contented в своём курсе «Графический дизайнер PRO» готова не только рассказать, но и продемонстрировать множество других методов (диаграммы, хронологии, доски).

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

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

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

В зависимости от того, что из себя представляет проект (веб-сайт, страница в социальных сетях, программа, отчёт), меняются и люди, ответственные за его визуализацию:

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

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

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

Что включить в мудборд

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

• Цветовая палитра;
• Различные шрифты, в том числе созданные самостоятельно;
• Готовые текстуры;
• Логотипы организаций; 
• Собственные фотографии и/или иллюстрации; 
• Рекламные слоганы и цитаты из книг; 
• Небольшие кнопки и иконки;
• Дополнительные элементы из дизайна;
• Готовые референсы.

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

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

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

Конечно же, есть и элементы, которые мешают пониманию смысла мудборда:

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

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

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

Как создаётся мудборд

Иногда кажется, что мудборд — это простое занятие: зайти в поисковик, написать «картинки на тему “такую-то”» и выбрать более или менее схожие по тематике. Или взять уже готовую доску и поменять в ней логотипы или фотографии на похожие. Но на самом деле, процесс создания «доски настроения» в разы сложнее. А именно, он состоит из нескольких шагов.

Разговор с заказчиком и постановка технического задания

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

• Основные цели проекта;
• Целевая аудитория;
• Имеется ли фирменный Tone of voice;
• Настроение проекта;
• Есть ли примеры или предпочтения.

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

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

Поиск материала и первичная подготовка мудборда

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

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

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

Подготовка макета мудборда

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

Идеальный вариант — принять какой-то элемент за ключевой и расположить остальные, опираясь на взаимосвязи с «ключом». Но если сложно определиться с идеей концепции и «ключом», можно пройти обучение в Eduson Academy и узнать множество лайфхаков о графическом дизайне. 

Чаще всего встречаются следующие рекомендации по подготовке мудбордов:

1. Лаконичность цветовой палитры. Это основа науки колористики: много цветов создают хаос. Стоит ограничиться тремя цветами, которые хорошо сочетаются между собой. На помощь могут прийти специализированные интернет-сервисы подбора сочетаний.
2. Ограниченное количество фрагментов. Если добавить много фотографий в проект, будет проблематично сосредоточить внимание на общем смысле. В целом, достаточно 5–7 элементов на мудборд.
3. Можно (и нужно) «играться» с человеческим зрением. Как правило, человек делает акцент на центре и правой верхней части, потому что именно оттуда он начинает «чтение» изображение. В то же время можно сочетать дальний и крупный план, чтобы создавать объём.

Возможен и вариант, что первый мудборд окажется неидеальным: что-то в нём будет не то, но что именно — непонятно. Это нормально. Нужно показать проект другому человеку, спросить, что он мог бы добавить сам, либо перейти к другой работе, чтобы «разгрузить» мозг и вернуться к работе позднее со свежим взглядом.

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

Согласование и утверждение

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

Далее мудборд перейдёт в руки специалистов: дизайнер сможет сформировать первичную дизайн-концепцию по интерьеру, а фотограф сможет подготовить сценарий будущей фотосессии.

Нередко бывает и так, что мудборд создаётся «для себя» — чтобы попробовать визуально реализовать новую идею из-за нахлынувшего вдохновения. Вы также можете поделиться своей работой в блоге или на Pinterest — достаточно оставить ссылку в социальных сетях. Тогда все узнают о творческих умениях своего друга и, возможно, количество ваших клиентов только увеличится.

Принципы составления мудборда

Мудборд — это более комплексное понятие, чем просто «коллаж» или «референс», потому что у него есть свои фундаментальные принципы. Это не подборка аналогий или творчески объединённых элементов: это настроение, стилистика всего проекта в целом. Например, если создавать мудборд для фильма-детектива, скорее всего придётся использовать тёмные, серые тона для того, чтобы ощущался нуарный фон произведения. Если сходу не получается внедрить эту идею, стоит обсудить её с командой: даже для мудбордов нужны свои брейнштормы.

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

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

Где можно сделать мудборд

Создать мудборд не так сложно, потому что сегодня имеется огромное количество способов:

• На специальных сайтах. В Pinterest, Dribbble или Behance можно легко найти как палитру, так и соответствующие фотографии, чтобы в дальнейшем распределить их по папкам. В то же время Canva предоставляет специальный раздел с шаблонами для мудбордов, где есть бесплатные варианты.
• В графических редакторах. Легко и просто создать мудборд в Adobe Photoshop, Illustrator, InDesign, в Figma, Sketch, в программах для рисования Krita, SAI Paint Tool, MediBang Paint и любом другом приложении, работающем с графикой. Онлайн-курсы по Adobe Photoshop и Figma широко доступны и могут помочь освоить инструменты и техники для создания мудбордов.
• В офисных приложениях. Не так трудно создать мудборд в PowerPoint, если иметь заранее подготовленный файл технического задания и достаточно времени.
• На стене или доске. В целом, ничего не мешает размещать изображения прямо на рабочем столе: на экране ноутбука или стене комнаты. Для этого приобретите специальные металлические и пробковые доски, чтобы результат ещё и эстетично вписывался в общий интерьер.

Все понимают, что вдохновение может «захватить» в любом месте — именно поэтому метод его проявления вообще не имеет значения: как удобно, так и стоит творить. Используйте все возможности и получайте удовольствие от процесса!

Что в итоге?

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