Mood board это что такое: Мудборд — что это и для чего он нужен? |

Содержание

Что такое мудборд? | Университет СИНЕРГИЯ

Содержание

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

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

Для чего нужен дизайнеру

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

Доски настроений используются для:

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

Мудборд – это неотъемлемый ресурс дизайнера, к которому можно возвращаться в процессе DIY-проекта или при работе с командой, куда входят фотографы, другие дизайнеры или партнеры/спонсоры.

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

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

Определение направления проекта

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

Сбор материалов

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

Добавление вдохновляющих образов

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

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

Добавление элементов движения и звука

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

Например, можно использовать несколько анимированных GIF из Giphy, видео с YouTube или даже аудио из Soundcloud, чтобы добавить движения и глубины в образ и ощущение доски.

Добавление цветов, шрифтов и файлов

Цвет может быть отличным способом передать особое чувство, индивидуальность или энергию.

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

Организация мудборда

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

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

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

Вдохновение как постоянный спутник

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

Передача посыла

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

Развитие идей вместе с командой

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

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

Обратная связь

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

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

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

Moodzer
Canva
InVision
Pinterest
Moodboard
Morpholio
Milanote

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

Moodboard — еще одно ругательство в наших дизайн-процессах / Хабр

Нерешенные задачи

Нововведение касается первых этапов работы над проектом: выяснения требований и дизайна. Собственно, неважных этапов в разработке не бывает, но эти — основополагающие, так как с них всё начинается.

Вспомните, какие самые болезненные проблемы разработки дизайна? Их, как минимум, три:

Нет контента.

НЕТ КОНТЕНТА!

Резкая замена лица, принимающего решение (ЛПР). И, как вероятное следствие, смена общей концепции сайта.

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

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

Обычное брифование худо-бедно помогает вовлечь ЛПРа, зафиксировать формальные требования к проекту, но сохраняет проблему «передачи настроения». И решение последней проблемы — самое сложное.

Визуальный бриф

Это первая методика, которую мы попробовали применять (спасибо Коле Запорожскому из МартДизайна).

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

Плюсы визуального брифа:

Во-первых, это прикольно.

Это дешевый «якорь» (позволяет быстро начать вести диалог про картинки).

Он привносит ясности.

Минусы визуального брифа:

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

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

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

Поэтому мы решили испытать новую методику.

Доски настроения, «Мудборды»

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

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

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

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

Плюсы мудборда:

Во-первых, это прикольно.

Это дешевый «якорь».

Он привносит ясности.

Меньше недопониманий со стороны заказчика, дизайнера и менеджера.

Минусы мудборда:

Название 🙂 Адекватно воспринимается не всеми, особенно в контексте: «Посмотрите наш мудборд в хуижине». Поэтому мы называем мудборды визуальными брифами, как и раньше.

«Дороже» визуального брифа по времени подготовки.

Попробовали метод на пяти проектах, пока впечатления самые хорошие. Будем оттачивать и развивать, всё для больших, дерзких и волосатых проектов! 🙂

Екатерина, руководитель проектов: Да это офигенно! Мудборды рулят! У меня наконец-то нет страха перед проведением визуального брифа, что заказчик сейчас опять начнет ничего не понимать, задавать дурацкие вопросы. И потом ни мне, ни дизайнеру, ни заказчику не понятно — чего, собственно, собирались-то? А с мудбордами всё ясно и понятно. Жду отрисовки дизайна по сайту вязаных шапочек. С точки зрения настроения — уже представляю себе, каким должен был результат.

В общем, понятно и полезно. И заказчик доволен )

Попробовать софт:

MoodShare http://www.moodshare.co

MoodStream http://moodstream.gettyimages.com

Murally https://mural.ly

GoogleDocs, Evernote, Photoshop, Whoision

Что такое мудборд и как его создать?

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

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

Держу пари, что ты не можешь ( Я тоже не могу ). И именно поэтому, мои дорогие читатели, мы используем мудборды.

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

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

Почему мы используем доску настроения?

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

Как создать доску настроения

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

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

Подумайте о своем доме, своей одежде, своем офисе, своем отдыхе, вещах, о которых вы мечтаете.

Как они выглядят? На что похожи эти вещи? Каковы общие темы?

Это цвет? Текстура? Шаблон? Эмоция или чувство? Вы хотите создать настроение с помощью этих элементов.

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

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

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

Об этом нельзя узнать, прочитав об этом. Вам нужно это сделать.

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

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

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

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

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

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

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

Чем мы можем вам помочь?

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

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

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

Решение? Доска настроения.

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

Назначение доски настроения

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

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

Доски настроения, содержащие изображения, иллюстрации, логотипы, типографику и цвета, являются отличным средством коммуникации. (от Diffusion Digital)

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

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

Как создать доску настроения

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

Одним из вариантов является создание физической доски настроения с фотографиями и образцами цветов. (от Планоли)

Что включить в доску настроения

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

Вот несколько идей для создания мудборда:

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

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

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

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

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

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

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

Включение пояснений к различным элементам доски настроения придает ясность представленным идеям. (Эмили Холт)

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

Сбор вдохновения для мудборда

Вдохновение для мудборда может прийти практически откуда угодно. Дизайнеры часто хранят файлы с вдохновением, и это отличное место для начала. В противном случае обратите внимание на такие места, как стоковые фотосайты, галереи дизайна, сайты с цветовой палитрой, такие как Coolors.co или Design Seeds, физическую среду и физические объекты, типографские галереи, такие как Typewolf, и даже социальные сети (Instagram и Pinterest могут быть особенно подходящей почвой для найти дизайнерское вдохновение).

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

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

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

Форматы досок настроения

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

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

Этот мудборд продукта от Margaux — отличный пример физического мудборда. (от Марго)

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

Цифровые мудборды могут быть отличным способом представить стиль дизайна клиентам или другим членам команды. (от Миланоте)

Программное обеспечение для создания досок настроения

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

Пинтерест. Создание доски для каждого проекта — отличный способ систематизировать идеи, найденные в Интернете. Доски могут быть общедоступными или частными (и доступными для определенных лиц).
Мудборд. Создавайте бесплатные доски настроения без учетной записи. Существуют шаблоны, которые помогут начать работу или создать шаблон из пустого дизайна.
Мудзер. Приложение Moodzer является новым на рынке (в настоящее время это бета-приложение), но, похоже, оно обладает всеми функциями, необходимыми для создания потрясающих досок настроения, которыми легко поделиться.
Адоб Экспресс. Adobe Express позволяет легко создавать доски настроения в форматах, которые хорошо сочетаются с другими продуктами Adobe. Они предлагают достаточную гибкость для создания мудбордов различных форм и размеров с библиотекой стоковых фотографий, шрифтов и элементов дизайна.
Канва. Canva предлагает шаблоны досок настроения и множество встроенных шрифтов, элементов дизайна и стоковых фотографий.

Пример минималистского макета мудборда, созданного с помощью Canva.

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

Доска настроения как средство коммуникации

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

Архитектура этой доски настроения очень четко передает стиль проекта. (Рэй Уорд)

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

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