Что такое мудборд и зачем дизайнеры используют его

Инструментом в руках грамотного дизайнера может быть практически что угодно. Насмотренность важна при работе с любым визуальным контентом настолько же сильно, насколько важно грамотно составить ТЗ. А если объединить их – получится мудборд.

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

Что представляет собой мудборд?

Что такое «мудборд»? Грубо говоря, это «доска настроения» (так звучит прямой перевод «moodboard» с английского) – подборка изображений, характеризующая будущий дизайн-проект.

Она олицетворяет результат, который хочет получить заказчик, и может состоять из нескольких различных элементов:

• цветовых схем;
• шрифтов и начертаний;
• слоганов;
• паттернов;
• иллюстраций;
• фотографий.

Все перечисленные графические материалы указывают на настроение и дух проекта и размещаются в форме коллажа. Сделать его можно в фоторедакторе или одной из предназначенных для этого программ.

Для каких целей он используется?

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

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

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

Почему вам стоит начать свой проект с составления мудборда?

Конечно, использование мудбордов – личное дело каждого, и от них всегда можно отказаться.

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

Создавая коллаж с вариантами дизайна, цветовой гаммы и текстур:

• Вы сохраняете свои задумки. Для создания будущих проектов можно использовать старые варианты мудбордов, которые не пригодились. Они останутся на ПК и пригодятся при удобном случае. Ни одна идея не потеряется.
• Упрощается диалог с заказчиком. Аккумулировать собственные задумки в едином коллаже – значит, дать максимально точное описание проекта. Даже «пачка» референсов или точное вербальное описание во всех подробностях не обеспечивают настолько четкий и конкретный фокус на идее.
• Правки можно будет внести на начальной стадии. Часто исполнители слышат от заказчиков «не знаю, чего хочу, но сделай, чтобы мне понравилось». Недопонимания в процессе правок и согласования можно избежать – просто подготовьте визуальные ориентиры. Даже далекий от графического искусства человек сможет легко в них разобраться, дать свои комментарии и замечания.
• Формируется четкое представление финального проекта. Это нужно для того, чтобы двигаться в выбранном направлении и не сворачивать с пути. Если над проектом работает не один человек, а полноценная команда, и ее члены предлагают интересные идеи, многие из задумок окажутся несовместимыми между собой. Концепция начнет постоянно меняться, и без мудборда можно уйти совсем «в другую степь».
• Будущий проект обретает свою основу. Это самая важная и основная цель создания мудборда – больше не приходится ждать вдохновения. Просто соберите все имеющиеся предположения «в кучу» и начинайте работу с ними, постепенно отсеивая лишние.

Опять же, само наличие мудборда – это хорошо, но не каждый мудборд – хорош. Бесцельный сбор картинок в интернете, не связанных общей стилистикой, направленностью или настроением, не принесет никакой пользы.

Основные правила создания мудборда

Перейдем к работе с «красивыми картинками» из интернета, которые так и хочется запихать в будущий проект. Главных правил всего два.

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

Во-вторых, поиск должен начинаться «от идеи». Нет никакого смысла подготавливать розовый коллаж с принцессами для сайта секции единоборств. К конкретному проекту всегда походят конкретные визуальные элементы: именно их нам и нужно найти.

Торопиться не будем: начнем с разбора «деталей», из которых наш мудборд будет состоять.

Цветовые палитры

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

Для этого можно воспользоваться генераторами палитр (свободно доступны в интернете) или самостоятельно взять цвета с какого-либо изображения (для этого подойдет инструмент «пипетка» в Photoshop). Чтобы составить уникальную палитру, просто откроем картинку с подходящей для нас цветовой гаммой, приятной глазу, и возьмем с нее 3-6 оттенков.

Понравившиеся цвета разместим в виде небольших блоков. Теперь стало гораздо понятнее, перекликаются ли они между собой. Прислушайтесь к ощущениям: если несколько оттенков «выбиваются», попробуйте заменить их на более теплые или холодные.

Иллюстрации и фотографии

Как передать эстетику и настроение проекта? Правильно – отобразить его в подборке иллюстраций и снимков, которые наиболее точно ему соответствуют. Референсы должны быть релевантными и актуальными. Часто для составления «досок настроения» применяют фотографии природы, людей и их взаимодействия между собой, растений, предметов интерьера. Можно поискать иллюстрации, нарисованные от руки, если подходящий снимок выбрать не получается или «чего-то не хватает».

Даже если на выбранной картинке будет лого фотостока – это не страшно, ведь мудборд является «черновиком», и небольшая полупрозрачная надпись никак не повлияет на восприятие изображения.

Текстуры и паттерны

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

Без использования текстур не обойтись тогда, когда вы создаете оформление продукта.

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

Сам паттерн или отдельные его элементы могут дополнять или частично повторять логотип, вызывать прямые ассоциации с продуктом или просто передавать его «характер».

Шрифты: логотипы и цитаты

От лого можно отталкиваться при дальнейшей работе: подбирая визуальные образы под его цвет и форму, постепенно «наращивать» количество изображений на мудборде. Также коллаж может пригодиться в том случае, если в компании планируется редизайн и нужны свежие идеи для логотипа.

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

Слоган звучит как «Наша бдительность – ваше спокойствие»? Тогда разместите на шаблоне образы, вызывающие ощущение умиротворения и безопасности.

Мудборды для мероприятий: особенности

Поговорим про отдельную категорию «досок»: это коллажи, которые отражают атмосферу мероприятия, например свадебной церемонии. Вам предстоит поработать над ними, если вы планируете доверить торжество какой-либо компании (или сами занимаетесь организацией мероприятий).

Правила просты:

1. «Шагайте» от времени года и особенностей площадки. Придать весеннее, теплое настроение в январе, конечно, может необычный декор зала в пастельных тонах, но вот для уличного празднования это будет проблематично. Как и устроить техно-вечеринку в дорогом итальянском ресторане. Проанализируйте собственные возможности, условия площадки и только после этого составляйте планы.
2. На восприятие общей атмосферы сильно влияет освещение. Не выбирайте снимки, не соответствующие времени суток при самом проведении мероприятия. Конечно, нуарные тени и темная атмосфера – вещь завораживающая, но не тогда, когда торжество проходит в два часа дня в панорамном ресторане с окнами на южную сторону.
3. Каждого элемента декора – по одной штуке. Несколько вариантов свадебной фаты, бокалов или букетов введут клиента (или вас самих же) в небольшую панику и заставят совершать выбор. А это может быть непростой задачей, особенно в предпраздничной суете.

Эти советы можно использовать и при планировании корпоратива, презентации или мастер-класса. Если вы – владелец или сотрудник крупной компании, строго следящий за соблюдением корпоративного стиля, придется придерживаться его и во время неформальных мероприятий с клиентами или партнерами.

Где искать исходники?

Удачных референсов достаточно – они окружают вас в повседневной жизни, а также хранятся на фотостоках и в социальных сетях.

Для поиска изображений и текстур по узконаправленным запросам лучше воспользоваться полноценными фотостоками. Они:

• имеют широкие, гибкие настройки (выбор по тегам, размеру, цвету…);
• часто предлагают качественные и бесплатные снимки по конкретным тематикам;
• могут находить похожие друг на друга картинки автоматически.

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

Чего в мудборде быть не должно

Все неудачные примеры коллажей похожи на друг друга. Чтобы ваша работа не вошла в их категорию, в мудборде не должно быть:

• «Затасканных» картинок. Включите свою креативность: даже простые и понятные образы не должны быть стереотипными и очевидными. Брать фото с первой страницы поисковика – не лучшая идея.
• Изображений, наталкивающих на неочевидные ассоциации. Выбирайте те картинки, которые будут понятны большинству людей и олицетворяют сам проект.
• Деталей, которые не сочетаются между собой. К выбору цветов и стиля элементов походим особенно тщательно: так получится гармоничный и целостный результат.
• Перенасыщения текстом. На то формат и визуальный – он не должен содержать длинных фраз или лишних лозунгов. Конечно, можно добавить некоторые пометки или пояснения.

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

Где можно создать мудборд? Топ-5 программ

Перед тем как делать мудборд, нужно выбрать программу для его создания. Можно, конечно, ограничиться стандартным Paint, но возможности в нем урезаны (банально – нельзя редактировать слои, они там отсутствуют как явление).

Если на покупку Photoshop вы еще не решились, то воспользуйтесь одним из предложенных сервисов:

• Moodboard. Здесь уже есть готовые шаблоны коллажей, а результатом своих трудов можно поделиться даже без сохранения. Выбирайте пустой лист или готовый макет и приступайте к редактированию: подписку покупать не нужно, сайт абсолютно бесплатен.
• Sampleboard. Обойдется вам в $12 за месяц. Присутствуют функции импорта в презентации и документы, готовым мудбордом можно также поделиться в соцсетях. Выбор элементов неограничен, очень удобно добавлять цветовые схемы и сами изображения (из любого удобного источника).
• Miro. Подписка чуть дешевле, за использование дополнительных функций сервиса придется платить $8 ежемесячно. К ним относится возможность проводить удаленные демонстрации и видеозвонки. Среди других особенностей – поддержка коллективной работы над проектом (не более трех человек) и редактирование до трех досок одновременно. Хочется больше – придется доплатить. Но сама доска очень удобна, у нее приятный интерфейс и много интересных фич, каждая из которых полезна по-своему.
• Niice. Более дорогой вариант, который обойдется в $83. Это ежемесячный платеж, что еще сильнее усугубляет ситуацию. Впрочем, бесплатная версия тоже есть – но в ней нельзя скрыть коллаж от других пользователей (все работы будут оставаться публичными), сохранять изображения в удобном формате и загружать свои иллюстрации. Но у Niice обширная галерея собственных фото, их можно использовать без ограничений.
• DesignFiles. Подешевле прошлого варианта, ежемесячный платеж держится на стабильных $35. Больше подходит для работы с дизайном помещений и проектирования интерьеров. Можно создать квартиру своей мечты как в 2D, так и в 3D, а потом поделиться ей в социальных сетях или сохранить в формате PDF.

Перечисленные сервисы создавались специально для сборки мудбордов, поэтому работать в них будет проще, чем в других фоторедакторах (особенно людям без опыта с последними). Авторы ПО уже собрали все необходимые инструменты, остается лишь правильно их использовать.

Тут же можно обратиться к галереям работ других пользователей, чтобы почерпнуть немного вдохновения или интересных «фишек». Единственный нюанс – часть из них практически бесполезна при отсутствии подписки, а ежемесячный платеж неоправданно высокий.

Как работать с редакторами изображений

Итак, конкретную задачу вы поставили: «доска настроения» создается для определенного бренда (продукта, сайта, мероприятия, проекта…).Теперь:

1. Взгляните на дизайн конкурентов и здраво его оцените. Какие приемы вам нравится? Может быть, некоторые элементы или цвета хочется убрать? Пролистайте портфолио дизайнеров, которые разбирают свои заказы поэтапно – в них можно отследить последовательность работы. Чем больше информации вы изучите и проанализируете, тем выше будет качество готового материала.
2. Решите, на что вы будете делать упор. Какие качества вы хотите подчеркнуть? Может быть, просто продемонстрировать его эстетику и настроение? Какие формы и палитры ассоциируются у вас с проектом?
3. Собрав несколько подходящих изображений, выбирайте доминанту. Это «центр» всей композиции, на котором делается смысловой акцент. Ориентируясь на него, можно продолжить выбор картинок по тематике.
4. Конкретизируйте спорные моменты текстом. Для этого добавляйте небольшие пометки или комментарии. Главное, чтобы их было немного.
5. Экспериментируйте и пробуйте новое. Не нужно зацикливаться на одном созданном варианте, придумайте еще 2-3 версии. В любом случае они останутся у вас, и неиспользованные макеты можно будет использовать для другого проекта.

Постарайтесь превратить творческий процесс в небольшое развлечение и подходите к нему с хорошим настроением. Так вы начнете получать удовольствие от самого процесса. Расслабьтесь, и вы сможете поймать нужную «волну».

Примеры удачных мудбордов

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

Начнем с «доски настроения» для профессиональной фотосьемки. Что мы видим? Заказчик подобрал несколько поз, вариантов одежды и заднего плана, а затем объединил их в один коллаж и добавил примечания. Конечно, длинный текст не всегда подходит для мудбордов, но здесь его использование оправдано. Посмотрев на предложенные картинки, фотограф моментально поймет, как лучше выполнить заказ.

Проектирование интерьера квартиры или дома – дело тонкое. Чтобы избежать большого разбега в цветах и стилистиках комнат, можно определить общее «настроение» и отобразить его в коллаже. Ниже – пример создания мудборда для спальни. На нем наглядно показаны цвета, которые будут использоваться в текстиле и интерьере, текстуры (в этом случае – дерево темных пород) и общая стилистика.

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

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

Обратите внимание: все три изображения смотрятся как единая композиция, в них ничего не «выбивается», не лезет на передний план и не перебивает другие элементы.

Резюме

Подводя итоги, еще раз определим качества, присущие продуманному мудборду:

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

Если даже для коллажа идей не набирается, значит, пора отправляться на их поиски. Вы можете пролистать журнал или посмотреть фильм, подцепив несколько задумок из них. Прогуляйтесь с камерой и сделайте несколько снимков. Или обратитесь к сайтам для художников, фотографов и дизайнеров – посмотрите чужие работы, изучите доступные палитры и паттерны, посоветуйтесь с коллегами.

Конечный вариант дизайна не обязан становиться точной копией мудборда, но должен перенять от него характерные линии, движения и оттенки. Если на вашем коллаже нарисован огонь – не пытайтесь впихнуть его изображение во все уголки сайта, для которого создается дизайн-проект. Вы можете оставить оранжево-красные цвета, типичные для пламени изгибы и блики.