Как составить мудборд для дизайнера

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

oodboard 5 советов, как правильно составить, фото № 1

oodboard 5 советов, как правильно составить, фото № 2

Дословно Moodboard переводится как «доска настроения». Он может включать в себя все, что угодно:

  • Детали одежды

  • Архитектуру

  • Природу

  • Цветовые сочетания

  • Аксессуары

  • Фото вещей

  • Шрифты

  • Картины художников

  • Принты

  • Обложки и упаковки

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

oodboard 5 советов, как правильно составить, фото № 3

oodboard 5 советов, как правильно составить, фото № 4

oodboard 5 советов, как правильно составить, фото № 5

oodboard 5 советов, как правильно составить, фото № 6

Зачем дизайнеру нужен moodboard?

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

Есть 2 способа, как сделать moodboard:

  1. Можно просто распечатывать и вырезать картинки из журналов и крепить их на пробковую доску.

  2. Мудборд удобно делать в графических программах: Photoshop, PowerPoint, Illustrator.

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

oodboard 5 советов, как правильно составить, фото № 7

А теперь 5 важных пунктов по созданию правильного мудборда:

  1. Проанализируйте тренды

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

oodboard 5 советов, как правильно составить, фото № 8

2. Определите концепцию

Вы просмотрели кучу трендов, в вашей голове масса задумок. Теперь остановитесь и придумайте общую концепцию. Задумайте идею, основное направление и вектор развития мысли. Высшим пилотажем считается, когда в основе мудборда присутствуют не базовые установки или популярные темы, а затронуты остросоциальные проблемы. К примеру, для Джейсона Холла — экс-креативного директора мужской линии одежды WGSN, таковым стало британское социальное явление «Edgelands»: переселение горожан в тихие поселки. Он отобразил все идеи в виде коллажа и начал анализировать вклад явления в моду вместе с трендами.

oodboard 5 советов, как правильно составить, фото № 9

3. Проведите отбор и сортировку

Далее необходимо разделить весь объем информации на отдельные тренды и направления. Каждая идея должна быть четко охарактеризована и понятна, подкреплена иллюстративным материалом, кусочками живых тканей, фактурами, аксессуарами, даже мелкими предметами или их иллюстрациями. Важным является и организационный момент. Все вырезки не нужно «разбрасывать по разным углам». Потом формировать и кристаллизовать конкретные идеи и развивать их подробнее, добавляя и наполняя новыми материалами.

oodboard 5 советов, как правильно составить, фото № 10

4. Используйте компьютер

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

oodboard 5 советов, как правильно составить, фото № 11

5.Находитесь в постоянный поиске

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

oodboard 5 советов, как правильно составить, фото № 12

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

Вдохновения вам!

Я-ткани

#статьи

  • 27 май 2022

  • 13

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

Оказывается, любая (почти) подборка картинок и красивых фоток с сайтов — это крутой инструмент в руках дизайнера.

Иллюстрация: Merry Mary для Skillbox Media

Дарья Тамилина

Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

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

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

Коллаж из фотографий растений, городских пейзажей и людей

Изображение: Morgan Messersmith / Behance

А если вы хотите использовать его только внутри команды, подойдёт и такой набор картинок:

Коллаж из обложек и разворотов журналов о скейтбординге

Изображение: Слава Лазарев / Skillbox Media

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

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

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

Например, если ваш клиент продаёт дрова и заказал у вас сайт, то странно держать в мудборде скриншоты с промостраницей Apple, фотографии машин Tesla и клубничного мороженого. Логичнее, если вы посмотрите на сайты конкурентов и какие-нибудь гравюры.

Мудборд с предметными фотографиями и образами из рекламы технологичных продуктов
Скриншот: hyohyun noh / Behance

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

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

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

Такой мудборд можно использовать как референс для дизайна лендинга: на нём есть цветовые палитры, формы для паттернов и пример шрифта
Скриншот: Canva

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

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

Основу мудбордов обычно составляют фотографии и рисунки — это универсальные элементы для любого проекта.

Такой мудборд с фотографиями может быть отправной точкой для дизайна детских игрушек из дерева. А если добавить шрифты и графические элементы — для веб-интерфейса
Скриншот: slebor / Canva

Искать картинки для вдохновения и сохранять их в разные папки можно на Pinterest, Dribbble или Behance. Это удобные сайты, чтобы начать работу над проектом: там есть куча картинок на любую тему. Собрать все нужные изображения в один коллаж можно в Photoshop, Figma или другом редакторе.

Нет, расположение картинок может быть произвольным. Например, вот так:

Коллаж из фотографий и иллюстраций

Изображение: Delightfull

Да, во многих онлайн-редакторах есть такая опция — например, удобно работать с мудбордами в Figma или на Adobe Spark.

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

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

Больше базовых знаний для дизайнеров

Научитесь: Профессия Веб-дизайнер
Узнать больше

  1. Что такое мудборд
  2. Что можно показать на мудборде
  3. Принципы создания мудборда
  4. Кто использует мудборды
  5. Где можно сделать мудборд

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

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

Мудборд помогает:

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

Что можно показать на мудборде

Цвета. Если палитра не задана изначально, демонстрация оттенков на мудборде поможет донести до заказчика, как будут передаваться ощущения и эмоции. 

Мудборд в песочных оттенках. Источник

Фотографии. Мудборд фотографа готовится под конкретную съемку (например для девичника, мальчишника, свадьбы) и учитывает будущий стиль костюмов, оформление интерьера, особенности локации и ракурсы.

Мудборд для фотосъемки свадьбы в винтажном стиле. Источник

Иллюстрации. Размещенные рядом изображения, объединенные общим настроением, помогают иллюстраторам быстрее реализовать задумку и точно выдержать стиль. 

Коллаж иллюстраций. Источник

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

Фрагмент мудборда со шрифтами. Источник

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

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

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

Мудборд, вызывающий ассоциации с летом и морем. Источник

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

Мудборд для магазина косметики. Источник

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

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

Иллюстраторы. Они собирают «доски настроения», чтобы подготовить цветовую палитру будущего рисунка или всегда иметь перед глазами примеры вдохновляющего стиля. 

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

Дизайнеры интерьера. «Доски настроения» дизайнеров интерьера называются дизайн-борды и напоминают «конструктор комнаты». Они отображают предметы интерьера, оформленные в том стиле и цветовой гамме, в которых будет выполнен будущий интерьер.

Дизайн-борд IKEA. Источник

На дизайн-бордах размещают не только базовые элементы интерьера (напольное покрытие, шторы, мебель, осветительные приборы), но и декор (текстиль, картины, вазы, статуэтки и т.д.).

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

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

На специальных сайтах. На Pinterest, Dribbble или Behance удобно искать фото, палитры и дизайн-работы и распределять по папкам, каждая из которых по сути является отдельным мудбордом. В Canva есть отдельный раздел с шаблонами для мудбордов, многие из которых бесплатные.

В графических редакторах. Мудборд можно собрать в Adobe Photoshop, Illustrator, InDesign, в Figma, Sketch, в программах для рисования Krita, SAI Paint Tool, MediBang Paint и любом другом приложении, работающем с графикой. «Доску настроения» можно составить из картинок вручную или скачать для мудборда специальный шаблон (мокап).

В офисных приложениях. Быстро соединить изображения и сделать к ним поясняющие надписи позволяют офисные программы Microsoft Word и PowerPoint. 

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

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

Идеи

Что такое мудборд и как его создать

Визуализируем проекты с помощью досок настроения

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

Moodboard

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

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

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

Визуализация идеи для визитки

Образец мудборда для разработки визитной карточки. Источник

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

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

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

  • цветовые сочетания; 
  • шрифты
  • текстуры; 
  • логотипы
  • паттерны; 
  • фотографии и иллюстрации; 
  • слоганы и цитаты; 
  • иконки и кнопки; 
  • разные элементы дизайна; 
  • референсы. 

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

Подбор цветовой палитры

Мудборд для поиска цветового решения. Источник

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

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

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

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

Длинные цитаты. Слишком много текста на мудборде отвлекает от визуала.

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

Лаконичная доска настроения

Мудборд может быть минималистичным. Источник

Как создать мудборд: 4 этапа

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

1. Брифинг и постановка технического задания

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

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

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

2. Сбор материала и подготовка мудборда

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

При подборе элементов доски можно использовать метод ассоциаций. Для этого составьте список слов, которыми можно описать проект или его желаемый образ. Важно найти ассоциации, которые первыми приходят на ум. К примеру, к слову «море» мы обычно представляем песок, солнце, отдых, волны, ракушки. Для подбора ассоциаций можно воспользоваться специальными сервисами вроде Sociation.org или «Сеть словесных ассоциаций»

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

  • творческие платформы вроде Behance или Dribble
  • профессиональные площадки, например, Awwwards
  • фотостоки — Unsplash, Freepik
  • фотохостинги — Pinterest, Designspiration

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

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

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

Вот несколько рекомендаций по составлению мудбордов: 

Поддерживайте лаконичность цветовой палитры. Слишком много разных цветов создают хаос. Лучше ограничить гамму тремя цветами — один как основной и два акцентных дополнительно. Выбрать подходящие цветы можно с помощью сервисов-генераторов цветовых палитр

Ограничьте количество картинок/фрагментов. При большом количестве элементов на доске сложно представить единый образ, поскольку внимание рассеивается. Для передачи сути достаточно 5-7 элементов. 

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

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

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

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

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

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

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

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

Фото физического мудборда

Пример мудборда в офлайне — стильно, красиво, передаёт настроение. Источник

В стандартном приложении. В обычном PowerPoint или Microsoft Word можно собрать композицию из изображений и сохранить её в удобном формате. 

В графическом редакторе. Можно создать мудборд в Illustrator, Figma, Sketch, Adobe Photoshop или любом другом приложении для работы с графикой. 

На специализированных сайтах. Создавать свои композиции можно на Behance, Dribbble или Pinterest. 

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

  • Miro. Удобно создавать интерактивные доски с нуля, загружать изображения и добавлять пометки. Результатом можно делиться с командой. 
  • Eagle. В этом сервисе можно объединять картинки с учётом разных характеристик — по цвету, по ключевым словам и т.д. Можно сохранять в сервисе материалы прямо из браузера и искать подходящие элементы внутри сервиса. Eagle поддерживает работу с 80+ графическими форматами. Есть версия для Windows. 
  • Creatopy. Есть готовые шаблоны для баннеров, которые можно использовать как основу создания доски настроения. Плюс сервиса — библиотеки для поиска изображения, иконок и элементов дизайна. 
  • SampleBoard. Специализированный сервис, в котором можно быстро собрать профессиональную доску и поделиться ей. Дополнительные инструменты помогают подбирать цвета, просматривать дизайн-тренды, импортировать изображения с веб-сайтов, искать картинки на фотостоках, добавлять разные эффекты. 
  • Niice. Доступна демонстрация визуальных элементов на цифровых холстах. В сервисе можно создать собственную библиотеку элементов, просматривать коллекции и использовать шаблоны.

Профессиональный мудборд

Пример цифрового мудборда из SampleBoard

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

ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

документ

документ

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

unisender

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

author__photo

Содержание

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

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

Определение мудборда и для чего он нужен

Moodboard (от английского mood board) — «доска настроения». Это емкое название подборки изображений, которые отражают суть идеи. 

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

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

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

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

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

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

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

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

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

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

Цветовые палитры

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

Найдите готовые палитры в интернете или создайте свои наборы оттенков при помощи дизайнера. Выберите 2–3 ведущих цвета, которые будут основой мудборда, и добавьте еще 3–5 второстепенных. Чтобы не перегрузить палитру красками, используйте яркие и нейтральные оттенки в равном соотношении. Иногда уместно взять один акцентный цвет, а все остальные сделать приглушенными.

Иллюстрации и фотографии

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

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

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

caltouch-platform

Сквозная аналитика Calltouch

  • Анализируйте воронку продаж от показов до денег в кассе
  • Автоматический сбор данных, удобные отчеты и бесплатные интеграции

Узнать подробнее

platform

Текстуры, фактуры и паттерны

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

Используйте тактильные ассоциации в работе с текстурами. Если хотите показать тепло и уют, уместны мягкие ткани, если роскошь — позолота и мех.

Шрифты, логотипы и цитаты

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

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

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

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

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

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

Где искать исходники

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

Берите материал из разных источников, таких как:

  • поисковые системы;
  • страницы конкурентов и блогеров;
  • бесплатные фотохостинги, например Pinterest (здесь можно найти и примеры мудбордов);
  • фотостоки;
  • сайты с портфолио дизайнеров и фотографов, например Behance

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

caltouch-platform

Виджеты Calltouch

  • Увеличьте конверсию сайта на 30%
  • Обратный звонок, промо-лендинги, формы захвата, мультикнопка, автопрозвон форм

Узнать подробнее

platform

Программы для создания мудборда

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

  • Figma. В сервисе можно создавать мудборды онлайн вместе с командой. Доступны готовые шаблоны и полезные инструменты, например кнопка голосования или чек-листы. Есть бесплатный тариф с ограниченным функционалом (можно составить только три мудборда), профессиональный и корпоративный с безлимитом на формирование досок. 
  • Miro. Площадка для организации работы удаленных команд. Позволяет создавать доски и обсуждать их содержание в формате видеозвонков, редактировать несколько страниц одновременно. 

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

  • DesignFiles. Платформа больше подходит дизайнерам интерьеров для создания плана этажей, визуализации помещения в 3D. Однако на ней есть все необходимые инструменты, чтобы составлять и доски настроения. Сервис платный, доступны три тарифа: базовый, профессиональный, командный. 
  • Moodboard. Бесплатная программа для создания мудбордов, в которой дизайнеры составляют коллажи с помощью готовых шаблонов. Чтобы составить доску настроения, не требуется создавать аккаунт. Работать в сервисе просто: выберите шаблон, загрузите с устройства необходимые изображения для мудборда, нажмите на кнопку «Сохранить и опубликовать».
  • Sampleboard. В сервисе много полезных инструментов для создания досок настроения: удаление фона изображений в один клик, импорт фото с других сайтов, изменение размера холста по вашим предпочтениям. Можно использовать разнообразные встроенные шрифты и начертания, автоматическое создание цветовой палитры, дизайнерские шаблоны.

Первый мудборд можно составить бесплатно. Есть несколько платных тарифов: базовый, фриланс, профессиональный, корпоративный.

Для вдохновения используйте сайты, на которых дизайнеры выкладывают свои работы: Dribbble, Awwwards, Siteinspire, Land-book, Klikkenthéke, Niice. Ищите на них референсы по ключевым словам и сохраняйте понравившиеся изображения в подборки.

caltouch-platform

Знания про маркетинг, аналитику, диджитал, быстро и бесплатно

  • Новый скилл всего за 1,5 часа
  • Практические знания
  • Интерактивные юниты
  • Без оплат и встроенных покупок

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

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

Добавить комментарий