Что такое мудборд: как его составить и как с ним работать

Контент-маркетолог
Стаж 13 лет
Опубликовано: 15.02.2024

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

Коллаж референсов для передачи настроения на расстояния — мудборд. Источник: triptonkosti.ru
Коллаж референсов для передачи настроения на расстояния — мудборд. Источник: triptonkosti.ru

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

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

Мудборд — это буквально доска настроения (от английских слов mood — настроение и board — доска).

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

Доска настроения может быть интерактивной. И такой онлайн-мудборд содержит в себе видео, анимированные элементы и ссылки, что открывает совсем иное измерение для творчества.

И сразу же создает определенный настрой, не так ли? Источник: milanote.com
И сразу же создает определенный настрой, не так ли? Источник: milanote.com

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

Да-да, даже расположенные на столе элементы из нашей реальности. Источник: behance.net
Да-да, даже расположенные на столе элементы из нашей реальности. Источник: behance.net

Простыми словами мудборд — доска настроения, зафиксированные идеи создателя.

Для чего нам мудборд

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

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

Отличный пример доски настроения для коллекции одежды. Источник: behance.net
Отличный пример доски настроения для коллекции одежды. Источник: behance.net

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

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

Для кого этот инструмент

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

Фуд-мудборды помогают организовать фотосессию, определить стиль оформления помещения кафе или составить представление о вечернем меню. Источник: moriahsblog.com
Фуд-мудборды помогают организовать фотосессию, определить стиль оформления помещения кафе или составить представление о вечернем меню. Источник: moriahsblog.com

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

Что расположить на доске настроения

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

  1. Длинный текст. Он не поможет визуализировать настроение будущего проекта. Уместны лишь короткие пометки, а текст лучше оставить для технических заданий. 
  2. Несочетаемые элементы. Если вы поместите на доску противоречащие друг другу материалы, концепция распадется, и доска превратится в хаотичный набор изображений. 
  3. Неочевидные ассоциации. Все участники команды должны одинаково считывать образы на доске. Выберите картинки без сложных визуальных метафор. Замысловатые элементы бесполезны для мудборда. 
  4. Часто используемые изображения. Не стоит брать для мудборда первые попавшиеся фото из поисковой системы, даже если они подходят по стилю. Лучше потратить время и отобрать небанальные изображения, которые будут в деталях раскрывать вашу идею.

Правила композиции для мудборда

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

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

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

Принципы создания мудборда

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

Доска настроения, как мозговой штурм «на холсте», со всеми вытекающими полезными свойствами.

Яркий, активный мудборд для дизайна интерьера. Источник: behance.net
Яркий, активный мудборд для дизайна интерьера. Источник: behance.net

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

Откуда брать изображения

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

Пример использования мудборда, как самостоятельного элемента дизайна: превью фотохудожницы Felicia Lasala. Источник: pinterest.com
Пример использования мудборда, как самостоятельного элемента дизайна: превью фотохудожницы Felicia Lasala. Источник: pinterest.com

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

  • на фотостоках: Shutterstock, Dreamstime, Getty Images, iStock;
  • в библиотеках специализированных программ;
  • собственноручно отснятые видео или фото;
  • сгенерированные нейросетями изображения: Kandinsky для генерации изображений, Looka для генерации логотипов, Hotpot для обработки и генерации изображений.

Как работать с цветом

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

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

Дерзкое настроение для предстоящей фэшн фотосессии. Источник: theblackcape.wordpress.com
Дерзкое настроение для предстоящей фэшн фотосессии. Источник: theblackcape.wordpress.com

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

Ещё один пример доски модельера, передающей ощущение напряжения, протеста, игры с чем-то тёмным. Источник: pinterest.com
Ещё один пример доски модельера, передающей ощущение напряжения, протеста, игры с чем-то тёмным. Источник: pinterest.com

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

Этот мудборд транслирует лёгкость, ясность и некоторую деловитость. Источник: behance.net
Этот мудборд транслирует лёгкость, ясность и некоторую деловитость. Источник: behance.net

Если же нам нужен эффект лёгкости, доверия, используются «уютные», приятные глазу цвета.

Слов нет. Просто сладенький мудборд. Источник: anisfiberarts.com
Слов нет. Просто сладенький мудборд. Источник: anisfiberarts.com

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

Как работать с типографическими элементами

Текст на мудборде чаще всего играет роль того же изображения. Это либо красиво оформленные слоганы в необычной гарнитуре, либо композиции из знаков и литер или даже их частей. Реже это текстовые заметки, чтобы объяснить элементы мудборда коллегам. И, откровенно говоря, подобное не кажется хорошей идеей…

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

Хороший пример грамотного использования увесистого блока текста в мудборде. Источник: pinterest.com
Хороший пример грамотного использования увесистого блока текста в мудборде. Источник: pinterest.com

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

Сервисы для работы с мудбордами

Самый верный инструмент, безусловно, тот, которым дизайнер уже владеет. Не забудем и про всем знакомые графические редакторы: Adobe Photoshop, Illustrator. Они прекрасно подойдут, если уже имеется навык работы с ними.

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

Figma

Сайт: https://www.figma.com

Главная страница Figma
Главная страница Figma

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

Miro

Сайт: https://miro.com/ru/

Главная страница Miro
Главная страница Miro

«Бесконечная» доска, на которую можно добавить что угодно в свободном формате, кроме этого доступна онлайн работа с командой.

Milanote

Сайт: https://milanote.com/

Главная страница Milanote
Главная страница Milanote

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

Sampleboard

Сайт: https://milanote.com/

Главная страница Sampleboard
Главная страница Sampleboard

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

Adobe Express

Сайт: https://new.express.adobe.com/

Главная страница Adobe Express
Главная страница Adobe Express

Готовые шаблоны, сетки, библиотеки элементов дизайна, шрифтов, изображений и видео.

Для поиска вдохновения и формирования коллекции референсов можно использовать сервисы Pinterest, Dribbble, Behance, Niice.

Чего не должно быть на мудборде

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

  • Очень объёмные безликие куски текста. Текст, который вы добавляете должен играть изобразительную роль. Если этого нет, минимизируйте использование.
  • Переизбыток текстовых пометок к объектам на доске. Это разобьет всю композицию и наводнит ее лишним смысловым объемом. Лучше уточнить устно или сделать пометки всплывающими. Но не перегружайте ими общую композицию.
  • Слишком клипартные, «бесхарактерные» изображения. Они помешают создать стильность, добавят ощущения дешеватости и стереотипичности мудборду.
  • В отдельную категорию вынесу устаревшие клипарты или изображения низкого качества.

Советы по успешной работе с мудбордами

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

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

Легко читаемое стилевое решение для мудборда к дизайну помещения (дизайнер Дарья Алейникова). Источник: behance.net
Легко читаемое стилевое решение для мудборда к дизайну помещения (дизайнер Дарья Алейникова). Источник: behance.net

Коротко о главном

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

Материалы

Мудборд как актуальный элемент концептуального проектирования в дизайне интерьера

[PDF] " Мудборд" в практике дизайнера

Оценить статью
Нет ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!