Мудборд собирают, чтобы не спорить о вкусах на готовых макетах. Разбираем, как его составить так, чтобы он действительно снимал разногласия.
Коротко
- Мудборд — про настроение, не про блоки.
- Собирают заказчик и дизайнер вместе.
- Каждая картинка с пояснением.
- Согласуют направление, а не детали.
Что это и чего это не
Мудборд — это
- Набор образов и настроения
- Цветовые сочетания
- Примеры типографики
- Фотостиль
- Общее впечатление
Это не
- Список блоков страницы
- Структура сайта
- Готовый макет
- Обещание сделать так же
Последняя строка правой колонки — источник главного недопонимания. Картинка в мудборде означает «такое настроение», а не «сделайте такую страницу»: об этом стоит договориться словами, прежде чем собирать подборку.
Как собирать
Сформулировать впечатление словами
Три-четыре прилагательных.
Собирать образы под эти слова
Не «что понравилось».
Брать не только сайты
Упаковка, интерьеры, печать.
К каждому — одна фраза
Что именно здесь ценно.
Добавить антипримеры
Что точно не подходит.
Отобрать восемь-двенадцать
Лишнее размывает.
Первый шаг определяет, получится ли мудборд осмысленным. Без слов подборка превращается в набор случайно понравившегося, и договориться по ней нельзя: три прилагательных вроде «спокойный, надёжный, без пафоса» задают рамку, внутри которой отбор уже проверяем.
Как выбрать слова
| Вместо | Лучше |
|---|---|
| Современный | Спокойный, лаконичный |
| Дорогой | Сдержанный, с воздухом |
| Яркий | Контрастный, живой |
| Серьёзный | Спокойный, без украшений |
| Продающий | Понятный, с ясным действием |
Слова из левой колонки понимаются слишком по-разному. «Современный» в 2018 и в 2026 годах означает разное, а «дорогой» у двух людей — тоже. Правая колонка описывает признаки, которые можно увидеть в подборке и проверить в макете.
Как по нему договориться
| Шаг | Результат |
|---|---|
| Дизайнер собирает своё | Два взгляда рядом |
| Сравнить подборки | Видно расхождение |
| Оставить общее | Это и есть согласие |
| Обсудить спорное | Проговорить почему |
| Зафиксировать итог | Ссылка в переписке |
Первый шаг важен: мудборд, собранный только заказчиком, — это задание, а не договорённость. Когда дизайнер приносит свою подборку под те же слова, расхождение в понимании видно сразу — до того, как нарисован первый макет.
Что с ним делать дальше
Согласовать направление
Одно, не три.
Нарисовать одну страницу
Главную или ключевую.
Сверить с мудбордом
Попадает ли в слова.
Только потом остальные
Чтобы не перерисовывать всё.
Сохранить у себя
Пригодится для других материалов.
Последний шаг полезен дольше проекта. Тот же мудборд задаёт вид обложек статей, презентаций и оформления соцсетей — иначе каждый новый материал оформляется заново и вразнобой. Про обложки — в статье про обложку статьи.
Частые ошибки
| Ошибка | Что получается |
|---|---|
| Пятьдесят картинок | Направления не видно |
| Только сайты конкурентов | Копия отрасли |
| Без пояснений | Каждый видит своё |
| Ожидание «сделайте так же» | Спор на приёмке |
| Три направления сразу | Тройная работа и выбор вслепую |
Вторая строка объясняет, почему сайты в одной отрасли похожи друг на друга. Мудборд из конкурентов приводит к среднему по рынку виду — и отличаться становится нечем именно там, где это нужнее всего.
Частые вопросы
Что такое мудборд?
Подборка образов, цветов, типографики и фотостиля, задающая общее впечатление. Это не структура страницы и не обещание сделать так же.
С чего начинать сборку?
С трёх-четырёх слов, описывающих нужное впечатление. Без них подборка превращается в набор случайно понравившегося, и договориться по ней нельзя.
Кто должен его собирать?
И заказчик, и дизайнер — каждый свой под одни и те же слова. Тогда расхождение в понимании видно до первого макета.
Почему не стоит собирать мудборд только из сайтов конкурентов?
Он приводит к среднему по отрасли виду, и отличаться становится нечем именно там, где это нужнее всего.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
