Мудборд

Представьте, что вашему бренду нужен сайт. Для этого вы обратитесь к веб-разработчикам. Но как дизайнер поймет, что именно вы хотите получить в итоге? Как подобрать стиль и tone of voice, не работая внутри компании и не зная ее принципов? Mood board решит эту проблему. В статье мы расскажем, как сделать доску и где искать готовые картинки для визуализации.

Мудборд ― что это простыми словами

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

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

Мудборд сайта ― это альтернатива текстовому ТЗ. Он передает то, что нельзя выразить словами. Доску настроений используют веб-дизайнеры, SMM-менеджеры и специалисты fashion-индустрии. Заказчик может сам принести готовый борд и сказать дизайнеру: «Хочу вот так!». Это облегчит работу специалиста, сократит время на создание визуала и избавит от правок.

Элементы moodboard

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

• фирменные паттерны;
• шрифты;
• цветовые сочетания;
• цитаты, передающие идею;
• текстуры;
• логотипы и слоганы;
• фотографии;
• фоны.

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

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

• сложные элементы ― фото, на которых много деталей и мелочей. Они создают визуальный шум и забирают на себя внимание;
• вирусные картинки ― то, что видели все, перестает быть уникальным. Такие фото уже ассоциируются с чем-то, поэтому отвлекают и мешают придумать новое;
• длинные предложения отвлекают от визуальных составляющих. Допустимо добавлять фразы с 5-6 словами.

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

Как составить мудборд

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

Этап 1. Постановка задачи

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

• Какая цель у проекта ― нужно выпустить брендовый журнал или разработать стиль с нуля?
• Кто ЦА ― женщины или мужчины, молодые или люди среднего возраста? Что они предпочитают: покупать товары онлайн или лично посещать магазины и общаться с менеджером?
• Важно ли сохранить стиль или нужно создать что-то новое?
• Какие чувства должен вызывать проект?
• Какие посты и сайты точно не нравятся?

На этом этапе обозначается вектор работы. Исполнители уже лучше понимают бренд и могут предлагать свои идеи.

Этап 2. Сбор материала

Это самый трудоемкий этап в создании мудборда. Дизайнеры подбирают визуал, отталкиваясь от ответов на вопросы ― «Зачем?» «Для кого?» и «Как?». Чтобы было проще подобрать образы, лучше использовать метод ассоциаций. С чем у вас ассоциируется желаемый результат, какие слова описывает проект?

Для создания ассоциаций можно использовать такие ресурсы: «Сеть словесных ассоциаций», «Словарь ассоциаций» и «Sociation.org». Работа будет эффективнее, если устроить мозговой штурм. Разный взгляд на вещи полезен для рождения уникальной идеи.

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

Этап 3. Подготовка мудборда

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

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

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

• придерживайтесь цветовой палитры. Доска не должна быть хаосом из разноцветных картинок. Оптимально использовать 3 цвета. Поищите, какие оттенки сочетаются. Для этого есть сайты «Coolors» и «Gradients.app». Если у клиента уже есть сформированная палитра, то дизайнеры должны брать ее за основу. Если цвет бренда не просматривается, то можно предложить что-то новое;
• ограничьте количество элементов. При четком понимании, что нужно заказчику, достаточно 6-7 образов, чтобы передать суть. Когда картинок больше 15, то внимание рассеивается и становится сложнее представить итоговый вариант. Исходите из того, что для каждого элемента должно быть одно фото, один шрифт, одна текстура, один логотип;
• учитывайте особенности восприятия. При взгляде на картину человек в первую очередь обратит внимание на левый верхний угол, затем на центр. А вот правый нижний угол часто игнорируют.

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

Этап 4. Согласование и утверждение

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

❗❗❗ Читайте еще: Амбассадор бренда - кто это и зачем он нужен

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

Как делать мудборд и в каком виде его презентовать ― это ваш выбор. Строгих правил нет, если вариант подачи устраивает обе стороны. Вот несколько идей, где собрать визуал:

• на доске. Можно найти, распечатать и вырезать картинки, а затем приклеить к доске или просто на стену. Такой вариант подойдет, если работа коллективная и каждый сотрудник может предложить идею и прикрепить фото;
• в программе на компьютере. Создавайте мудборды в PowerPoint или Microsoft Word;
• в графических редакторах: например, AdobePhotoshop, Figma, CoreIDRAW, Sketch и Illustrator;
• на специальных сайтах, где можно сохранять картинки в личном кабинете по папкам. К примеру, Pinterest, Behance, и Figma;
• на ресурсах для визуализаций: Niice, Moodboard, Sampleboard и Creatopy. На этих сервисах можно подбирать фото по стилю, цвету и тематическому слову. Также есть возможность работать в команде, скачивать картинки или сохранять подборку в личном кабинете. Miro ― удобный ресурс для того, чтобы создать мудборд онлайн бесплатно, но в системе нет готовых картинок, их нужно загружать.

Источники для подбора готовых картинок

Собрать образы для мудборда можно даже в поисковой системе Google или Яндекс. Но поисковик предлагает популярные фотографии, которые обычно не вписываются в общую картину. Для коллажа нужно что-то менее «заезженное», поэтому вот список источников, где вы бесплатно найдете готовые идеи и референсы:

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

Pexels - программа похожа на Pinterest. Тут также можно искать изображения по тематическим словам и сохранять в коллекцию. Кроме этого, в Pexels есть идеи для видео. Стоковые фото можно скачивать бесплатно.

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

Designspiration - еще один аналог Pinterest, который предлагает интересные подборки. Тут также есть уже собранные коллекции, которые составили другие пользователи.

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

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

Искать идеи можно в соцсетях и в открытых источниках с чужими работами. Цель поиска ― не красть чужие мысли, а вдохновиться и найти свое решение.

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

Если вы решили клеить мудборд не руками, а собирать в программе, то мы сделали подборку сервисов, где это можно сделать:

1. Miro ― бесплатный и удобный вариант для создания графиков, схем и коллажей. Даже новичок разберется с инструментами. На площадке обязательная регистрация, есть платный тариф. Демонстрировать мудборды можно внутри системы.
2. Niice. Есть бесплатная и платная версии. Тарифы начинаются от $83,25. С программой работают Nike и Levi`s. Это значит, что платформа полна достойного визуала.
3. DesignFiles. Это площадка для дизайнеров. Тут есть все инструменты, чтобы создавать доски, проекты и делиться ими с заказчиками. Подходит для работы с интерьером. Подписка платная ― $35. Файлы можно сохранять в pdf.
4. Moodboard. Программу используют в основном для дизайна интерьера, но подойдет и для создания мудбордов. Доску можно скачать. Выбирайте готовый шаблон и дорабатывайте его или создайте свой с нуля.
5. Canva. Срок бесплатного пользования ― 30 дней, потом придется купить подписку. Поэтому при регистрации сразу просят ввести способ оплаты. На сайте есть своя база визуала, также можно импортировать картинки из личного архива и создавать мудборды.

Если у вас нет ни минуты свободного времени, и вы работаете в телефоне, то мы собрали ТОП-5 приложений для мудбордов:

1. E-Moodboard ― бесплатная программа. Можно хранить борды в личном кабинете и делиться ими по ссылке.
2. Canva. Это популярная площадка, поэтому у нее есть веб-версия и приложение на смартфоны. Создавайте посты в Инстаграм*, логотипы, презентации и визитки. Потом работу можно загрузить в png, pdf и gpg.
3. Nichi. Для доступа к полному функционалу нужно купить подписку.
4. Pinterest ― самое простое приложение ― «все в одном». Мобильная версия такая же удобная, как и десктопная. Ищите варианты, сохраняйте их в свою коллекцию и делитесь с командой.
5. Plotboard. Здесь можно создать мудборд бесплатно онлайн и поделиться им в Facebook* и Pinterest. Позволяет работать с несколькими бордами одновременно.

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

Заключение

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