Что такое “мудборд” и зачем он нужен дизайнеру интерфейсов? | by ArtSelianov Creative Agency | Oct, 2021

Мудборд (moodboard) — “доска настроения/палитра настроения”, если дословно переводить с английского. В повседневной жизни такие мудборды могут использоваться буквально для всего. Например, в начале года можно визуализировать свои цели и планы с помощью доски желаний. Во время ремонта составление мудборда упрощает коммуникацию как в семье так и с дизайнером интерьера. В дизайне — это визуальное представление дизайн-проекта, которое состоит из изображений, цветовой палитры, примеров экранов, типографики.

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

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

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

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

Один из самых известных способов создать мудборд/moodboard для будущего проекта — это скачать понравившееся приложение/зайти на сайт, “отскриншотить” экраны и склеить из них слайдшоу или pdf файл презентацию. Во всяком случае наша команда долгое время использовала такой способ в процессе поиска визуальных идей. Но мы решили упростить себе задачу, с помощью сайта templateshake можно искать экраны по категориям из сотни различных реальных приложений, сохранять их в мудборд, оставлять комментарии непосредственно на экранах и шерить доску с командой и/или с клиентом. Все в одном месте, без траты времени на скачивание десятков приложений или поиска концептов на Dribble, которые не смотря на то, что красивые, порой невозможно применить на реальном продукте.

templateshake.com

Как это работает?

Шаг 1

Создаем мудборд.

Создаем мудборд

Шаг 2

Ищем понравившиеся экраны и добавляем их в мудборд.

Добавление экрана в выбранный мудборд

Шаг 3

Редактируем порядок скриншотов.

Drag and Drop

Шаг 4

Оставляем объяснения и комментарии на экранах.

Комментарии на экранеКомментарии на экране

Шаг 5

Отправляем мудборд команде или клиенту.

Отправляем экран или мудборд

Вуаля!

Что такое мудборд для видео?

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

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

Самый простой способ сделать мудборд/moodboard – это найти подходящие картинки в интернете и собрать из них слайдшоу или pdf файл презентацию. Но мы расскажем более стоящий вариант чуть дальше, а пока несколько рекомендаций по выбору контента. Если вдруг в картинках google не удаётся подобрать необходимые варианты по теме, то стоит поискать на фотостоках. Кстати вовсе не обязательно покупать фото без водяных знаков, можно скачать картинки предпросмотра.

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

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

Итак, когда картинки и музыкальная дорожка уже есть можно начинать заниматься монтажом. Мы в Alpina Production работаем с Adobe Premiere Pro CC, но для такого рода монтажа разницы в программах нет.

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

Что не надо делать в moodboard?

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

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

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

• Корректное обсуждение целей проекта;
• Прогнозирование результата видео ролика;
• Исправление ошибок на этапе планирования;
• Уверенность, что не надо будет делать лишние правки;
• Здоровая нервная система исполнителя и заказчика.

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

Мудборд — Коллаж Тематических Иллюстраций (Доска Настроения)

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

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

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

Оглавление

1. Как работает мудборд 
2. Зачем нужен 
   — Дизайнеру
   — Заказчику
   — Примеры
3. Что должно быть в мудборде
4. Чего не должно быть в мудборде
5. Где брать материалы для мудборда — 7 ресурсов
6. 15 инструментов для создания мудборда
7. Инструкция по разработке мудборда

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

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

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

“Черно-синий минимализм” “Фиолетово-голубой неон и свечение — дизайн-тренд 2020”

“Дерзкий”

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

Итоговый результат

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

Кто использует мудборд в своей работе:

• Иллюстраторы, графические и веб-дизайнеры 
• Архитекторы, проектировщики, дизайнеры интерьера
• Художники по 2D и 3D графике
• Креативные и арт-директора
• Моушн-дизайнеры (хотя чаще просто референсы по анимации)
• Режиссеры, художники-постановщики, художники по костюмам
• Фотографы
• ..и другие работники творческих профессий. 

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

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

Дизайнеру

• Как стартовая точка для творческого поиска. От чего будем отталкиваться и в каком векторе двигаться дальше. 
• Чтобы убедиться, что он и Заказчик мыслят в одном направлении, перед тем как приступить к работе. 
• Чтобы устранить противоречия в пожеланиях Клиента. Бывает, что Заказчик присылает несколько референсов в абсолютно разных стилистиках и говорит “сделайте наподобие”. 

Заказчику

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

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

Наглядный пример

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

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

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

Встречайте, презентационный ролик для холдинга “Сибур”:

Как придумывали и согласовывали графические элементы ролика?

Начало ролика: заставка на основе темных треугольных полигонов

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

3D-карта, чтобы передать масштаб компании

Как карта выглядела на мудборде Как карта выглядела в реальном ролике

Схема промышленных установок

Несколько иллюстраций из мудборда Финальный вариант схемы нефтепереработки в ролике

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

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

Любая визуальная и иногда текстовая информация, которая вдохновляет и способствует творческому поиску: 

• Название — всему голова. Каждый мудборд лучше обозначить какой-то краткой ассоциацией и так подавать Клиенту. 
• Фото, концепты, стайлфреймы, иллюстрации — подобрать визуальные образы, их подачу и эстетику. 
• Шрифты — начертания, наклоны, читаемость, понятность. 
• Слоганы, цитаты — уже готовые или их наброски, созвучные другим элементам мудборда. 
• Айдентика, иконки и пиктограммы — любые паттерны, создающие уникальный узор бренда. 
• Текстуры — иногда отлично дополняют фото или иллюстрации для улучшения атмосферы либо демонстрации материала поверхности, который будет использоваться в дизайне объектов. 
• Логотипы — примеры похожих по направлению и пожеланиям лого. 
• Цветовые схемы — обозначить удачные цветовые сочетания и палитру, договориться о том, какие оттенки используем, поскольку у двух людей понятие “оранжевый” или “зеленый” могут отличаться. 

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

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

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

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

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

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

Где брать материалы для мудбордов

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

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

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

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

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

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

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

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

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

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

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

• ArtStation — относительно новая, но уже популярная платформа для специалистов в мире кино, медиа, гейм-дизайнеров, 3D графики. Можно разместить портфолио, информацию о себе, связаться со специалистами прямо через сайт или найти работу на Западе.

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

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

  Веб-дизайн и интерактивный дизайн — главные направления, которые успешно закрывает данная площадка.

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

Скомпилировать набор картинок в доску настроения можно и при помощи старых добрых Photoshop, Adobe Illustrator или даже PowerPoint, но если хочется сделать быстро и красиво, можно воспользоваться одним из онлайн-редакторов:

1. GoMoodBoard Простой, интуитивно понятный онлайн инструмент. Вы перетаскивание сохраненные картинки на виртуальную доску, программа делает все остальное. Не требует создания аккаунта. Единственный минус — нельзя пересылать файлом, только в виде ссылки. Из-за это инструмент может не подойти, если нужно оперативно вносить коррективы прямо в макете. 
   
2. StudioBinder Многофункциональный инструмент для работы с фото и видео. Содержит целый набор шаблонов для создания мудбордов. Возможно, не самый подходящий инструмент для графического дизайнера, но фотографу или моушн-дизайнеру хватит за глаза. 
   
3. CanvaЛюбимец SMM-щиков и для создания красочных мудбордов. Всё тот же прямой, как свая, принцип “выбрал шаблон, перетащил в него картинки, сохранил, отправил”. Отдельные картинки можно докупать за недорогую стоимость, а бесплатная библиотека уже полна большим количеством хороших изображений и элементов. 
   
4. MuralСоздаете мудборд целой командой? Mural — ваш выбор. Позволяет собирать, дополнять и редактировать один коллаж сразу целой группой пользователей в режиме реального времени. 
   
5. BoordsПрофессиональный инструмент для создания раскадровок и, аниматиков и, конечно, мудбордов. Позволяет быстро компилировать подборки изображений в единую последовательность. Все изменения и дополнения отображаются в режиме реального времени. 
   
6. EvernoteПопулярное облачное мобильное приложение, которое привыкли использовать как записную книжку и хранилище идей. Но Evernote отлично подходит и для сбора визуальной информации. Просто создаете новую заметку, и перетаскиваете в нее картинки. Десктопная версия тоже имеется. 
   
7. Adobe Spark

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

8. SampleBoard

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

   Бесплатный тестовый период на 14 дней, дальше по месячной или годовой подписке — есть планы от 12 до 70 баксов или от 115 до 758 баксов соответственно.
   

9. NiiceСохраняете любые референсы и проекты на сайте, а затем вместе с другими исполнителями создаете мудборд. Главная фишка сервиса — совместная работа над проектом. Платная версия дорогая — 99 баксов в месяц, но можете начать с пробной — создадите 5 мудбордов и загрузите до 100 своих файлов на ресурс.
   
10. EagleФактически, тот же Пинтерест, только с функциями сортировки изображений по ключам, тегам, форматам, цветам и даже есть поиск комментариев. Поддерживает множество форматов файлов. Очень прилично экономит время на создание мудборда благодаря встроенным возможностям. Один минус — сервис платный, вечная лицензия стоит 30 баксов.
    
11. MiroРоссийский IT-стартап из Перми, успешно работающий уже на международном рынке. Сервисом пользуются самые крупные компании вроде Нетфликс, Аутодеск, Твиттер и другие. Это интерактивная доска для создания mindmap, инфографики, kanban-досок, в том числе мудбордов. Есть платный и бесплатный доступ.
    
12. Plot ParadeЕсли вам нужно подготовить годовой отчет с кучей графиков, диаграмм и таблиц — этот сервис для создания инфографики отлично подойдет. В использовании крайне прост — выберете шаблон, введите данные, определитесь с цветовой гаммой и скачивайте в высоком разрешении. Полученное изображение используйте в мудборде.
    
13. BannersnackОдин из немногих сервисов, где есть готовые шаблоны для мудбордов, а еще рекламных баннеров. Загрузите иллюстрации в шаблон и соберете готовый мудборд. В бесплатной версии — до 10 дизайнов, затем платная от 7 до 36 долларов в месяц.
    
14. OffeoИнструмент скорее для студий моушн-дизайна, видеопродакшенов, продюсеров и режиссеров. Можно делать подборки аудио и видео-примеров. Создаете плейлисты из музыки и видео, анимации, стоковых материалов сервиса, добавляйте фрагменты в мудборд. Много встроенных шаблонов. Платная подписка — от 20 баксов в месяц.
    
15. Runway PaletteОтличный “залипательный” сервис с нейросетью для дизайнеров-модельеров, художников по костюмам или если вы хотите вдохновиться миром моды. Здесь собраны 140 тысяч фото с модных показов с 2014 до 2019 года, объединенных по цветовым палитрам. Изучив цветовые тенденции, можете собрать наиболее актуальный fashion-мудборд. Или загрузите произвольное фото, нейросеть выделит его главный цвет и подберет луки из всей библиотеки в похожих тонах. 

Инструкция по разработке

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

Весь смысл мудборда — вы ищете вектор и ассоциации, по которым в дальнейшем построите всю работу. Но этот вектор рождается не из воздуха, а из задачи и особенностей бизнеса Заказчика. В каждом бизнесе есть что-то уникальное, ваша задача как дизайнера — выделить это и предложить 3-5 вариантов “доски настроения”. 

Если совсем трудно, попробуйте поискать мудборды для аналогичных продуктов или компаний, чтобы с чего-то начать. Благо, сейчас их в сети пруд пруди. Только не увлекайтесь слепым копированием.

Заключение

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

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

Мудборд для дизайнера: что это и зачем нужен

Мудборд для дизайнера: что это и зачем нужен

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

Веб-дизайн

19 марта 2021

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

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

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

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

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

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

Мудборд передает смысл лучше, чем язык

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

Вовлекает клиента в процесс разработки на раннем этапе

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

Помогает сузить количество вариантов и сэкономить время

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

Вдохновляться и создавать

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

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

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

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

1. На доске все должно быть подчинено одному настроению: при взгляде на все элементы мудборда должно быть сразу понятно, каким будет дизайн, для какой он аудитории и какой месседж в себе несёт.
2. Мудборд должен быть целостностным. Элементы мудборда не должны противоречить друг другу, иначе это будет дезориентировать и вас, и клиента.
3. Старайтесь избегать слишком сложных образов, которые могут быть непонятны клиенту. Например, не стоит включать изображения исторических личностей или перегружать доску креативом.

Заключение

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

Читайте другие статьи

Лицензии на изображения: какие они бывают?

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

Веб-дизайн

6 апр. 2021

Одна из самых сложных профессий: продуктовый дизайнер

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

Веб-дизайн

28 авг. 2020

5 лучших лекций TED для дизайнеров

Лекции TED — отличный источник для профессионального развития. Собрали 5 лучших выступлений, которые позволяют по-новому взглянуть на дизайн, технологии, вдохновиться и проанализировать опыт коллег.

Веб-дизайн

28 апр. 2020

Что такое МУДБОРД и как его сделать

После того, как вы соберете всю нужную информацию и элементы, можно приступать к самому процессу. Мы будем использовать конструктор мудбордов для Windows ФотоКОЛЛАЖ и создадим мудборд для Instagram-аккаунта о красоте и уходе. Данный софт лучше всего подходит для нашей задачи, так как в нем нет ограничений ни в материалах, ни в оформлении – полная свобода творчества. Кроме того, размер макета устанавливается вручную – можно сделать коллаж настроения в стандартных форматах А3 и А4, так и в необычных, например под коллаж для сторис в Instagram.

Создание проекта

Установите ФотоКОЛЛАЖ на ваш компьютер и запустите программу. В стартовом окне выберите «‎Новый коллаж». Софт предложит несколько режимов работы: шаблоны, автоматическая компоновка по сетке и чистый проект. Мы будем создавать доску полностью с нуля, поэтому укажем последний вариант.

Создайте новый проект

Установите параметры

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

Если вы будете распечатывать свой коллаж, в пункте «‎Разрешение» укажите параметр не менее 300. Для цифровой доски подойдет разрешение 72 DPI.

Установите параметры изображения

Измените фон

Вы можете залить задний план одним цветом, сделать градиент или подставить картинку – свою или из встроенной галереи. Для этого в боковой колонке раскройте вкладку «‎Фон» и выберите подходящий вариант.

Измените фон мудборда

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

Добавьте фотореференсы

Теперь кликните по вкладке «‎Фотографии» и добавьте на холст подготовленные заранее снимки. Для этого выделите нужную папку в боковой колонке и перетащите картинки на холст. При необходимости можно наложить одно фото на другое.

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

Добавьте фотореференсы и паттерны

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

Настройте оформление объектов

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

Настройте оформление для объектов коллажа

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

Измените параметры изображений, добавьте фильтры

Добавьте графику

Теперь разместим на нашем moodboard цветовую палитру. Для добавления фигур раскройте «Текст и украшения‎» и выберите «Фигуры‎». Выделите нужный объект, в нашем случае – прямоугольник.

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

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

Образец шрифта и мотивация

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

Разнообразьте оформление мотивационной цитатой с красивым шрифтом

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

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

Сохраните дизайн мудбоарда

Как видите, программа для создания мудбордов ФотоКОЛЛАЖ позволяет создавать макеты буквально за несколько минут. Осталось сохранить картинку или распечатать. Для экспорта воспользуйтесь командой «Сохранить JPEG с настройкой качества‎» из меню «Файл‎». Так изображение станет меньше весом и не потеряет качество.

Сохраните свой дизайн

Если вы хотите распечатать макет, кликните по иконке в виде принтера на панели с инструментами. Вы можете сохранить фото для печати в будущем. Для этого раскройте пункт «‎Файл» и выберите «Сохранить как изображение‎», в окне экспорта выставьте расширение TIFF. Это оптимальный формат для типографских макетов.

Также вы можете распечатать его на принтере

Что такое мудборд в дизайне, примеры и как его создать

У вас было такое, что вы придумываете какую-то идею, представляете, как это будет выглядеть в действительности, но как только начинаете делиться идеей со знакомыми, каждый раз слышите: «О чем ты, черт возьми, говоришь?».

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

Станьте веб-дизайнером с полного нуля и зарабатывайте удаленно

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

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

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

Типы мудбордов

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

Аранжировка модных ковриков коричневыми, бордовыми и белыми нитками

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

Коллаж из различных иллюстрированных постеров к фильмам и несколько красивых иллюстраций

В этой статье мы поговорим о цифровых мудбордах и о том, как их создавать.

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

Цель мудборда — передать ваше воображение миру, поэтому вам необходимо определить:

• для чего вам это нужно;
• для кого это нужно;
• какие чувства вы желаете вызвать.

Если для компании важно понять свои ценности, как она выражает их в своих продуктах?

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

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

Поиск идей

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

Pinterest

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

Подборка контента на Pinterest по ключевому слову «шоколад»

Behance

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

Мудборды в бьюти-сфере на Behance.net

Dribble

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

Мудборды на онлайн-платформе Dribbble.com

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

Подборка изображений для мудборда

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

Популярные инструменты:

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

Дополнительные инструменты

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

Ваша камера. Нет, это не шутка 🙂

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

Фокусируясь на портрете Винсента Ван Гога с помощью камеры, используя приложение Adobe Capture, приложение генерирует цветовую палитру из фотографий.

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

Adobe Color

Обзор мудборда

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

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

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

• Вызывает ли доска настроений те чувства, которые вы изначально заложили в концепцию?
• Легко ли понять смысл мудборда?
• Чего не хватает и нужно ли улучшить?

Заключение

Это был простой 5-этапный процесс, позволяющий воплотить ваши идеи в жизнь. Продолжайте исследовать и собирать все, что вам нравится, и создавайте свой стиль.

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

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

Что такое мудборд и зачем он нужен?

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

Зачем мудборд дизайнерам?

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

А зачем мудборд мне?

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

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

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

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

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

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

Помните, что мудборд – это отражение вашей души. Здесь вы можете проявлять креативность и развивать чувство вкуса, ведь внешний вид коллажа и смысловой посыл определяете только вы. Так не бойтесь же быть собой и создавать что-то, что привнесёт в вашу жизнь море ярких красок!

Что такое доска настроения и нужны ли она для моего фильма? — Кинофонд

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

При создании фильма важно стремиться к особому согласованному внешнему виду и ощущениям. Один из способов убедиться в этом — использовать доску настроения.

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

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

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

Доска настроения для «Полночи в Париже»
Предоставлено Vanity Fair / Pinterest

Стоит ли использовать доску настроения?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Другие советы для вашей доски настроения Любезно предоставлено Pond45

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

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

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

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

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

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

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

Заключение

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

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

Дизайн Настроение. 7 мотивов создания доски настроения. | by tubik

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

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

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

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

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

Доска настроения, составленная дизайнером Tubik Эрнестом Асановым.

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

Бесплатный коллаж

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

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

Доска настроения, составленная дизайнером Tubik Людмилой Шевченко

Справочная коллекция

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

Доска шаблонов

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

Доска настроения, составленная дизайнером Tubik Людмилой Шевченко

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

1. Для экономии времени и сил.

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

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

2. Чтобы получить вдохновение.

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

3. Подобрать подходящую цветовую палитру.

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

4. Для улучшения коммуникации с клиентами.

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

5. Меньше говорить и больше показывать.

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

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

6. Найти стиль для дизайна.

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

7. Вовлечение клиентов в процесс.

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

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

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

1. Moodboard для определения предпочтений клиента относительно общей стилистической концепции экрана.

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

24 профессиональных совета по созданию вдохновляющих досок настроения

Создание лучших панелей настроения для UX-проектов

Что я должен включить в свою доску настроения и почему? | Девин Росс

Я люблю мудборды.Когда дело доходит до визуального дизайна, они, наверное, моя любимая часть процесса создания идей. Собирая одну воедино, я вспоминаю, как мне было 19 лет в моей комнате в общежитии, проводя буквально часы на Pinterest, занимаясь досками кураторства, сосредоточенными на определенной эстетике. Для меня просто развлечение — запечатлеть чувство с помощью изображений, текста, предметов, рисунков и многого другого. (Примечание: доски настроения могут быть как физическими, так и цифровыми — я сосредоточусь на цифровых.)

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

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

Изображение предоставлено: http://blog.atmine.com/how-to/create-a-color-mood-board/

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

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

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

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

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

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

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

Изображение предоставлено: https://expertphotography.com/photography-mood-board/

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

1. Изображения, фотографии или иллюстрации. Найдите изображения или рисунки, которые отражают общий вид и ощущения, которые вы хотите выразить в своем дизайне.
2. Типографика. Включите цитату или что-то еще, чтобы продемонстрировать, как типографика может способствовать вашей эстетике.
3. Цветовые палитры или образцы. Я не думаю, что вам нужно явно указывать шестнадцатеричный код или точный набор цветов, но убедитесь, что вы как-то выделяете или четко представляете, какие цвета вы будете использовать в своем дизайне.
4. Узоры или текстуры. Изначально мне показалось, что это что-то, что может использоваться только в физической доске настроения, но включение некоторых изображений только узоров или текстур, таких как бархат или шелк, может добавить некоторой глубины в доску настроения, которая может содержать только обычные фотографии.
5. Подобные вдохновляющие дизайны. Посетите dribbble.com, Pinterest, Invision и Instagram. Найдите своих любимых дизайнеров или просто просмотрите их. Если вам нравятся каркасы или дизайн, добавьте их, чтобы дать общее представление о том, как ваша эстетика будет переведена в цифровой формат (не вдавайтесь в подробности — плитка вашего стиля предназначена для более подробной информации о цифровых элементах).

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

UX Collective жертвует 1 доллар США за каждую статью, опубликованную на нашей платформе. Эта история внесла свой вклад в Bay Area Black Designers: сообщество профессиональных разработчиков для чернокожих, которые являются цифровыми дизайнерами и исследователями в районе залива Сан-Франциско.Объединившись в сообщество, участники делятся вдохновением, связями, наставничеством, профессиональным развитием, ресурсами, отзывами, поддержкой и стойкостью. Молчание против системного расизма — не вариант. Создайте сообщество дизайнеров, в которое вы верите.

Почему доски настроения имеют значение | Депо веб-дизайнеров Депо веб-дизайнера »Архив блога

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

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

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

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

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

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

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

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

Как мне создать?

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

Стиль 1: свободный коллаж

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

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

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

Стиль 2: усовершенствованный шаблон

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

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

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

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

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

Как мне это представить?

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

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

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

Какие преимущества?

Более быстрое изготовление макетов

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

Более плавный покупной клиент

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

Меньше разочарований, больше удовольствия

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

Примеры

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

Ниже представлена ​​доска настроения с коллажами , созданная для интернет-магазина детской одежды и аксессуаров.

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

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

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

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

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

Написано Минди Вагнер специально для WDD. Она является веб-дизайнером в Viget Labs и работает как в области печати, так и в области веб-дизайна более 8 лет.Она имеет степень в области электронного медиаискусства и коммуникации Политехнического института Ренсселера.

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

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

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

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

Что входит в состав совета по настроению Доска настроения в стиле коллаж для дизайнера Арлин Эрнандес Гостиная.

Первый вопрос: что такое мудборд в дизайне интерьера? Доска настроения — это, по сути, визуальный набор элементов дизайна, которые вы рассматриваете для комнаты. Они могут варьироваться от изображений, похожих на коллаж, до реальных макетов комнаты, в зависимости от ваших дизайнерских возможностей и визуальных предпочтений. Вы даже можете использовать оба этих стиля на разных этапах процесса планирования. «Это действительно о том, как вы можете визуализировать свое пространство», — объясняет декоратор Арлин Эрнандес в своем классе Skillshare.

Мокап мудборд для дизайнера Арлин Эрнандес Гостиная.

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

• Помещения, которые выглядят так, как вы хотите мебель, которая останется в пространстве

В конечном итоге, все ваши идеи будут собраны в одном месте, чтобы вы могли убедиться, что они работают вместе.Тем не менее, мудборд не обязательно станет вашим окончательным дизайном. «Вам действительно нужно пройти около 75% пути. Вы никогда не доберетесь до 100%, пока действительно не установите свою комнату », — объясняет Эрнандес. «Но все, что вы хотите сделать, — это определить свои ключевые элементы, основные предметы мебели, цветовую палитру, текстиль и действительно просто внешний вид и ощущения, чтобы дать вам действительно хорошую отправную точку, когда вы действительно собираетесь совершить покупку. ”

6 сайтов и приложений для создания доски настроения

1. Pinterest Коллекция вдохновения для столовой на сайте Pinterest стилиста Эмили Хендерсон.

Стоимость: Бесплатно

Устройства: Mac, ПК, iOS, Android

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

2. Adobe Illustrator, Photoshop или InDesign Стеф Пирси создал этот мудборд в Adobe Illustrator в рамках класса Линдси Слуц .

Стоимость: 10–53 доллара в месяц

Устройства: Mac, ПК, некоторые доступны для iPad

Если вы уже являетесь пользователем Adobe Creative Cloud, практически любую из их программ для редактирования изображений можно использовать для создания доски настроения. Выберите ту программу, с которой вам удобнее всего работать, и поиграйте с расположением или наслоением изображений, чтобы создать доску настроения.Вот уроки по созданию мудбордов в Illustrator, Photoshop и InDesign.

3. Canva Шаблон доски настроения для дизайна интерьера на Canva.

Стоимость: Бесплатно

Устройства: Mac, ПК, iOS, Android

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

4. Потомки Fanny Achache создала этот мудборд для дизайна в марокканском стиле в Procreate для Chris V’s class .

Стоимость: $ 10

Устройства: iPad

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

5. Доска Morpholio Доска настроения создана в Morpholio Board.

Стоимость: Бесплатно с дополнительными платными обновлениями

Устройства: iOS и Mac

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

6. Миланоте Доска настроения для дизайна интерьера, созданная с использованием Milanote.

Стоимость: Бесплатно с ограничениями, 10 долларов США в месяц за неограниченное использование

Устройства: Mac, ПК, iOS, Android

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

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

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

Шаг 1. Сбор изображений Коллекция изображений для мудборда Арлин Эрнандес в гостиной.

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

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

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

Шаг 2. Обрезать любой фон Если убрать фон с дивана, будет легче увидеть, как он вписывается в остальное пространство.

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

Если вы работаете в Photoshop, используйте инструменты лассо, чтобы удалить лишний фон. Если вы используете другие программы, просто загрузите изображения в инструмент, например remove.bg, чтобы легко избавиться от фона.

Шаг 3. Начните с не подлежащих обсуждению Дизайнер Арлин Эрнандес начала создавать доску настроения в стиле мокапов с существующей оконной лепнины и цвета деревянного пола.

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

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

Шаг 4. Экспериментируйте с разными вариантами Дизайнер Арлин Эрнандес сравнивает различные варианты искусства на доске настроения в гостиной.

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

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

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

Создайте доску настроения с Арлин Эрнандес!

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

Mood Board Class Introduction

Введение в Moodboard Class

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

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

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

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

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

Mood Boards используются в бизнесе, чтобы позволить клиенту визуально увидеть и подтвердить стиль и тему того, что будет создано, будь то веб-сайт или

Журнал

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

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

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

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

Ссылки на ресурсы

https://www.pinterest.com/hummie/mood-board-inspiration/

http://en.wikipedia.org/wiki/Mood_board

http://en.wikipedia.org/wiki/Mashup_(digital)

http://en.wikipedia.org/wiki/Pinterest

https://www.pinterest.com/

https: // www.etsy.com/treasury/

Для создания доски настроения:

1. Рассмотрите и соберите различные элементы, чтобы включить их, например:

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

Узоры

Типографика / шрифты

Общее ощущение

Настроение (представьте!)

Стиль фотографии

Текстуры (ткань, металл, золото, дерево)

Лица и выражения

2 Рассмотрите описывающие прилагательные, например:

Мягкий, жесткий

Шероховатый, чистый

Темный, светлый

Глянцевый, резкий

Пятно, грубое

Модерн, винтаж

Приглушенный, яркий

Круглый, квадратный

Элегантный, грязный

Реалистично, схематично

Иллюстрация, фото

Красочный, черно-белый

Концепции испытаний:

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

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

3. Извлеките фотографию объекта и добавьте ее.

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

5. Ищите шрифты. Рукописные шрифты отлично подходят для записи мыслей, прилагательных и описаний. Шрифты Doodle могут иметь графику.

Доска настроения: что делать, а что нельзя соки текут.

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

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

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

Вы можете использовать мудборды двумя способами:

• , чтобы черпать вдохновение, или
• , чтобы помочь вам лучше представить проект или идею другим

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

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

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

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

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

1. Выберите тему

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

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

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

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

2. Ищите вдохновение в реальной жизни

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

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

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

3. Экспериментируйте и получайте удовольствие

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

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

4. Куратор того, что вы включаете

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

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

5. Выберите носитель и макет презентации

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

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

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

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

6. Добавьте текст и типографику

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

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

7. Просмотрите и отредактируйте перед презентацией

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

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

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

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

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

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

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

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

.

No related posts.