Что такое “мудборд” и зачем он нужен дизайнеру интерфейсов?

ArtSelianov Creative Agency
Дизайн-кабак
3 min readOct 1, 2021

Мудборд (moodboard) — “доска настроения/палитра настроения”, если дословно переводить с английского. В повседневной жизни такие мудборды могут использоваться буквально для всего. Например, в начале года можно визуализировать свои цели и планы с помощью доски желаний. Во время ремонта составление мудборда упрощает коммуникацию как в семье так и с дизайнером интерьера. В дизайне — это визуальное представление дизайн-проекта, которое состоит из изображений, цветовой палитры, примеров экранов, типографики.

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

Плюсы мудборда:

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

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

Один из самых известных способов создать мудборд/moodboard для будущего проекта — это скачать понравившееся приложение/зайти на сайт, “отскриншотить” экраны и склеить из них слайдшоу или pdf файл презентацию. Во всяком случае наша команда долгое время использовала такой способ в процессе поиска визуальных идей. Но мы решили упростить себе задачу, с помощью сайта templateshake можно искать экраны по категориям из сотни различных реальных приложений, сохранять их в мудборд, оставлять комментарии непосредственно на экранах и шерить доску с командой и/или с клиентом. Все в одном месте, без траты времени на скачивание десятков приложений или поиска концептов на Dribble, которые не смотря на то, что красивые, порой невозможно применить на реальном продукте.

templateshake.com

Как это работает?

Шаг 1

Создаем мудборд.

Создаем мудборд

Шаг 2

Ищем понравившиеся экраны и добавляем их в мудборд.

Добавление экрана в выбранный мудборд

Шаг 3

Редактируем порядок скриншотов.

Drag and Drop

Шаг 4

Оставляем объяснения и комментарии на экранах.

Комментарии на экране
Комментарии на экране

Шаг 5

Отправляем мудборд команде или клиенту.

Отправляем экран или мудборд

Вуаля!

--

--