Мудборд и стайлборд. В чем разница?

Мудборд и стайлборд. В чем разница?

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

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

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

Он не обязан содержать в себе референсы по сайтам. Пока это только коллаж из фото/видео, отражающие настроение проекта

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

Мудборд можно собирать в Pinterest или в Figma. Я предпочитаю сразу сохранять все в Фигме, в файле проекта на отдельном листе, чтобы всегда держать его перед глазами

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

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

Важно оставлять комментарии ко всем направлениям, на что стоит обратить внимание заказчика

Стайлборд позволяет успешно передать свое видение сайта клиенту и снижает риск ситуации, когда дизайн-макет уже готов, а клиент идет в отказ, ибо все не так как он себе представлял

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

А вы составляете такие доски для своих заказчиков? Или только с какой-то одной работаете? Или вам как заказчику такие составляли?

11
2 комментария

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

1

Ну хоть кто то об этом заговорил

1