Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>26 июл 2023</li>

3 <li>0</li>

4 </ul><h2>Объяснить картинками: как создать классный мудборд для своего проекта</h2>

5 Подборка изображений может быть эффективным инструментом как для дизайнера, так и для его заказчиков. А мы расскажем, как собрать рабочий мудборд.

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

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

8 Дарья Голощапова

9 Пишет, следит за красотой ситуации.

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

11 Мудборд можно создавать не только для заказчика, но и чтобы самому делать визуальное исследование. Например, для рефлексии над графическими элементами на тему конструкции и деконструкцииИзображение: Marion Breavoine /<a>Behance</a>На программе Fashion в Central Saint Martins, старейшем университете дизайна в Лондоне, составление мудбордов - обязательная часть обучения. Важно учиться работать с ними, правильно отбирать визуальный материал и строить собственное высказывание на основании борда. Итоговая оценка проекта складывается в том числе исходя из качества мудборда.

12 Для случайного зрителя мудборд может выглядеть набором несвязанных картинок, но для автора все они отражают детали одной идеиСкриншот: сайт<a>Are.na</a>/ Skillbox MediaМудборд может выглядеть как угодно - и как красивый коллаж, и как простой набор картинок. Это зависит от задачи.

13 Минималистичный мудборд с лаконичными пояснениямиИзображение: Mike Yun /<a>Behance</a>Если мудборд нужен только для внутреннего использования в команде, то подойдёт и более свободный стиль.

14 Мудборд для айдентики бизнеса, связанного с агрокультуройИзображение: Omiyo Designs /<a>Behance</a>Использовать мудборды в каждом проекте необязательно, но они облегчают поиск визуального решения. Мудборд - это направление работы над будущим дизайн-проектом. С ним дизайнер придерживается выбранной цветовой гаммы, шрифтового решения, общего настроения. Заданные рамки упрощают работу и делают результат предсказуемым для клиента.

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

16 Изображение: Rana Attia /<a>Behance</a>Задача дизайнера в такой ситуации - помочь клиенту понять визуальный образ и принять решение. Например, показать, как сочетается акцидентный шрифт под логотипом рядом с текстовым блоком, набранным антиквой. С готовым набором из мудборда согласовать дизайн гораздо проще, чем с техническим заданием.

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

18 Заказчик может не знать, что такое акцидентные гарнитуры, паттерны, шрифтовые пары, круг Иттена. Если перенести профессиональные объяснения на язык картинок, это поможет быстрее достичь пониманияИзображение: Me Vivienn /<a>Behance</a>Мудборд - это не просто коллаж, в котором собраны красивые картинки. Он должен помочь вам найти подходящее визуальное решение. И путь к подходящему визуальному решению может быть совершенно неочевидным стороннему наблюдателю.

19 Мудборд с предметными фотографиями и образами из рекламы технологичных продуктовСкриншот: hyohyun noh /<a>Behance</a>Необязательно стремиться к идеологической целостности, например, избегать сочетания элементов, которые кардинально различаются по смыслу и настроению. Задача мудборда - не подобрать розовое к розовому. Часто дизайнеры воспринимают мудборд единой, целостной композицией, а не отдельными картинками. Целостность композиции - это значит, что дизайнеры воспринимают мудборд единым холстом, куда добавляют элементы. Поэтому в профессиональных мудбордах есть композиционный баланс, при котором насыщенные детали сочетаются с разреженными, а вдохновляющие - с утилитарными.

20 Мудборд с примерами лендингов, логотипами, визитками, оформлением магазина. У всех элементов примерно одно настроение, и такой набор не означает, что в своём проекте дизайнер точь-в-точь скопирует цвета, формы и шрифтыИзображение: Mary Connelly /<a>Behance</a>Мудборд может быть собран на основе вдохновляющих форм. Например, общей визуальной темой могут быть острые углы, агрессивность, дерзость. Набор картинок в мудборде будет соответствующим - и несмотря на различия фотографий, по глубинному замыслу они будут едины. Хороший пример - мудборд британского модельера Александра Маккуина к показу Plato’s Atlantis.

21 Изображение: @TheKimbino / TwitterИ вот результат: платье, созданное на основе мудборда. По общему тону тревожности, обилию животных принтов и цветовой гамме узнаются фотографии с доски Маккуина.

22 Метрополитен Музей (подразделение Институт костюма Анны Винтур, постоянная экспозиция Alexander McQueen, Savage Beauty)Фото:<a>Metropolitan Museum of Art</a>Задача мудборда - не рассказать о дизайне, а показать ключевые идеи в картинках. Но какой-то короткий слоган может быть полезен: для лучшего понимания идеи или просто для демонстрации типографики.

23 Такой мудборд можно использовать как отправную точку для дизайна лендинга: есть палитра, формы, примеры шрифтов и оформления текстовИзображение: Emma Masur /<a>Behance</a>В мудборде может быть что угодно - от разноцветных носков до детских фотографий Дональда Трампа или наборов кнопок из Material Design. Скриншоты фильма, картины эпохи барокко, абсолютно что угодно: важно, чтобы оно адекватно иллюстрировало вашу идею.

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

25 Мудборд дизайнера интерьеров или промышленного дизайнера может быть не только картинкой, но и набором объектов - в этих сферах иногда крайне важны физические свойства элементов и текстуры. Такие мудборды ещё называют Material BoardИзображение: Mattoboard Studio /<a>Behance</a>Специальных правил нет: все фотографии или иллюстрации можно располагать произвольно. Однако есть некоторые тонкости: размещение фотографий зависит от эстетики проекта. Если выбранное визуальное решение проекта - минимализм, аскетичность и ограниченная цветовая гамма, то и мудборд будет иметь соответствующий вид. И расположение изображений в мудборде тоже спокойное, уравновешенное. Если проект работает с массой образов, принтов и сложных цветов, как в примере с мудбордом Александра Маккуина, - то и количество референсов будет большим, некоторые фотографии могут лежать внахлёст, и во всём мудборде будет ощущение динамики, насыщенности, страсти.

26 Простой и понятный коллаж из фотографийИзображение: Dorottya Kocsis /<a>Behance</a>Основу мудбордов обычно составляют фотографии и рисунки - это универсальные элементы для любого проекта.

27 Такой мудборд может служить и для веб-дизайна, и для оформления общественного пространства, и для брендингаИзображение: Es Maksoud /<a>Behance</a>Искать картинки для вдохновения и сохранять их в разные папки можно на <a>Pinterest</a>,<a>Dribbble</a>,<a>Behance</a>и в <a>Figma</a>-библиотеке. Это удобные сайты, чтобы начать работу над проектом с большим количеством иллюстраций и фотографий.

28 Пример мудборда, собранного в приложении MilanoteИзображение:<a>Milanote</a>Если вы хотите собрать мудборд онлайн, то удобно работать в <a>Figma</a>или на <a>Adobe Spark</a>.

29 Шаблон мудборда от Adobe с простым редактированиемСкриншот: сайт<a>Adobe Express</a>/ Skillbox MediaТакже есть сервисы, которые предоставляют уже готовые конструкторы для мудбордов: это сервис<a>Niice</a>, где можно хранить изображения, а также добавлять участников для совместной работы.

30 Удобный конструктор для сборки<a>Are.na</a>, он также допускает возможность создавать мудборд с командой. В <a>Canva</a>, которая известна больше как платформа для создания красивых сторис, тоже есть функция для того, чтобы быстро и бесплатно собрать мудборд онлайн.

31 В <a>SampleBoard</a>можно синхронизироваться с Pinterest, а также сохранять любые картинки из браузера и открывать доступ к своему мудборду. Приложение пользуется особенной популярностью среди дизайнеров интерьеров.

32 Сайт<a>Runway Palette</a>представляет собой бесконечный мудборд для тех, кто работает в индустрии моды. Всего в проекте 140 тысяч фотографий с модных показов за период 2014-2019 годов. Этот арт-эксперимент помогли осуществить Google, нейросети и издание The Business of Fashion. Все фотографии разложены по цветовым палитрам и сочетаниям.

33 Изображение:<a>Runway Palette</a>Больше базовых знаний для дизайнеров

34 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>