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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Разница между мудбордом и концептуальной доской

Цель

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

Другой термин

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

Физическая форма

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

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

Словарь

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

Приложения

Одними из лучших приложений для досок настроения являются GoMoodboard, StudioBinder и Mural. С другой стороны, есть множество вариантов концептуальных досок с такими приложениями, как Pattern Tap или Evernote!

Когда создавать мудборды

Дизайнеры используют мудборды на ранних стадиях процесса разработки нового продукта или на этапах существенного пересмотра существующего продукта. Например, они создают их на этапах Define* или Ideate** в цикле дизайн-мышления. Мудборды помогают достичь консенсуса в отношении визуального стиля до того, как дизайнеры начнут работу над прототипами.

*Define — объединение всех исследований, акцент на выявлении проблем пользователей и поиск возможностей для внедрения инноваций

**Ideate — мозговой штурм для создания множества безумных, креативных идей, направленных на решение неудовлетворённых потребностей пользователей, выявленных на этапе Define

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

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

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

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

Разница между доской настроения и доской концепции

Цель

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

Другой термин

В цифровом дизайне доски настроения могут также называться «визуальными территориальными досками» (словарь цифрового дизайна), поскольку они помогают задать направление остальной части проекта. Что касается концепт-бордов, их также можно назвать «презентационными досками» (Online Design Teacher, 2016).

Физическая форма

Традиционные доски настроения обычно делаются из пенопласта, который можно разрезать и рисовать на нем (Wyatt, 2020). С другой стороны, материал для физических концепт-бордов не столь специфичен, изображения и тексты обычно крепятся на большие доски, такие как картон формата А3 (Moretti, 2017), чтобы их могла легко увидеть группа людей.

Словарь

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

Приложения

Хотя приложения, которые могут быть использованы для создания досок настроения, могут быть использованы и для создания концепт-бордов, некоторые из указанных «приложений для досок настроения» включают «GoMoodboard», «StudioBinder», «Mural», «PatternTap» и «Evernote». Для сравнения, поиск «приложений для создания концепт-бордов» обычно приводит к «Conceptboard», виртуальному инструменту для совместной работы; это централизованное цифровое рабочее пространство в облаке.

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

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

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

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

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

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

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

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

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

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

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

Примеры мудбордов, которые вас вдохновят

Заключение

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

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

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

Как составлять мудборд ⠀

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

1. Мудборд не должен идти вразрез со стратегией бренда. В случае, если ее нет, или вы создаете новую, нужно ответить на несколько вопросов: Какова концепция бренда (какие ценности у бренда, какая философия и миссия, какой месседж он хочет транслировать своей аудитории). Кто целевая аудитория (возраст, пол, характер и др). Какие ощущения / эмоции / настроение должен передавать бренд. Записать в 5-10 прилагательных (легкий, дерзкий, яркий, креативный), подсказки можно найти в книге Йоханнеса Иттена «Искусство формы».
2. Соберите источники вдохновения: Ищите изображения, цвета, текстуры и другие элементы, которые соответствуют концепции вашего проекта. Берите референсы из разных сфер. Даже если делаете сайт, собирайте идеи из фотографий, иллюстраций, типографики и т.д.
3. Найдите минимум 5 референсов для проекта. Чтобы случайно (специально вообще грех!) не скопировать чужой проект, необходимо подбирать как можно больше образов, примеров.
4. Организуйте элементы: Расположите элементы на мудборде так, чтобы они визуально взаимодействовали и передавали общую идею.
5. Создайте цветовую палитру: Выберите основные цвета, которые будут использоваться в проекте, и укажите их коды.

6. Не добавляйте в мудборд визуально похожие проекты. Попробуйте взять две совершенно разные идеи и соединить их в единое целое. Результат на выходе с большей вероятностью превзойдет ожидания.

7. Обсудите с заказчиком: Покажите мудборд заказчику для обсуждения и уточнения дизайн-концепции.

Зачем и кому нужны мудборды

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

• Веб-дизайнеры собирают идеи для сайта: основные цвета, паттерны, шрифты и другое.
• Фотографы ищут вдохновение для креативной фотосессии.
• Дизайнеры интерьеров создают макеты для клиентов, отделку стен и полов, обстановку, освещение — всё, что связано с ремонтом и декором помещений.
• Дизайнеры одежды или стилисты. Им мудборд поможет найти идеи для сезонных моделей или для создания капсулы под запросы клиента.
• Бренд-дизайнеры создают примеры мудбордов для разработки фирменного стиля компании.
• SMM-специалисты используют доски настроения при создании единого стиля профилей в соцсетях.
• Ландшафтный дизайнер тоже может подбирать декор и даже растения с помощью мудборда. Доска поможет понять, каким должен быть сад или участок.
• Флорист с помощью мудборда может найти не только идеи для букетов, но и придумать оригинальное оформление для своего магазина или мероприятия клиентов.
• Организатор мероприятий совместно с заказчиком могут создать на мудборде подходящее оформление свадебной церемонии, коференции, фан-встречи, корпоратива.

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

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

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

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

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

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

Онлайн-практикум для начинающих

Вы творческий человек и любите создавать красоту своими руками? Отличная возможность попробовать себя в профессии дизайнера бесплатно и без особых временных затрат на онлайн-практикуме по дизайну интерьера от Art and Shock School.

Онлайн-практикум длится 3 дня, за которые вы сможете:

• познакомиться с профессией;
• посетить онлайн мастер-классы на такие темы как колористика, стилистика, эргономика;
• узнать перспективы профессии дизайнера интерьера;
• понять что нужно для старта и где искать заказчиков;

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

Способ создания вручную в виде коллажа

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

Для создания дизайна интерьера можно использовать следующее:

1. Логотипы.
2. Фотографии.
3. Картинки.
4. Иллюстрации.
5. Слоганы.
6. Образцы материалов.
7. Примеры шрифтов.

Данный список является лишь примерным и зависит от фантазии дизайнера.

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

Программы и сервисы для создания мудборда на компьютере

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

Следует отметить такие приложения для создания мудборда:

1. Простым и удобным инструментом является приложение Niice. Существует возможность бесплатного использования или же создания профессионального аккаунта, который имеет больше возможностей. В программе можно воспользоваться галереей для просмотра идей других пользователей. Кроме этого можно использовать специальные изображения, которые доступны для бесплатного аккаунта. Если же нужно сохранить готовую работу в формате jpg или загрузить собственную картинку, то придется оплатить подписку. При использовании бесплатного варианта ваши работы будут в общем доступе. Подписка в месяц составляет от 83 долларов.

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

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

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

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

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

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

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

Вот что может включать в себя «доска настроения»:

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

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

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

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

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

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

Отличие коллажа от мудборда

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

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

Благодаря такой идеи заказчик и дизайнер могут прийти к общему решению:

1. Установить трудовые затраты, а также сроки.
2. Согласовать стиль дизайна.
3. Представить картину и полное впечатление.
4. Убрать детали, которые не подходят для проекта.
5. Добавить новые элементы дизайна.

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

Из-за чего можно зафакапить презентацию концепта

Причин завалить демо полно, но самые явные:

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

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

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

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

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

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

Брифинг и постановка технического задания

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

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

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

Подготовка мудборда

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

Согласование и утверждение

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

Adding Text:

Keep the text to a minimum and utilise headings for each section

Probably the most obvious step in the process. The heading says it all really — add text. The advice I can give you is short and simple.

• www.dafont.com is a great place to get place to get interesting and unique font.
• Make sure any fonts you choose are still legible (easy to read)
• Make sure the colour of the text contrasts with the images behind it, possibly use semi transparent layers to help with this. (see image above)
• Use headings for each section
• Only include important information — the less text the better
• Try out these Photoshop text tips