Как сделать мудборд

Обновлено: 07.07.2024

Наверное, с каждым дизайнером или менеджером проекта случалась следующая ситуация. Вы с коллегами потратили множество рабочих часов на создание выдающегося проекта, вложили в него всю душу, а клиент отверг ваш вариант дизайна. Причина тому — несоответствие вашей картинки представлениям клиента.
Может быть, ваш вариант и прекрасен, но если заказчик представлял себе результат иначе, тут уж остается только смириться и всё переделать. Верный способ обезопасить себя от подобных ситуаций — заранее сделать и согласовать мудборд. Если заказчик будет недоволен результатом и захочет всё переделать, всегда можно показать ему согласованный мудборд и напомнить о первоначальной идее. Конечно, если заказчик будет настаивать на еще одном варианте, придется работать дальше. Но уже за дополнительные деньги.

Мудборд (иногда их еще называют inspiration boards) — это своеобразное превью будущего дизайна. Он помогает презентовать и согласовать с клиентом визуальные составляющие вашего проекта:

Фотографии или иллюстрации.
Цветовые схемы.
Шрифты.
Текстуры материалов.
Слоганы или заголовки.
Логотипы компании заказчика или продвигаемого продукта.
Иконки, кнопки, паттерны.

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

Создание мудборда — это обязательный этап любого моего дизайнерского или брендингового проекта. А еще это очень весело! Многие онлайн-предприниматели и блогеры никак не могут понять, почему мудборды столь важны при работе над дизайном или образом бренда. Сейчас все это обсудим, и самое главное — я расскажу почему я создаю мудборды для каждого своего проекта, как я их создаю и как этому научиться.

Давайте посмотрим, как этап создания мудборда вписан в мой дизайн-процесс.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

1. Клиент создает доску в Pinterest

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

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

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

2. Я создаю мудборд, используя картинки с доски клиента в Pinterest

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

Так зачем создавать мудборд, если клиент уже создал доску вдохновения в Pinterest?

Я создаю мудборд по двум причинам:

В мудборд я включаю ТОЛЬКО главное. К примеру, если клиент собрал много розово-голубых палитр и несколько коричневых оттенков, в мудборд пойдут только розово-голубые.
Чтобы не открывать доску в Pinterest всякий раз, когда я работаю над дизайном, я просто всегда держу перед глазами мудборд в Photoshop или Illustrator. Это помогает мне не сбиться с пути в процессе создания дизайна.

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

Я всегда держу этот мудборд перед глазами — это помогает мне четко придерживаться стиля, который нужен клиенту.

Процесс создания мудборда в Photoshop бывает довольно скучным, поэтому я создала 5 бесплатных шаблонов и видеоинструкцию, как ими пользоваться.

Если вам понравилась статья и перевод, дайте нам знать — нажмите 👏 (можно “хлопать” несколько раз!)
А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Нас можно найти в Facebook: Ольга Жолудова и Ринат Шайхутдинов.

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

Одни дизайнеры считают мудборд декорацией, другие — способом ограничить креатив. В действительности мудборд — это предварительная концепция, база, на которой строится дизайнерский проект.

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

Что такое мудборд

Мудборд даёт понимание того, каким будут дух и настроение проекта, какие образы в него будут заложены. Это концентрация вдохновения для создания нового фирменного стиля.

На Dribble или Behance можно найти сотни мудбордов — под кейсы и не только. Так что за вдохновением всегда можно заглянуть туда. Но для понимания, как выглядит мудборд, покажем нашу сборку по айдентике GEMSTONE.

Зачем он нужен

Собрать мудборд — это значит решить сразу пять ключевых задач при разработке фирменного стиля:

— Заложить основу будущего проекта. Чтобы создать новый фирменный стиль, недостаточно просто обладать навыками дизайнера и начать рисовать элементы. Важно понять, с какой стороны к нему подступиться, с чего начать. Собирая мудборд, визуализируя идеи для проекта, вы создадите фундамент, на который в дальнейшем сможете опираться;

— Сформировать у команды общее представление финального проекта. Чаще всего над фирменным стилем работает не один дизайнер, а целая команда. Мудборд позволяет всем придерживаться единого направления, поэтому любые новые возникающие идеи не собьют с этого пути;

— Облегчить коммуникации. Конечно, вы можете словами рассказать клиенту, в чём будет идея фирменного стиля. Ещё лучше, если вы пришлёте ему несколько визуальных референсов. Но всё это не даст фокуса на идее. Мудборд нужен, чтобы собрать в одном месте все идеи и донести их до клиента в понятной наглядной форме. Это заметно облегчает коммуникацию на проекте;

— Сохранить идеи на будущее. Во время поиска визуальных идей вы просматриваете сотни референсов. Какие-то из них подойдут для текущего проекта, другие могут зацепить, но не вписываться в концепцию. Их вы можете оставить на будущее, сохранить у себя в Pinterest или на жёстком диске. Так вы не только можете придумать идею, которую воплотите на другом проекте, но и будете активно развивать свою насмотренность.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Резюме

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

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

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

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

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

Для чего нужен мудборд?

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

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

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

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

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

Это не обязательный этап работы, но он здорово облегчает ее, ведь проще согласовать все детали на старте, чем делать несколько вариантов проекта на выбор, а все из-за того, что изначально не было четкого понимания, что же действительно нужно сделать.

Иногда решить вопрос и договориться на словах гораздо сложнее, чем объяснить что-то визуально. Преимуществом мудборда является то, что он не требует много времени на создание.

Это может быть в буквальном смысле доской, на которую прикрепляются необходимые элементы, чтобы передать настроение проекта. Но сейчас для его создания чаще всего применяют компьютерные технологии. Как раз о полезных программах мы поговорим далее.

Программы для создания мудбордов

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

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

Как видите, есть масса полезных приложений, которые упростят создание мудборта, и при этом не нужно знать Photoshop.

Итак, когда теперь под рукой есть кисть и краски, осталось определиться, что будем рисовать. Поговорим об этапах создания мудборда.

Этапы создания мудборда

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

Найдите изображения, символизирующие проект. Для этого нужно тщательно изучить детали и конкурентную среду.
Обратитесь к прошлому опыту. Наверняка кто-то уже работал над похожим продуктом или сам продукт выглядел раньше как-то иначе.
Используйте то, что вас вдохновляет. Нет, речь не о картинках, напрямую ассоциирующихся с продуктом, а о том, что нравится лично вам. Это могут быть изображения, вывески, стихи и даже простые рекламные листовки. Добавьте их в свое хранилище и используйте в мудборде.
Определитесь с цветом и шрифтом. Лучше заняться этим на раннем этапе, чем вспомнить в момент реализации проекта. Они должны сочетаться с общей картинкой и передавать основную мысль работы.
Еще раз взгляните на мудборд и поймите, чего не хватает. Проведите ревизию всех используемых элементов и уберите лишнее.

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

Что не нужно добавлять в мудборд?

Мудборд должен быть понятен даже тому, кто не имеет отношения к проекту.

Вот пара советов, что не следует включать в мудборд:

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

И еще несколько советов для вдохновения

Чтобы создать мудборд, нужно потратить немало времени для поиска нужных элементов. А можно обратиться к проверенным источникам вдохновения:

Мудборды — это полезный инструмент, который поможет добиться взаимопонимания с заказчиком, значительно облегчить работу над проектом или нарисовать четкую картинку в голове, если речь идет о личном использовании.

Читайте также: