Мудборд помогает быстро собрать настроение проекта в одном месте и превратить разрозненные идеи в понятное визуальное направление. На доску попадают ключевые элементы будущего стиля: палитра, шрифты, образы, текстуры и метафоры. По хорошему мудборду сразу видно, куда движется дизайн.
Когда дизайнер получает новый проект, первая эмоция, которую он испытывает, конечно, радость. А через минуту возникает ступор: с чего начать, в какую сторону двигаться, какой стиль вообще подходит? Мысли скачут, референсы в голове перемешиваются, а чёткой визуальной картинки, на которую можно опереться, нет.
Виртуальная подборка помогает дизайнеру визуализировать концепцию проекта, подобрать стилистику, другие элементы. Pixelbuddha
Чтобы собрать идеи в одном месте, уловить будущую стилистику, задать направление и существует мудборд. Это визуальная доска, где вы заранее фиксируете атмосферу проекта: картинки, цвета, шрифты, текстуры, метафоры — всё, что помогает прочувствовать будущий дизайн. Такая подборка позволяет быстрее принять первые решения и не потеряться в процессе.
На курсе по графическому дизайну мы подробно объясняем, как составлять мудборд с нуля. А в этой статье мы разберём основу: что это за инструмент, как он работает и почему без него сегодня не обходится ни один проект.
Для чего нужен мудборд
Термин moodboard происходит от английских слов «mood» (настроение) и «board» (доска). Мудборд удобен тем, что превращает размытую идею в понятную картинку. Когда на одной доске появляются палитра, шрифты, изображения, фактуры и короткие пояснения, становится проще увидеть общее направление и понять, какие элементы работают, а какие — тянут в сторону. Это особенно важно на старте: дизайнер быстрее формулирует концепцию, а заказчик сразу понимает, о каком визуальном стиле идёт речь.
Например, этот мудборд задаёт настроение будущему приложению по бронированию путешествий. Подборка помогает понять эмоциональный тон сервиса и сформировать цельное направление для дизайна. Благодаря подборке легче передать или прочувствовать ощущение от продукта.
Такая доска здорово экономит время, потому что несоответствие видно сразу. Когда мудборд согласован, он становится опорой для дальнейшей работы: фирменного стиля, сайта, рекламных материалов или интерьера.
Где используют мудборд
Его применяют в тех проектах, где важно заранее зафиксировать направление (до того, как начнётся работа над деталями). Он помогает дизайнеру найти новые идеи и уложить всё по полочкам в голове, а заказчику понять, куда будет двигаться проект.
В модной индустрии доска собирает основу будущей коллекции: сочетания тканей, характер силуэтов, настроение съёмки. Это позволяет команде видеть цельную идею.
Визуальная подборка образов, материалов, цветов отражает стилистику будущей коллекции одежды. altier.com
В кино, рекламе и театре подборка задаёт атмосферу будущего кадра или сцены. Художники и режиссёр используют её как ориентир по свету, цвету, настроению и общему визуальному языку. Часто в таких подборках используются изображения, которые на первый взгляд не имеют никакого отношения к фильму или пьесе.
Подборка передаёт атмосферу, стиль, настроение будущей картины. dishcuss.com
В интерьере доска помогает показать, как материалы, палитра, мебель и освещение работают вместе. При проектировании целых домов или квартир мудборд помогает создать ощущение единства, когда каждая комната воспринимается как часть единого замысла.
Пример коллажа дизайнера интерьера. Он является базовой основой для подбора материалов, мебели, отделочных решений. archdetali.ru
В цифровом дизайне (да и в дизайне вообще) мудборд служит отправной точкой для поиска идей. На одной доске собирают палитры, шрифты, иллюстрации, паттерны и примеры решений. Это позволяет быстрее определить ключевую идею и свериться, в нужную ли сторону движется проект.
reallygooddesigns.com
Цифровая доска Coca Cola без сахара. Дизайн: Иван Циммерман
Мудборд полезен и начинающим дизайнерам: он работает как мини-портфолио, когда нужно показать заказчику направление и доказать, что вы понимаете задачу. Особенно это важно тем, кто только начинает искать первых клиентов — визуальная подборка объясняет идею лучше любых слов. Кто ещё не знает, как найти первых клиентов дизайнеру, мы об этом рассказывали в другой статье.
Форматы мудбордов
Большинство подборок — традиционные коллажи. Обычно они представляют собой большие листы картона или фанеры (визуальных или реальных), на которых размещаются фотографии, рисунки, короткие тексты, кусочки тканей или другие материалы. Многие просто берут лист бумаги, делают на нём заметки, прикрепляют картинки.
Пример коллажа с физическими объектами. youworkforthem.com
С распространением понятия «цифровой дизайн» растёт число тех, кто применяет цифровые мудборды, так как они требуют меньше усилий при создании. Такие способы визуализации создаются с помощью цифровых устройств: компьютера, планшета или смартфона.
Цифровую доску можно легко редактировать, отправлять заказчикам, что делает её практичным вариантом для удалённой совместной работы. Хотя физические подборки по‑прежнему сохраняют свою ценность там, где важны тактильные ощущения и реальное восприятие материалов.
Цифровая подборка UI-дизайнера. nngroup.com
Принципы составления мудборда
Создание мудборда — творческий процесс. Нет никаких жёстких правил: он должен просто передавать вашу тему, цветовую гамму, направление.
Определяем цель, настроение проекта
Чтобы мудборд работал, нужно понять, какое настроение вы хотите задать проекту. Один и тот же продукт может выглядеть совершенно по-разному, и именно доска помогает выбрать направление, прежде чем вы перейдёте к дизайну.
Сначала задайте себе следующие вопросы:
- Какие эмоции я хочу вызвать?
- Какую историю рассказать?
- Какую тему необходимо отразить (уютная кофейня в центре города, студия с минималистичными формами, молодёжный бренд с яркой подачей)?
- На какую целевую группу рассчитана продукция (молодёжь, широкая аудитория, киноманы)?
- Какие детали, мотивы, символы следует включить (город, предметы искусства, природные материалы)?
Возьмём подборки для кофейни. Если преобладают тёплые коричневые оттенки, натуральное дерево, зерно, пледы — это ведёт к уютному, камерному пространству с домашней атмосферой. А если собрать доску на основе светлой палитры, минималистичных форм, стекла, металла, получится совершенно другое направление — современная городская кофейня с акцентом на технологичность.
Выбор визуальных элементов
Состав доски зависит от того, какое настроение вы хотите передать и какой стиль ищете для проекта. В статье «Как создать мудборд графическому дизайнеру» мы подробно рассказываем, где удобнее создавать подборку, а здесь объясним, с чего начать и какие материалы чаще всего добавляют на доску.
Мудборд может включать фотографии, цветовые палитры, шрифтовые решения, текстуры, иллюстрации или любые визуальные элементы, которые передают характер будущего дизайна. Не обязательно использовать всё сразу — важнее найти те детали, которые точнее всего отражают идею.
Что можно включить?
Картинки
Подбирайте изображения, которые точно передают настроение проекта: атмосферу, цветовой тон, энергию, ритм. Это могут быть фотографии предметов, интерьеров, людей, деталей, природы, света. Искать такие референсы удобнее всего на Pinterest, Behance, Dribbble, Unsplash, Pexels. Можно подключить и нейросети — они хорошо генерируют варианты под конкретный запрос.
Midjourney собрал подборку для доски настроения детского кафе
Цвета
Цветовую палитру лучше добавлять отдельными кругами или плитками, небольшими полосками или блоками рядом с изображениями. Покажите базовые оттенки, акцентные цвета и то, как они смотрятся вместе. Удобно брать цвета прямо из изображений, чтобы палитра не «жила сама по себе», а поддерживала общий визуальный ритм.
Визуальные метафоры
Иногда прямые изображения не дают нужного настроения, и тогда помогают визуальные метафоры — образы, которые передают идею проекта через ассоциации. Например, если проект должен ощущаться «домашним», на доску можно добавить фото мягкого света, текстиля. Если нужен более дерзкий характер — подойдут фактуры бетона или металла. Такие образы не обязаны напрямую относиться к продукту, но они помогают точнее зафиксировать настроение.
Слова
Слова нужны, чтобы точнее зафиксировать идею, которую сложно передать картинками.
Текстуры
Фотографии текстур или сами материалы в физическом формате тоже могут вдохновлять. Обратите внимание на ткань, фактурную бумагу, плитку, пуговицы, ракушки, цветы.
Типографика
Выберите один или два образца шрифтов, включите их в свой коллаж, чтобы увидеть, как они сочетаются с остальным стилем. Если вам нужно разобраться глубже, в материале «Типографика в графическом дизайне» мы подробно разбираем, как выбирать гарнитуры и на что смотреть при подборе шрифтов под задачу.
Разные гарнитуры помогают донести эмоциональную составляющую идеи. piktochart.com
Сборка и оформление
Вы можете собрать доску вертикально или горизонтально — ориентируйтесь на композицию изображений и то, как удобнее читать визуальный поток. Важно, чтобы доска выглядела цельно: тема, палитра, стиль должны считываться сразу (без отдельных пояснений с вашей стороны).
При размещении картинок следите, чтобы взгляд не «застревал» в одном месте. Если вся яркость или весь визуальный шум собран в одном углу, мудборд выглядит несбалансированным. Большие или контрастные изображения лучше ставить ближе к нижней части доски: так визуальный центр опускается вниз. Это не обязательное правило, просто удобный приём, который помогает быстрее собрать ровную композицию.
Оставляйте немного свободного пространства. Плотные коллажи быстро становятся шумными. Несколько «дышащих» зон помогают лучше воспринимать всю подборку.
И помните, что мудборд — рабочий материал. Его обновляют по мере того, как уточняется идея: что-то убирают, что-то добавляют.
Мудборд помогает графическому дизайнеру оценить баланс, иерархию и динамику композиции. milanote.com
Мудборд — хороший способ донести идею проекта до коллег, заказчиков. При этом доска вдохновения может быть как физической, так и цифровой — главное, обеспечить удобный доступ к ней всем участникам проекта. Мудборд удобно прикреплять к документам как визуальное приложение — так проще закрепить договорённости с клиентом и избежать недопонимания на старте. Чтобы вам было удобнее оформить всё это официально, мы подготовили шаблон договора на оказание услуг дизайна — просто подставьте свои данные и используйте его в работе.
- 3 профессии в одной: графика, веб и UX/UI любые заказы теперь ваши
- Гарантированные оплачиваемые заказы от партнёров на чек до 20 000 ₽ ещё во время обучения
- 16+ кейсов и портфолио, которое выделит вас на фоне тысяч дизайнеров
Краткое содержание
Зачем вообще нужен мудборд?
Он помогает быстро зафиксировать направление проекта, показать настроение, палитру, стиль.
Чем это отличается от референсов?
Референсы — отдельные картинки. Мудборд — собранная система: палитры, шрифты, фактуры, образы, ассоциации, которые вместе формируют концепцию.
Сколько изображений должно быть?
Важно не количество, а то, насколько точно они передают настроение проекта и собираются в цельную идею.
Чем собирать мудборд — Figma, Miro, Pinterest?
Любой вариант подойдёт. Pinterest удобнее для поиска, Figma и Miro — для сборки.
Нужно ли что-то делать, если стиль уже понятен?
Да. Доска работает как визуальная опора.
