- Что такое мудборд
- Что можно показать на мудборде
- Принципы создания мудборда
- Кто использует мудборды
- Где можно сделать мудборд
Что такое мудборд
Обычно мудборд выглядит как набор изображений, имеющих общую цветовую гамму, тему, шрифты, формы, эмоциональный посыл и т.д. Они могут быть размещены рядом друг с другом в графическом редакторе (презентации) или иметь физическое воплощение — располагаться на доске или стене в интерьере.
Мудборд помогает:
- расположить их в удобном для восприятия виде;
- презентовать общее видение проекта коллегам и клиенту и до начала работы получить обратную связь;
- избежать большого количества правок в будущем, сэкономив время на проект.
Что можно показать на мудборде
Цвета. Если палитра не задана изначально, демонстрация оттенков на мудборде поможет донести до заказчика, как будут передаваться ощущения и эмоции.
Фотографии. Мудборд фотографа готовится под конкретную съемку (например для девичника, мальчишника, свадьбы) и учитывает будущий стиль костюмов, оформление интерьера, особенности локации и ракурсы.
Иллюстрации. Размещенные рядом изображения, объединенные общим настроением, помогают иллюстраторам быстрее реализовать задумку и точно выдержать стиль.
Шрифты. Поскольку шрифты могут иметь несколько вариантов начертаний, разные размеры, цвет и передавать разное настроение, можно показать на мудборде, как они могут выглядеть в разных зонах макета (на обложке, в заголовке, меню и т.д.).
На мудборде можно продемонстрировать примеры любых визуальных элементов и продуктов: логотипы, паттерны, текстуры, украшения, дизайн упаковки и многое другое.
Принципы создания мудборда
Осмысленность. Дизайнер должен четко понимать, почему он добавил то или иное изображение. Например, потому что все предметы на фото вызывают ассоциацию с путешествиями и отдыхом или, напротив, с активной работой и энергией.
Целостность. Все элементы мудборда должны в совокупности демонстрировать концепцию будущего дизайна, его настроение. Например, сдержанное и спокойное для сайта по продаже мебели или легкое и игривое для магазина косметики.
Кто использует мудборды
Графические и веб-дизайнеры. Мудборды помогают передать общее видение разных элементов сайта: «шапки», меню или карточки товара.
Иллюстраторы. Они собирают «доски настроения», чтобы подготовить цветовую палитру будущего рисунка или всегда иметь перед глазами примеры вдохновляющего стиля.
Фотографы. Мудборды позволяют показать эмоции моделей. На мудборде заказчик может наглядно ознакомиться с тем, какой результат съемки получит.
Дизайнеры интерьера. «Доски настроения» дизайнеров интерьера называются дизайн-борды и напоминают «конструктор комнаты». Они отображают предметы интерьера, оформленные в том стиле и цветовой гамме, в которых будет выполнен будущий интерьер.
На дизайн-бордах размещают не только базовые элементы интерьера (напольное покрытие, шторы, мебель, осветительные приборы), но и декор (текстиль, картины, вазы, статуэтки и т.д.).
Мудборды могут быть полезны в живописи, графике, скульптуре, шитье, вышивке, вязании и др. Применение «досок настроения» практически не ограничено.
Где можно сделать мудборд
На специальных сайтах. На Pinterest, Dribbble или Behance удобно искать фото, палитры и дизайн-работы и распределять по папкам, каждая из которых по сути является отдельным мудбордом. В Canva есть отдельный раздел с шаблонами для мудбордов, многие из которых бесплатные.
В графических редакторах. Мудборд можно собрать в Adobe Photoshop, Illustrator, InDesign, в Figma, Sketch, в программах для рисования Krita, SAI Paint Tool, MediBang Paint и любом другом приложении, работающем с графикой. «Доску настроения» можно составить из картинок вручную или скачать для мудборда специальный шаблон (мокап).
В офисных приложениях. Быстро соединить изображения и сделать к ним поясняющие надписи позволяют офисные программы Microsoft Word и PowerPoint.
На стене или доске. Художники и иллюстраторы могут размещать мудборд прямо над рабочим столом. Композиция не только дарит вдохновение, но и украшает интерьер. Изображения крепятся на металлические или пробковые доски для мудбордов при помощи декоративных зажимов или кнопок.
После презентации мудборда заказчику дизайнер должен его придерживаться при отрисовке макета: соблюдать цветовую гамму, стиль и настроение. Работа в заданных рамках делает проект более понятным для обеих сторон и уменьшает вероятность доработок.
Разрабатывая новый проект, дизайнеры и другие представители профессий, требующих креативности, часто составляют мудборды (moodboard). Это очень распространенный прием в модном бизнесе: создавая коллекцию, не обойтись без опоры, которая постоянно будет напоминать о поставленной задаче и служить вдохновением.
Дословно Moodboard переводится как «доска настроения». Он может включать в себя все, что угодно:
-
Детали одежды
-
Архитектуру
-
Природу
-
Цветовые сочетания
-
Аксессуары
-
Фото вещей
-
Шрифты
-
Картины художников
-
Принты
-
Обложки и упаковки
Это очень важный этап в создании коллекции! Такой творческий помощник стимулирует и направляет мысли дизайнера в правильное направление. Мудборд — это картинки и фотографии, которые вас вдохновляют на создание этой коллекции.
Зачем дизайнеру нужен moodboard?
Ваш мудборд поможет вам на всех этапах создания — от эскизов вещей до выбора цветов и тканей. Он не даст отступить в сторону и соберет ваши мысли в одно целое! Вы можете ориентироваться на него при оформлении витрин, при съемке лукбука готовой одежды.
Есть 2 способа, как сделать moodboard:
-
Можно просто распечатывать и вырезать картинки из журналов и крепить их на пробковую доску.
-
Мудборд удобно делать в графических программах: Photoshop, PowerPoint, Illustrator.
Кстати, поиск фотографий для мудборда вам поможет быть в курсе всех новинок и трендов. Ведь для того, чтобы быть всегда на волне, нужно постоянно смотреть как можно больше информации, аккаунтов блоггеров или дизайнерских марок и fashion-сайтов.
А теперь 5 важных пунктов по созданию правильного мудборда:
-
Проанализируйте тренды
Просмотрите как можно больше информации о последних тенденциях. В этом вам помогут компетентные источники, видео-трансляции с показов, глянцевые журналы. Проанализируйте трендбуки специализированных агентств по аналитике трендов. Исследуйте цветовые тренды.
2. Определите концепцию
Вы просмотрели кучу трендов, в вашей голове масса задумок. Теперь остановитесь и придумайте общую концепцию. Задумайте идею, основное направление и вектор развития мысли. Высшим пилотажем считается, когда в основе мудборда присутствуют не базовые установки или популярные темы, а затронуты остросоциальные проблемы. К примеру, для Джейсона Холла — экс-креативного директора мужской линии одежды WGSN, таковым стало британское социальное явление «Edgelands»: переселение горожан в тихие поселки. Он отобразил все идеи в виде коллажа и начал анализировать вклад явления в моду вместе с трендами.
3. Проведите отбор и сортировку
Далее необходимо разделить весь объем информации на отдельные тренды и направления. Каждая идея должна быть четко охарактеризована и понятна, подкреплена иллюстративным материалом, кусочками живых тканей, фактурами, аксессуарами, даже мелкими предметами или их иллюстрациями. Важным является и организационный момент. Все вырезки не нужно «разбрасывать по разным углам». Потом формировать и кристаллизовать конкретные идеи и развивать их подробнее, добавляя и наполняя новыми материалами.
4. Используйте компьютер
Сейчас многие пользуются компьютерными программами для создания коллажей или мудбордов. Однако даже самый продвинутый гаджет не может похвастаться такими обширными возможностями, как человеческий глаз. К тому же ведь это так приятно ощущать, что ты в буквальном смысле движешь своими идеями. Однако компьютер и поисковые базы прекрасных изображений могут отлично дополнить картину вашей доски. То, что нельзя вырезать из журналов, найдите, распечатайте и добавьте к вашему реальному мудборду.
5.Находитесь в постоянный поиске
При создание мудборда нет ничего плохого в том, чтобы находить все больше и больше материала. Никогда не определяйте конечный результат. Копнув глубже в одном месте, вы, возможно, обнаружите совершенно неожиданные вещи. Вырезая только из глянцевых изданий, не поленитесь зайти и в социальные сети: кто знает, что там может пылиться. Развивайте идею. Продумывайте фактуры, подбирайте реальные материалы. Всё это поможет более точно сформулировать идеи всей коллекции и каждой модели в ней.
Как понять, что мудборд готов? К сожалению, на этот вопрос нет ясного ответа. Вы просто понимаете, что раскрыли тему полностью. Но будьте готовы и к тому, что что-то упустили. Ничего страшного, что ваш мудборд, как живое существо, динамично изменяется и дополняется. Процесс создание коллекции нестабилен — прямо по ходу движения появляются новые идеи, динамика уместна.
Вдохновения вам!
Я-ткани
Что такое мудборд и как его составить
Содержание
Любую задачу, будь то создание логотипа, разработка мерча или оформление площадки для ивента, нужно понятно объяснить участникам команды проекта. Визуализация идеи — первый шаг к ее воплощению. Спроецируйте свою задумку с помощью мудборда — доски с подборкой графических материалов.
Рассказываем, где можно взять исходники для мудборда, как использовать его в разработке различных проектов, какие программы подойдут для его создания.
Определение мудборда и для чего он нужен
Moodboard (от английского mood board) — «доска настроения». Это емкое название подборки изображений, которые отражают суть идеи.
Мудборд содержит визуальные референсы, то есть примеры дизайна, стиля или концепции. За счет наглядности такая доска значительно упрощает командную работу. Благодаря мудборду все участники проекта одинаково понимают идею.
Кто использует мудборды
Мудборды в основном используют специалисты, которые работают над визуальной составляющей проекта. Доски настроения применяют графические и веб-дизайнеры, фотографы, дизайнеры интерьера, иллюстраторы. Они составляют мудборды самостоятельно или при участии руководителей и заказчиков.
Например, перед съемкой фотограф знакомится с задачей и узнает, какой продукт предстоит снимать и где будут использоваться кадры. На основе этой информации он готовит мудборд — визуализацию съемки. Специалист включает в коллаж создающие нужное настроение изображения и цветовые схемы, внешний вид моделей, фон и реквизиты, а также позы и эмоции.
Принципы создания мудборда
Мудборд — это не хаотичный набор изображений. При взгляде на него должна получиться цельная картина, вызывающая четкие ассоциации с задумкой. Важно, чтобы элементы перекликались и дополняли друг друга, были информативными по отдельности.
Мудборд доносит основную мысль без лишних слов. Иногда доску дополняют скрайбингом — схематичными пояснениями. Допускаются заметки и небольшие комментарии, но не полноценные текстовые документы.
Не стоит добавлять на мудборд слишком много изображений и использовать однотипные референсы. Лучше ограничиться небольшим количеством понятных примеров.
Из чего состоит мудборд
В зависимости от проекта мудборд может включать разные элементы: фотографии, палитры, фоны, текстуры, рисунки, типографику. Рассмотрим несколько возможных составляющих досок.
Цветовые палитры
Оттенки и цвета передают настроение проекта. Используйте их, чтобы донести нужные вам эмоции. Подбирайте сочетания, которые вызывают определенные ассоциации и соответствуют имиджу компании.
Найдите готовые палитры в интернете или создайте свои наборы оттенков при помощи дизайнера. Выберите 2–3 ведущих цвета, которые будут основой мудборда, и добавьте еще 3–5 второстепенных. Чтобы не перегрузить палитру красками, используйте яркие и нейтральные оттенки в равном соотношении. Иногда уместно взять один акцентный цвет, а все остальные сделать приглушенными.
Иллюстрации и фотографии
Фотографии и иллюстрации на мудборде доносят замысел проекта лучше любого описания. Это могут быть изображения моделей, элементы искусства и архитектуры, определенные предметы. Также для создания мудборда можно использовать абстрактные образы, цвета и формы. Найдите примерно 30 подходящих фото, а потом выберите из них те, которые сильнее всего ассоциируются с вашим проектом.
Следите за тем, чтобы изображения соотносились с вашей идеей по смыслу. Например, мудборд для летней вечеринки может включать фото людей в купальниках, коктейлей, плавательных кругов, песка, океана, пляжных лежаков.
Сквозная аналитика Calltouch поможет отследить все важные показатели по результатам уже запущенных проектов. Это автоматизированная система, которая объединяет все данные для анализа на дашборде в личном кабинете. Адаптируйте аналитику под собственные задачи за несколько минут и получайте актуальную статистику в удобном формате без рутины и лишних трудозатрат.
Сквозная аналитика Calltouch
- Анализируйте воронку продаж от показов до денег в кассе
- Автоматический сбор данных, удобные отчеты и бесплатные интеграции
Узнать подробнее
Текстуры, фактуры и паттерны
Глянец, рельеф, растения, стекло, мрамор, древесина — все это подходит для мудборда. Неплохо встраиваются в доски и графические паттерны, причем как естественные, например листва деревьев, так и искусственные — в виде готовых иллюстраций.
Используйте тактильные ассоциации в работе с текстурами. Если хотите показать тепло и уют, уместны мягкие ткани, если роскошь — позолота и мех.
Шрифты, логотипы и цитаты
В одних случаях уместно использовать строгую типографику, а в других — более креативную подачу текста.
Шрифты активно используют в продуктовых мудбордах, при разработке сайтов, мобильных приложений или рекламных кампаний, где типографика выступает неотъемлемым элементом фирменного стиля.
Чего в мудборде быть не должно
Иногда мудборды получаются перегруженными или неинформативными. Чтобы этого не допустить, помните, что доска не должна содержать:
- Длинный текст. Он не поможет визуализировать настроение будущего проекта. Уместны лишь короткие пометки, а текст лучше оставить для технических заданий.
- Несочетаемые элементы. Если вы поместите на доску противоречащие друг другу материалы, концепция распадется, и мудборд превратится в хаотичный набор изображений.
- Неочевидные ассоциации. Все участники команды должны одинаково считывать образы на доске. Выберите картинки без сложных визуальных метафор. Замысловатые элементы бесполезны для мудборда.
- Часто используемые изображения. Не стоит брать для мудборда первые попавшиеся фото из поисковика, даже если они подходят по стилю. Лучше потратить время и отобрать небанальные изображения, которые будут в деталях раскрывать вашу идею.
Не бойтесь редактировать мудборд и удалять из него все, что кажется вам уже неактуальным. Четко проработайте каждый элемент, адаптируйте под свою задумку.
Где искать исходники
Мудборд — внутренний документ проекта, его не выкладывают в открытый доступ. Это значит, что при его создании можно использовать любые фотографии. Допускается брать изображения, на которые у вас нет авторских прав, так как вы не используете их в коммерческих целях.
Берите материал из разных источников, таких как:
- поисковые системы;
- страницы конкурентов и блогеров;
- бесплатные фотохостинги, например Pinterest (здесь можно найти и примеры мудбордов);
- фотостоки;
- сайты с портфолио дизайнеров и фотографов, например Behance.
Сайт бренда формирует представление об имидже вашей компании. Установите кастомизированные виджеты Calltouch, чтобы привлекать еще больше пользователей не только стильным дизайном, но и возможностями. Система будет автоматически обрабатывать обращения посетителей даже в нерабочее время.
Виджеты Calltouch
- Увеличьте конверсию сайта на 30%
- Обратный звонок, промо-лендинги, формы захвата, мультикнопка, автопрозвон форм
Узнать подробнее
Программы для создания мудборда
Для составления мудборда можно использовать любой графический редактор или виртуальную доску. Вот ряд онлайн-сервисов, которые позволяют объединять разные графические объекты:
- Figma. В сервисе можно создавать мудборды онлайн вместе с командой. Доступны готовые шаблоны и полезные инструменты, например кнопка голосования или чек-листы. Есть бесплатный тариф с ограниченным функционалом (можно составить только три мудборда), профессиональный и корпоративный с безлимитом на формирование досок.
- Miro. Площадка для организации работы удаленных команд. Позволяет создавать доски и обсуждать их содержание в формате видеозвонков, редактировать несколько страниц одновременно.
С бесплатным тарифом Miro можно работать только на трех досках, с командным — количество мудбордов не ограничено. В возможности бизнес-тарифа входят инструменты для создания диаграмм и проведения звонков. Тарифный план для организаций можно подключить, если в компании больше 50 человек.
- DesignFiles. Платформа больше подходит дизайнерам интерьеров для создания плана этажей, визуализации помещения в 3D. Однако на ней есть все необходимые инструменты, чтобы составлять и доски настроения. Сервис платный, доступны три тарифа: базовый, профессиональный, командный.
- Moodboard. Бесплатная программа для создания мудбордов, в которой дизайнеры составляют коллажи с помощью готовых шаблонов. Чтобы составить доску настроения, не требуется создавать аккаунт. Работать в сервисе просто: выберите шаблон, загрузите с устройства необходимые изображения для мудборда, нажмите на кнопку «Сохранить и опубликовать».
- Sampleboard. В сервисе много полезных инструментов для создания досок настроения: удаление фона изображений в один клик, импорт фото с других сайтов, изменение размера холста по вашим предпочтениям. Можно использовать разнообразные встроенные шрифты и начертания, автоматическое создание цветовой палитры, дизайнерские шаблоны.
Первый мудборд можно составить бесплатно. Есть несколько платных тарифов: базовый, фриланс, профессиональный, корпоративный.
Для вдохновения используйте сайты, на которых дизайнеры выкладывают свои работы: Dribbble, Awwwards, Siteinspire, Land-book, Klikkenthéke, Niice. Ищите на них референсы по ключевым словам и сохраняйте понравившиеся изображения в подборки.
Знания про маркетинг, аналитику, диджитал, быстро и бесплатно
- Новый скилл всего за 1,5 часа
- Практические знания
- Интерактивные юниты
- Без оплат и встроенных покупок
Коротко о главном
- Мудборд, или доска настроения, — подборка изображений, которые направляют и вдохновляют команду или отдельного специалиста при работе над проектом.
- Мудборд помогает максимально наглядно представить идею концепции, благодаря чему все участники проекта понимают ее одинаково.
- В зависимости от проекта мудборд может включать разные элементы: фотографии, палитру цветов, фоны, текстуры, рисунки, образцы шрифтов.
- Для создания мудборда допустимо использовать любые фотографии, и даже те, на которые у вас нет авторских прав.
- Для создания мудборда можно использовать разнообразные специализированные сервисы: Figma, DesignFiles, Moodboard и другие.
Идеи
Что такое мудборд и как его создать
Визуализируем проекты с помощью досок настроения
Планируя дизайн проекта, сложно обойтись одними словами. Как бы понятно не объясняли заказчики желаемый образ, картинка в голове складывается у каждого своя. Чтобы избежать разногласий и более точно определить задачу, используют мудборды. Этот инструмент работает как визуальный бриф.
Что такое мудборд и зачем он нужен
Мудборд (от англ. moodboard — доска настроения) — это визуальное представление будущего дизайна. Внешне это может быть любое единое пространство — большой лист, полотно или доска — на котором собраны разные визуальные элементы. То есть это коллаж из образов, которые отражают желаемую стилистику и настроение проекта.
Мудборд готовят во время проработки концепции. Цель на этом этапе — определить направление и стиль, найти нужные визуальные образы и исключить неподходящие идеи. Создавать мудборд может любой специалист, который отвечает за визуальную составляющую проекта: дизайнер, маркетолог, аккаунт-менеджер, арт-директор, фотограф, иллюстратор и т.д. А уже из элементов готовой доски будет разрабатываться дизайн, который соответствует ожиданиям.
Образец мудборда для разработки визитной карточки. Источник
Мудборды применяют в графическом и веб-дизайне, в рекламных кампаниях и fashion-индустрии, при создании сайтов, при оформлении страниц в соцсетях и в других сферах, где нужна визуализация. Инструмент помогает согласовать важные детали в начале работы вместо того, чтобы создавать десятки вариантов проекта в поисках нужной идеи.
Что включить в мудборд
В мудборд добавляют образцы элементов, которые отображают идею и концепцию проекта. Строгих требований по содержанию нет. Например, это могут быть:
- цветовые сочетания;
- шрифты;
- текстуры;
- логотипы;
- паттерны;
- фотографии и иллюстрации;
- слоганы и цитаты;
- иконки и кнопки;
- разные элементы дизайна;
- референсы.
Главное — добавить в мудборд элементы, которые могут визуализировать идею проекта. К примеру, вот так может выглядеть доска, на которой показано цветовое оформление:
Мудборд для поиска цветового решения. Источник
Содержание мудборда зависит от вида проекта. Например, при создании дизайна email-рассылки на доску можно добавить примеры интересного оформления писем, кнопки, эмодзи, цветовые схемы бренда, примеры типографики, фрагменты сайта отправителя.
Главный принцип хорошего мудборда — он должен быть понятен даже тем, кто к проекту отношения не имеет. Поэтому нужно избегать элементов, которые «размывают» образ, мешают пониманию идеи. Не нужно добавлять в мудборд:
Сложные изображения. Картинки, на которых много деталей, не позволяют сосредоточиться на каком-то одном фрагменте.
Популярные картинки. Такие элементы мешают придумать что-то уникальное, поскольку привязывают воображение к каким-то привычным образам.
Длинные цитаты. Слишком много текста на мудборде отвлекает от визуала.
Готовый мудборд отображает визуальную суть проекта. Поэтому если какой-то фрагмент явно «выбивается» из общей картины, то, скорее всего, он просто лишний. Кстати, это ещё один плюс мудборда — можно заранее отсечь неудачные решения.
Мудборд может быть минималистичным. Источник
Как создать мудборд: 4 этапа
Хотя внешне мудборд кажется очень простым инструментом, его создание требует немало усилий. За каждым элементом доски — тщательная проработка идеи. Можно выделить несколько основных шагов в создании мудборда.
1. Брифинг и постановка технического задания
На начальном этапе нужно понять, что именно требуется и каким должен быть результат. Для этого обсуждают:
- каковы цели и задачи проекта;
- кто является целевой аудиторией;
- важно ли соблюсти фирменный стиль;
- какое настроение должен вызывать проект;
- какие проекты нравятся и не нравятся.
Создавая мудборд для клиента, можно запросить брендбук, примеры использования фирменного стиля, образцы понравившегося визуала или референсы проектов. Это поможет лучше понять вектор работы и концепцию проекта.
2. Сбор материала и подготовка мудборда
На втором этапе нужно собрать необходимые элементы. Здесь в первую очередь определяют концептуальную идею (что, как и для кого). Затем подбирают образы, цвета, шрифты, стиль, прочие фрагменты.
При подборе элементов доски можно использовать метод ассоциаций. Для этого составьте список слов, которыми можно описать проект или его желаемый образ. Важно найти ассоциации, которые первыми приходят на ум. К примеру, к слову «море» мы обычно представляем песок, солнце, отдых, волны, ракушки. Для подбора ассоциаций можно воспользоваться специальными сервисами вроде Sociation.org или «Сеть словесных ассоциаций».
Помимо материалов, собранных в процессе брифинга и мозгового штурма, можно искать идеи на различных ресурсах. Для поиска интересных решений и просто вдохновения рекомендую:
- творческие платформы вроде Behance или Dribble;
- профессиональные площадки, например, Awwwards;
- фотостоки — Unsplash, Freepik;
- фотохостинги — Pinterest, Designspiration.
Ограничений в подборе элементов мудборда не существует. Случайно заснятый закат, подобранный сухой лист или камень — всё это может стать частью доски.
3. Подготовка мудборда
Когда все материалы собраны, нужно их объединить в одном пространстве. При этом стоит избегать хаотичного размещения. Важно продумать композицию и расположить фрагменты в определённом порядке. Лучше всего определить какой-то ключевой элемент и относительно него разместить остальные материалы. При взгляде на мудборд должна считываться единая композиция.
Вот несколько рекомендаций по составлению мудбордов:
Поддерживайте лаконичность цветовой палитры. Слишком много разных цветов создают хаос. Лучше ограничить гамму тремя цветами — один как основной и два акцентных дополнительно. Выбрать подходящие цветы можно с помощью сервисов-генераторов цветовых палитр.
Ограничьте количество картинок/фрагментов. При большом количестве элементов на доске сложно представить единый образ, поскольку внимание рассеивается. Для передачи сути достаточно 5-7 элементов.
Учитывайте особенности человеческого зрения и восприятия. Например, при сочетании дальнего и крупного планов композиция обретает объём. При просмотре объекта основное внимание человек уделяет центру и верхней левой части, а вот правый нижний угол неосознанно игнорируется.
Возможно, с первого раза создать идеальный мудборд не получится. Но один из плюсов инструмента как раз в том, что можно экспериментировать, менять содержание, добавлять и удалять элементы.
4. Согласование и утверждение
На последнем этапе происходит презентация мудборда клиенту или команде, которая будет работать с дизайном проекта дальше. Здесь важно получить подробную обратную связь — что понятно или непонятно, совпадает ли представленный образ с ожиданиями, есть ли дополнительные предложения.
Только когда мудборд утверждён, его передают специалистам для работы над проектом. Например, дизайнеры составляют по мудборду дизайн-концепцию, а фотографы готовят сценарий фотосессии.
Где сделать мудборд
Строгих требований по визуализации мудбордов нет. Можно выбрать способ, который больше нравится — физическую или цифровую доску.
На доске или стене. Можно прикрепить изображения на офисную маркерную или магнитную доску или просто на стену. Подойдёт даже обычная деревянная доска, на которой разложены собранные материалы. Чтобы поделиться работой, можно сфотографировать мудборд.
Пример мудборда в офлайне — стильно, красиво, передаёт настроение. Источник
В стандартном приложении. В обычном PowerPoint или Microsoft Word можно собрать композицию из изображений и сохранить её в удобном формате.
В графическом редакторе. Можно создать мудборд в Illustrator, Figma, Sketch, Adobe Photoshop или любом другом приложении для работы с графикой.
На специализированных сайтах. Создавать свои композиции можно на Behance, Dribbble или Pinterest.
В специальных сервисах. Можно использовать сервисы и приложения, предназначенные для разных типов визуализации. Вот несколько удобных инструментов:
- Miro. Удобно создавать интерактивные доски с нуля, загружать изображения и добавлять пометки. Результатом можно делиться с командой.
- Eagle. В этом сервисе можно объединять картинки с учётом разных характеристик — по цвету, по ключевым словам и т.д. Можно сохранять в сервисе материалы прямо из браузера и искать подходящие элементы внутри сервиса. Eagle поддерживает работу с 80+ графическими форматами. Есть версия для Windows.
- Creatopy. Есть готовые шаблоны для баннеров, которые можно использовать как основу создания доски настроения. Плюс сервиса — библиотеки для поиска изображения, иконок и элементов дизайна.
- SampleBoard. Специализированный сервис, в котором можно быстро собрать профессиональную доску и поделиться ей. Дополнительные инструменты помогают подбирать цвета, просматривать дизайн-тренды, импортировать изображения с веб-сайтов, искать картинки на фотостоках, добавлять разные эффекты.
- Niice. Доступна демонстрация визуальных элементов на цифровых холстах. В сервисе можно создать собственную библиотеку элементов, просматривать коллекции и использовать шаблоны.
Пример цифрового мудборда из SampleBoard
Мудборд — полезный инструмент в любой сфере, где важно внешнее оформление. Он удобен не только в командных проектах, когда нужно избежать разногласий в процессе работы и создать понятное видение конечного результата. Мудборды можно использовать и лично для себя — в собственных проектах или бытовых делах. Они помогают визуализировать и структурировать идеи.
ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
Все о мудбордах: кому и зачем они нужны
и как составить свой коллаж настроения
на компьютере
Наверняка вы хотя бы раз видели где-то слово «moodboard». Особенно часто его можно встретить в сферах, связанных с дизайном и миром моды. Так что такое мудборд и как его делать? Термин происходит от английских слов «mood» («настроение») и «board» («доска») и обозначает небольшой плакат с фотографиями, цитатами, текстурами и другими материалами, связанными одной темой, идеей или эстетикой.
Изначально мудборды использовали для работы над творческими проектами – материалы на доске отражали конкретный замысел художника или дизайнера. Но очень скоро практика «ушла в народ» и немного трансформировалась – люди стали создавать плакаты с подборками картинок, которые их радуют и мотивируют каждый день в работе и в жизни. Многие уверяют, что такие визуализации не только поднимают настроение, но способствуют быстрому достижению поставленных целей. В этой статье мы рассмотрим, как правильно составить коллаж для вдохновения и каких правил нужно придерживаться.
Содержание:
- 1. Виды мудбордов и общие правила оформления
- 2. Советы по оформлению коллажей настроения
- 3. Где можно сделать свой мудборд на компьютере?
- 4. Как составить мудборд настроения для Инстаграма: пошаговый разбор
- 5. Примеры красивых мудбордов для вдохновения
- 6. В заключение
Виды мудбордов и общие правила оформления
Мудбоард – неотъемлемая часть творческой работы, так как он является источником вдохновения и помогает придерживаться в работе целостного стиля. Они существовали задолго до появления компьютеров и изготавливались из подручных средств. Создание мудборда на стену своими руками не составляет труда. Достаточно подобрать нужные материалы и объединить вместе на листе ватмана или картона, художественном холсте или даже просто наклеить напрямую на стену. Можно даже купить специальные доски с прищепками, чтобы составлять подборки без клея и скотча.
Мудборд поможет найти вдохновение для творческих решений
С появлением личных компьютеров и фоторедакторов стало намного удобнее и быстрее создавать цифровые макеты. Такие виртуальные доски можно использовать в качестве заставки на Рабочий стол на компьютере, выкладывать в соцсетях или «по старинке» распечатать на бумаге и повесить на стену в рамке.
Где применяются мудборды
Фактически, moodboard используют в любой области, где требуется поддерживать креатив – в архитектуре, в дизайне интерьеров, для организации фэшн-съемки, при выпуске новой коллекции одежды и даже при написании сценариев к видео или литературным произведениям. Очень часто они применяются в бизнесе при согласовании концепции будущего проекта непосредственно перед реализацией.
Самые частые примеры использования:
- Веб-дизайн. При создании шаблонов требуется придерживаться единого стиля, чтобы от сайта не рябило в глазах. Специально для этого на виртуальные мудборды собирают шрифты и примеры цветовой палитры. Это помогает визуализировать замысел и поддерживать единство на всех страницах.
- Графический дизайн. Довольно часто клиенты заказывают ребрендинг целой линейки продуктов. Чтобы придерживаться единого стиля, нужно собрать перед глазами весь необходимый визуал.
- Мода. Подборка изображений по теме помогает собрать общее видение новой коллекции и структурировать идеи. К тому же, любая модная коллекция одежды должна соединяться хотя бы одним элементом, и именно мудборд должен напоминать создателю об этом.
- Личная жизнь. Чаще всего создают доску «манифеста», то есть собирают на ней вещи, которые хотят привлечь в жизни. Мудборд желаний часто советуют создать психологи и коучи. Таким образом вы каждый день видите перед глазами свою цель, а это мотивирует вас к активным действиям.
Из чего состоит moodboard
В макеты можно включать все, что даже отдаленно подходит к теме или ассоциируется с общей эстетикой. Чаще всего в проект включают следующие объекты:
- фотографии (их можно выбирать по любому признаку – теме, цвету, композиции и т.д.);
- мотивационные цитаты ( хороший вариант как для показа шрифтов, так и для настроенческого коллажа «для себя»);
- образцы материалов (подойдет для фэшн-мудборда или же для проекта, связанного с рукоделием);
- цветовые схемы;
- иллюстрации и векторная графика;
- бумажная продукция: брошюры, рекламки, визитки, обложки журналов и пр.;
- паттерны и принты (в материальном или цифровом виде);
- цветы и другие растения, в том числе в высушенном виде;
- упаковка продуктов.
Если в личных досках можно использовать практически все, то в бизнес-проектах стоит отказаться от того, что не относится напрямую к делу. Даже если фото вашего любимого котенка подает вам массу идей, вряд ли клиент оценит это по достоинству. Единственное исключение может быть в организациях мероприятий вроде свадьбы или юбилея, так как для этого часто требуется эмоциональный подход.
Советы по оформлению коллажей настроения
Перед тем, как составить коллаж мудборд одежды или любую другую доску для вдохновения, подготовьте необходимую информацию и предметы. При создании маркетинговых материалов сначала требуется провести исследование конкурентов. Графические дизайнеры используют клиентские референсы, а для личного использования достаточно посетить сайты, которые заряжают вас хорошим настроением и мотивацией. Можно выделить несколько важных шагов.
Определитесь с целью
Элементы, из которых будет составляться коллаж, напрямую зависят от вашей цели. Поэтому вы должны точно знать, для чего именно создаете проект: личных задач, рекламной кампании, рабочей «методички». Это поможет поддерживать вдохновение, получить дозу мотивации или собрать вместе элементы, которые пригодятся в работе.
С помощью мудборда можно грамотно прорекламировать товар на сайте
Подберите фотореференсы
Фото референсы – основа мудборда. Художники часто набирают иллюстрации других авторов, которые им нравятся по технике, стилю, композиции и цвету, а веб-дизайнеры – конструкции и фишки конкретных блоков на сайте. Разумеется, речь не идет о плагиате – референсы нужны для ориентира и вдохновения. Для других сфер они тоже потребуются, например в том, как собрать интерьерный мудборд гостиной, вам помогут фотографии реальных комнат, а также картинки с предметами мебели, отделочными материалами и т.д.
Реклама интерьера часто оформляется в виде мудборда
Бесплатные фотографии в высоком разрешении можно скачать с сайтов unsplash.com, pexels.com, freepik.com. Больше разнообразного контента предлагают премиум-фотобанки, вроде Adobe Stock, Shutterstock или Depositphotos. Чтобы получить изображение в исходном качестве, нужно будет заплатить. Если вы делаете мудбоард для себя, можете скачать оттуда снимок с водяным знаком.
Составьте цветовую палитру
Многие начинающие дизайнеры не знают, для чего нужен мудборд цвета и где его оформить. На самом деле сделать ее можно, просто собрав вместе картинки с подходящими оттенками. Цель такой доски – поддерживать единую эстетику цветовой гаммы коллекции.
Мудбоард — это единая композиция, созданная из хаоса
Выберите главный цвет и подберите несколько изображений, на которых есть только этот тон или он доминирует. Если вы планируете многоцветную палитру, подберите вторичные оттенки, контрастные основному. Их можно определить по цветовому кругу. Для удобства можете использовать онлайн-генераторы цветовых схем вроде этого – https://colorscheme.ru.
Если вы нашли изображение с идеальным сочетанием полутонов для вашей палитры, можете «извлечь» их с помощью специальных сервисов. Например, на сайте gradients.app можно загрузить любую фотографию и получить коды всех оттенков, доминирующих в кадре.
Выберите шрифт
Если вы хотите научиться тому, как правильно составить мудборд для дизайнера, то возьмите за правило обязательно включать в концепт варианты оформления текста. Типографика – важнейшая часть графического и веб-дизайна, о которой часто незаслуженно забывают.
Уделите время подбору шрифтов для основного текста, различных подписей, а также заголовков разных уровней – они должны соответствовать общей стилистике, хорошо сочетаться друг с другом и легко считываться. Тут важно не переусердствовать – не более трех стилей на один проект. Оптимальный вариант – выберите одно семейство с разными начертаниями, например, Montserrat. Более жирные гарнитуры подойдут для заголовков и важного текста, а тонкие – для обычного. Не забудьте убедиться, что шрифт поддерживает кириллицу.
В интернете десятки шрифтовых библиотек, где можно найти подходящий стиль по конкретным признакам – с засечками, без засечек, рукописные, фигурные и т.д. Как правило, большинство из них бесплатны для некоммерческого использования. Устанавливаются шрифты очень легко: распакуйте скачанный архив, выделите все файлы и щелкните правой кнопкой мыши. В контекстном меню нажмите «Установить» и согласитесь с правилами.
Креативный шрифт украсит вашу работу
Самый популярный ресурс, где можно бесплатно скачать нужные файлы – Google Fonts. Там же можно сразу проверить написание и поддержку кириллицы. Также русскоязычные шрифты находятся на сайтах fonts-online.ru и ofont.ru.
Где можно сделать свой мудборд на компьютере
Итак, вы приступаете к творческой работе или хотите украсить стены вашего жилища вдохновляющими фотоколлажами. Давайте разберемся, в какой программе сделать мудборд для фотографа, дизайнера, модельера и т.д. Мы собрали лучшие редакторы и сервисы, предназначенные для составления вдохновляющих композиций.
- ФотоКОЛЛАЖ. Простой, но функциональный графический редактор для Windows, который содержит готовые шаблоны коллажей, плакатов и открыток. Создать собственную композицию с нуля впрочем тоже не составит большого труда. Вы можете вставлять фотографии и при желании вырезать из них отдельные объекты, добавлять текстуры и клипарт, создавать надписи и фигуры любых оттенков. Этот инструмент универсален и подойдет как для личного использования, так и для работы.
- Pinterest. Сайт разрабатывался специально для того, чтобы пользователи могли добавлять себе на виртуальную доску картинки со всего интернета. Ресурс радует разнообразием контента – фотографии, иллюстрации, макеты с графическим и веб-дизайном. Можно вдохновляться страничками других пользователей и составлять коллекции по темам, например, собрать материалы для коллажа дизайна интерьера.
- OFFEO. Отличительная особенность приложения – автоматический подбор контента для вдохновения. Введите ссылку на ваш или конкурентный бренд – и сайт подберет материалы, схожие с выбранным стилем. Этот вариант больше подойдет для профессиональных муд бордов для разработки айдентики.
- Sample Board. Зарубежный сервис, который предоставляет пользователям возможность создавать собственные настроенческие доски в режиме онлайн. Для работы необходимо зарегистрироваться и оформить платную подписку. Она откроет доступ к библиотеке материалов, а также позволит загружать свои элементы в конструктор.
- Canva. Онлайн-площадка для начинающих графических дизайнеров, позволяющая создавать различные полиграфические и цифровые продукты – от визиток до логотипов. Ресурс предлагает готовые шаблоны, а также онлайн-конструктор, в котором можно составить доску настроения полностью с нуля. Требует регистрации, платный для коммерческого использования.
Как видите, подобрать вариант можно для любой задачи. У каждого из этих сервисов есть свои плюсы и минусы, но все они однозначно помогут добиться отличного результата. Если вам требуется комплексное решение, советуем выбрать ФотоКОЛЛАЖ. В нем уже есть готовые сетки, по которым можно «раскладывать» элементы, также присутствует функция свободного позиционирования объектов. Здесь вы найдете различные украшалки для мудбордов на прозрачном фоне, рамки, фотофильтры и многое другое.
Программа не зависит от работы интернета и гарантирует безопасность – вы не потеряете результат кропотливой работы из-за внезапного подвисания браузера, а также сможете смело загружать личные снимки, не боясь, что их кто-то увидит.
Создавайте свои лучшие коллажи из фотографий легко!
Работает на Windows 11, 10, 8, 7, XP
Как составить мудборд настроения для Инстаграма*: пошаговый разбор
После того, как вы соберете всю нужную информацию и элементы, можно приступать к самому процессу. Мы будем использовать конструктор мудбордов для Windows ФотоКОЛЛАЖ и создадим мудборд для Instagram*-аккаунта о красоте и уходе. Данный софт лучше всего подходит для нашей задачи, так как в нем нет ограничений ни в материалах, ни в оформлении – полная свобода творчества. Кроме того, размер макета устанавливается вручную – можно сделать коллаж настроения в стандартных форматах А3 и А4, так и в необычных, например под коллаж для сторис в Instagram*.
Создание проекта
Установите ФотоКОЛЛАЖ на ваш компьютер и запустите программу. В стартовом окне выберите «Новый коллаж». Софт предложит несколько режимов работы: шаблоны, автоматическая компоновка по сетке и чистый проект. Мы будем создавать доску полностью с нуля, поэтому укажем последний вариант.
Создайте новый проект
Установите параметры
В окне настроек выберите размер холста, раскрыв пункт «Формат страницы». Программа уже содержит готовые пресеты, в том числе для отображения на мониторе или распечатки. Выберите подходящий вариант или укажите свои настройки.
Если вы будете распечатывать свой коллаж, в пункте «Разрешение» укажите параметр не менее 300. Для цифровой доски подойдет разрешение 72 DPI.
Установите параметры изображения
Измените фон
Вы можете залить задний план одним цветом, сделать градиент или подставить картинку – свою или из встроенной галереи. Для этого в боковой колонке раскройте вкладку «Фон» и выберите подходящий вариант.
Измените фон мудборда
Мы раскрасим основу в один цвет, чтобы она не отвлекала внимание от основных элементов. Чтобы задать заливку, нажмите «Выбрать цвет» и задайте подходящий оттенок, указав точку на спектре или вставив цифровой код оттенка вручную.
Добавьте фотореференсы
Теперь кликните по вкладке «Фотографии» и добавьте на холст подготовленные заранее снимки. Для этого выделите нужную папку в боковой колонке и перетащите картинки на холст. При необходимости можно наложить одно фото на другое.
Вы можете свободно перемещать кадры без привязки к сетке. Просто захватите картинку курсором и перетащите на другое место. Изображения можно увеличивать и уменьшать, а также кадрировать и поворачивать.
Добавьте фотореференсы и паттерны
В данном случае мы собираем доску-вдохновение для блога инстаграм* о макияже и здоровье, поэтому подобрали картинки, которые будут служить примером для будущих постов. На снимках может быть что угодно, главное – чтобы они соответствовали выбранной теме.
Настройте оформление объектов
Хотя мы старались подбирать картинки в единой эстетике, все же будет лучше, если к ним дополнительно применить схожее оформление. Для этого мы воспользуемся рамками и эффектами в соответствующей вкладке. Выделите элемент на макете и отыщите в списке подходящий стиль, после чего кликните, чтобы наложить на фото.
Настройте оформление для объектов коллажа
Таким же образом вы можете привести фотографии к единому стилю, применив фильтры из соответствующей вкладки. Еще один вариант – дважды кликните на изображение. Появится окно с дополнительными функциями, где вы можете отрегулировать яркость, контраст, насыщенность и другие параметры.
Измените параметры изображений, добавьте фильтры
Добавьте графику
Теперь разместим на нашем moodboard цветовую палитру. Для добавления фигур раскройте «Текст и украшения» и выберите «Фигуры». Выделите нужный объект, в нашем случае – прямоугольник.
Кликните на превью два раза, чтобы объект появился на странице, а затем нажмите на иконку в виде шестеренки для установки параметров. Здесь вы можете задать цвет, наложить или убрать рамку, загрузить текстуру и многое другое.
Вы можете использовать геометрические фигуры в дизайне мудборда
Образец шрифта и мотивация
Последний штрих – добавить образец шрифта. Для этого во вкладке «Текст» введите какую-нибудь мотивирующую цитату и нажмите «Добавить текст». После этого подберите шрифт, цвет, размер и стиль надписи. Вы можете выбрать полужирное или курсивное начертание, настроить выравнивание, а также добавить контур или тень.
Разнообразьте оформление мотивационной цитатой с красивым шрифтом
Захватите тестовый слой курсором и перетяните на свободный участок. Таким же образом можно добавить просто отдельные слова на подходящую тему или указать цветовой код для палетки.
Все объекты можно накладывать друг на друга и менять слои местами. Для этого воспользуйтесь кнопками «На уровень вверх» или «На уровень вниз» на панели управления (иконки с прямоугольниками в левой части).
Сохраните дизайн мудбоарда
Как видите, программа для создания мудбордов ФотоКОЛЛАЖ позволяет создавать макеты буквально за несколько минут. Осталось сохранить картинку или распечатать. Для экспорта воспользуйтесь командой «Сохранить JPEG с настройкой качества» из меню «Файл». Так изображение станет меньше весом и не потеряет качество.
Сохраните свой дизайн
Если вы хотите распечатать макет, кликните по иконке в виде принтера на панели с инструментами. Вы можете сохранить фото для печати в будущем. Для этого раскройте пункт «Файл» и выберите «Сохранить как изображение», в окне экспорта выставьте расширение TIFF. Это оптимальный формат для типографских макетов.
Также вы можете распечатать его на принтере
Примеры красивых мудбордов для вдохновения
Теперь вы знаете, как создать на компьютере мудборд доску настроения. Но что делать, если вдохновение никак не приходит? Специально для вас мы создали подборку красивых фотоколлажей для разных задач.
Креативный пример для упаковки фирменного бренда в стиле 60х-70х годов. Винтажные афиши, постеры и другая типографская продукция содержат цветовые палитры и нужные шрифты.
Подборка UX-дизайнера вместо стандартной палитры использует фотографии с подходящей цветовой схемой.
Если вы занимаетесь модой, mood board не обязательно должен включать в себя шрифт. Главное, чтобы в подборке прослеживалась единая эстетика, а фото вызывали ассоциации с выбранной темой.
Подборка SMM-менеджера для ведения аккаунта в Instagram*. Включает в себя примеры сториз, постов, цветовой гаммы, шрифтов.
Вдохновением для фотографа либо типографского верстальщика могут стать обложки со знаменитыми снимками.
Используйте в мудбоарде стилиста готовые цветовые сочетания PANTONE.
Если вы модельер или визажист, на доску можно заносить полезные заметки по теме.
Отличный пример персонального мудборта, который также можно использовать как вдохновение для интерьера.
Этот вдохновляющий коллаж для фотосессии включает в себя не только главную идею съемок, но также дает вдохновение для общей стилистики, поз и ракурсов.
Дизайн-проект спальни и гостиной в сканди-стиле с примером цветовой палитры.
Свадебный мудбоард может содержать цветовую палитру и образ самой невесты, а также идеи интерьера.
В заключение
В этой статье мы рассмотрели, как сделать мудборд для Инстаграм* пошагово и разобрали самые важные правила. Коллаж настроения незаменим для тех, кто связан с творческими сферами бизнеса. Красиво собранный фотоколлаж позволяет создать общее представление о будущей работе и помогает постоянно поддерживать креативный настрой. А еще такой проект станет украшением портфолио графического дизайнера, иллюстратора или стилиста.
Быстро создать любой тип муд борда вам поможет программа ФотоКОЛЛАЖ. Она удобна в управлении и, в отличие от онлайн-сервисов, позволяет свободно экспериментировать с оформлением проекта. Кроме того, помимо мудбоардов, вы сможете создавать постеры, открытки и приглашения, подготовить фотоколлаж на день рождения маме или создать генеалогическое древо семьи.
* – приложение компании Meta, признанное российским правительством как экстремистское
Доступно более 300
готовых макетов для оформления
Работает на Windows 11, 10, 8, 7, XP
вверх
