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

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

Работа графического или веб –дизайнера не сразу начинается в графических программах или с разработки эскизов логотипов или прототипов дизайна сайта.

Даже такая творческая работа как веб–дизайн или графический дизайн требует соблюдения определенной последовательности этапов в процессе создания сайта или брендинга.

В прекрасном мире дизайна есть много важных, нужных и визуально привлекательных инструментов. Например, мудборд.

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

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

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

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

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

Задача мудборда состоит в передаче атмосферы и общего направления вашего дизайна.

Мудборд представляет собой подобие коллажа из изображений, текстур, цветовых палитр, а иногда и описательных слов и примеров шрифтов, которые помогут вам в дальнейшей работе и послужат вдохновением (вашим «местом силы») для реализации дизайнерского проекта.

Мудборды используются во всех областях дизайна, от моды до дизайна интерьера, брендинга и веб–дизайна. 

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

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

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

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

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

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

>> Подробнее: Основные элементы брендинга для любого типа бизнеса

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

Давайте рассмотрим более подробно, для чего нужна доска настроения.

Цели создания мудборда

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

>> Подробнее: В чем опасность дизайнерского перфекционизма

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

>> Подробнее: Где найти веб–дизайнера для разработки сайта

Ну как? По–моему, звучит отлично!

А для самых недоверчивых рассмотрим еще и причины составления мудборда.

Уже доказано, что человеческий мозг обрабатывает изображения в 60 000 раз быстрее, чем слова, — мы визуальные создания, не так ли?

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

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

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

>> Подробнее: Основные этапы разработки сайта с нуля

>> Подробнее: Основные ошибки в веб–дизайне

Причины создания мудборда

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

• Составление мудборда поможет вам уточнить ваши идеи — возможно, вы начинаете свой проект с чистого листа и хотите найти вдохновение, или у вас уже есть определенные идеи, но вы хотите увидеть среди этого множества творческих решений самую перспективную для дальнейшей работы над вашим дизайнерским проектом.
• Составление мудборда поможет вам донести свои идеи до других — обычно графический дизайнер или дизайнер интерьеров создает доску настроения, чтобы представить свои идеи клиенту или команде в материальной форме, как небольшой взгляд на ваши дизайнерские мысли! Клиенты могут дать вам конструктивную критику с самого начала, чтобы вы не тратили время на работу над чем-то, от чего ваш клиент в конечном итоге откажется. Таким образом, мудборды являются отличным визуальным ориентиром для вашего творческого видения и даже служат мостом между дизайнерами и их клиентами.
• Составление мудборда поможет найти «отправную точку» для старта вашего дизайнерского проекта по созданию элементов визуального дизайна (например, логотипа или шаблонов социальных сетей или цветовой палитры и шрифтов бренда). Доски настроения важны и для подпитки вдохновения самого дизайнера. 

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

В результате содержание мудборда держит вас сосредоточенным на вашем направлении дизайна.

>> Подробнее: Основные приемы веб–дизайна для увеличения конверсии

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

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

Вот в такие дни мы можем обратиться к мудборду, чтобы «подпитать» свои творческие силы и получить необходимое нам количество вдохновения. Это работает!

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

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

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

Сегодня вы получите мои некоторые советы по составлению  доски вдохновения (мудборда).

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

Вы можете создавать доски вдохновения с разными элементами для отражения своих идей.

>> Подробнее: 11 признаков, что вашему бизнесу нужен ребрендинг

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

Что должна содержать доска настроения?

Сразу скажу — здесь нет никаких правил! Представляете?

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

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

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

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

>> Подробнее: 9 правил цветовой палитры для бренда

>> Подробнее: 9 советов дизайнера о выборе шрифтов для бренда

>> Подробнее: 17 графических онлайн–редакторов

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

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

Та–дам, приступаем к самому интересному!

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

С чего начать составление мудборда?

Подождите пока — бежать за картинками еще рано!

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

1. Анализ вводных данных

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

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

>> Подробнее: Шаблон описания портрета идеального клиента

>> Подробнее: Сайты с бесплатными фотографиями хорошего качества

>> Подробнее: 7 способов повысить узнаваемость бренда

2. Формулировка ключевой идеи дизайна

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

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

>> Подробнее: Как правильно подготовить фотографии к загрузке на сайт

>> Подробнее: 11 простых шагов SEO–оптимизации изображений для сайта

Поэтому ваша карта не позволит вам сбиться с пути во время поисков «самородков» для выражения ваших творческих идей!

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

Важно! Составляйте мудборд под одну вашу идею и один образ, одно дизайнерское решение.

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

3. Поиски соответствующих активов

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

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

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

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

Если вы не имеете опыта создания мудборда, то тут у вас могут появиться вопросы:

Где искать изображения для доски настроения?

Сколько нужно изображений для составления мудборда?

Куда сохранять ваши найденные «сокровища»?

Тут все проще, чем кажется. Вы можете искать, где хотите! Абсолютно! Можете просматривать стоки, соцсети, площадки, сайты конкурентов, Pinterest, даже изучит выдачу поисковых систем во вкладке «Картинки».

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

Пока мы еще только ищем нужные изображения и другие элементы, то сохранять вы можете сколько угодно (конечно, в разумных пределах, думаю, 20–25 вполне хватит), пока не поймете, что среди этих 15–25 точно есть 3–5 отличных изображений, которые на все 100% отвечают вашей основной идее. Да, не все эти изображения получат свое место на вашей доске настроения, вы их еще потом дополнительно отфильтруете и выберете самых–самых.

Куда сохранять найденные изображения?

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

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

Кроме того, вы можете установить себе расширение для браузера (например, Evernote для Chrome), которое позволит сохранять изображения и не только их.

>> Подробнее: Полезные ссылки на онлайн–инструменты и ресурсы

Лично для меня работает секретная доска в Pinterest — это наглядно и удобно.

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

Что я отбираю для моего мудборда:

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

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

У вас может быть свой метод, который будет отлично работать для вас.

>> Подробнее: Лучшие онлайн–генераторы цветовой палитры для бренда

4. Отбор элементов дизайна для мудборда

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

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

Отберите из всего массива изображений и других элементов 3–5 изображений, 1–2 примера шрифта (если вы будете задействовать шрифты на мудборде), узор или текстуру. Это более, чем достаточно.

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

>> Подробнее: Главные ошибки брендинга и как их исправить

>> Подробнее: Основные ошибки в веб–дизайне

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

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

Здесь вы можете использовать готовые шаблоны мудборда или составить свой.

Где можно создать мудборд?

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

Из плюсов — эти сервисы интуитивно понятны, установка не требуется.

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

Второй вариант — создание мудборда в графических программах. Это мой вариант, я так составляю мудборды. Для создания мудборда можно использовать программы Figma, Adobe Illustratоr или Photoshop. Фигму можно использовать и онлайн, установка не обязательна.

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

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

Третий вариант — составление мудборда в не специализированных программах: для создания презентаций или даже для документов, например, Power Point, или даже Word. 

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

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

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

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

>> Чтобы получить шаблон мудборда в Power Point, вам нужно подписаться на мой блог (а там еще много всего полезного и красивого!) и получить доступ к библиотеке моих материалов, которые я готовлю только для своих подписчиков.

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

В Пинтерест у вас будет набор изображений в виде карточек. И если вас это устраивает, то отлично, можно остановиться и на этом. Ваш набор элементов дизайна и будет мудбордом, который вы сделали в этом сервисе.

Вот на предыдущем этапе мы с вами создали «секретную доску» в Пинтерест и на ней сохраняли все изображения, которые, на первый (но уже вдумчивый!)  взгляд, отвечали нашим требованиям и соответствовали определенному настроению для воссоздания его в дизайне сайта, логотипа или при редизайне сайта, или ребрендинга.

На своей секретной» доске в Pinterest вы можете сохранить много «пинов», но не все они нам понадобятся для финального варианта доски вдохновения.

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

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

Как потом презентовать итоги своей работы клиенту: поделитесь с ним ссылкой на «секретную доску» (для этого клиенту нужен доступ к вашим секретным материалам) или сделайте скриншот и отправьте его для экономии времени клиента.

Это все, что касается создания доски настроения в Пинтерест. В принципе, несложно и даже новичок сможет разобраться.

>> Подробнее: 25 готовых цветовых схем для сайта

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

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

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

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

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

>> Подробнее: Как разработать лид–магнит (подробное руководство)

>> Подробнее: Что учесть при редизайне сайта

Как использовать доску настроения вашего бренда

Вы сделали свой мудборд, что теперь с ним делать? 

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

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

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

>> Подробнее: Что такое посадочная страница и сколько их должно быть

>> Подробнее: Как разработать сайт личного бренда

Спасибо, что дочитали до конца! Публикация вышла приличная, но оно того стоило, не так ли?

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

>> Свяжитесь со мной, если вам нужна профессиональная помощь с вашим сайтом на WordPress , я разрабатываю брендинг и создаю сайты на WordPress, чтобы вы могли сосредоточиться на том, что любите!

Заключение

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

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

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

Одна небольшая просьба: если вам понравилась эта статья, то поделитесь ею на вашей любимой социальной платформе, — это сделает мой день! Спасибо!