Мудборд что это такое
Мудборд что это такое
Moodboard — еще одно ругательство в наших дизайн-процессах
Нерешенные задачи
Нововведение касается первых этапов работы над проектом: выяснения требований и дизайна. Собственно, неважных этапов в разработке не бывает, но эти — основополагающие, так как с них всё начинается.
Причины, почему так происходит: низкая вовлеченность ЛПР на ранних этапах и высокая вовлеченность на этапе, когда «появляется картинка».
Обычное брифование худо-бедно помогает вовлечь ЛПРа, зафиксировать формальные требования к проекту, но сохраняет проблему «передачи настроения». И решение последней проблемы — самое сложное.
Визуальный бриф
Это первая методика, которую мы попробовали применять (спасибо Коле Запорожскому из МартДизайна).
Механика работы визуального брифа: заказчик предлагает пять-семь прилагательных, описывающих дух проекта. Мы находим по три-четыре визуальных образа на каждое слово и предлагаем клиенту выбрать среди них тот, который наиболее точно соответствует его ощущениям проекта. И прокомментировать, почему конкретный образ подходит либо нет. На выходе получаем набор изображений-образов, который по задумке должен отражать настроение проекта.
Поэтому мы решили испытать новую методику.
Доски настроения, «Мудборды»
Мудборд (англ. Mood board — дословно, «доска настроения») — условное полотно, на котором собраны вырезки из фотографий, примеры шрифтовых начертаний, иконки, кнопки, паттерны и другие графические элементы, которые в сумме образуют искомую карту настроения.
Мудборд делается не руководителем проекта, а непосредственно дизайнером, и из тех элементов, стилистику которых действительно можно использовать в конечном продукте. То есть на выходе у нас получается не нарезка из разрозненных, оторванных от практического применения, картинок, а набор образов, подобранных специально для этого проекта.
Мудборд, сделанный для интернет-магазина вязаных шапочек.
Мудборд демонстрируется заказчику и обсуждается каждый его элемент. В результате мы получаем очень полезную обратную связь: по шрифтам, стилистике иконок, фактурам, общему настроению проекта. Кстати, конкретно по этому проекту: после того, как заказчик увидел сноуброд среди картинок, решил делать шапочки для сноубродистов. Вот такой вот источник инсайтов 😉
Попробовали метод на пяти проектах, пока впечатления самые хорошие. Будем оттачивать и развивать, всё для больших, дерзких и волосатых проектов! 🙂
Екатерина, руководитель проектов: Да это офигенно! Мудборды рулят! У меня наконец-то нет страха перед проведением визуального брифа, что заказчик сейчас опять начнет ничего не понимать, задавать дурацкие вопросы. И потом ни мне, ни дизайнеру, ни заказчику не понятно — чего, собственно, собирались-то? А с мудбордами всё ясно и понятно. Жду отрисовки дизайна по сайту вязаных шапочек. С точки зрения настроения — уже представляю себе, каким должен был результат.
В общем, понятно и полезно. И заказчик доволен )
Что такое мудборды и зачем они дизайнеру
Оказывается, любая (почти) подборка картинок и красивых фоток с сайтов — это крутой инструмент в руках дизайнера.
Иллюстрация: Merry Mary для Skillbox Media
Что за мудборды такие?
Мудборд — это «доска настроения» (от англ. mood board). Так называют набор фотографий, иллюстраций, паттернов, слоганов, шрифтов и цветовых схем. Его делают для будущего дизайн-проекта, чтобы понять, каким будет визуальное решение: серьёзным или весёлым, элитарным или демократичным, какие образы возьмут за основу, как будут сочетаться цвета и какой будет типографика.
И как выглядит этот набор? Где его можно собрать?
Мудборд может выглядеть как угодно — и в виде красивого коллажа, и как простой набор картинок. Это зависит от задачи. Например, если вы собираетесь показывать свой мудборд клиенту, лучше его сверстать красиво:
А если вы хотите использовать его только внутри команды, подойдёт и такой набор картинок:
Но это же лишняя работа! Обязательно делать эти коллажи?
Использовать мудборды необязательно, но они облегчают поиск визуального решения. Дизайнеру гораздо проще выбрать нужный цвет и шрифт к фирменному стилю клиента, когда у него под рукой есть набор примеров из нужной сферы.
Ваш заказчик не обязан разбираться в сетках, шрифтах и цветах — поэтому при обсуждении визуального решения он может говорить всё что угодно. Задача дизайнера в такой ситуации — помочь клиенту увидеть этот визуальный образ и принять решение. С готовым набором картинок из мудборда это сделать гораздо проще, чем с техническим заданием.
Круто! Собираем красивые картинки отовсюду и идём дизайнить?
Мудборд — это не просто коллаж, в котором собраны красивые картинки. Он должен помочь вам найти подходящее визуальное решение. Поэтому бездумно собирать красивые картинки — плохая идея. Весь мудборд должен выглядеть целостно.
Например, если ваш клиент продаёт дрова и заказал у вас сайт, то странно держать в мудборде скриншоты с промостраницей Apple, фотографии машин Tesla и клубничного мороженого. Логичнее, если вы посмотрите на сайты конкурентов и какие-нибудь гравюры.
А целостность — это как? Картинки должны красиво смотреться вместе?
Не совсем. Даже если фотография розовой кружки симпатично смотрится рядом с электрической схемой, нельзя сочетать элементы, кардинально разные по смыслу и настроению, они не должны противоречить друг другу. В итоге вам будет непонятно, кто именно будет пользоваться вашим продуктом — любители розового цвета или электрики.
По той же причине в мудбордах стараются избегать слишком сложных образов, которые могут быть непонятны. Скажем, портрет Наполеона Бонапарта в мудборд вставлять бессмысленно — исторические личности вызывают сложные ассоциации, у разных людей они будут разными. Для понимания проекта эти образы не несут никакой пользы.
А если сделать подписи, чтобы образы стали понятнее?
Длинные пояснения точно не нужны. Задача мудборда — не рассказать о дизайне, а показать его в картинках. Но какой-то короткий слоган может быть полезен: для лучшего понимания идеи или просто для демонстрации типографики.
Что именно можно показывать на мудбордах? Только дизайн сайтов и логотипов?
Нет, в мудборде может быть что угодно — от разноцветных носков до наборов кнопок из Material Design. Тематические коллажи делают веб-дизайнеры, дизайнеры рекламы и фирменного стиля, дизайнеры интерьера, одежды, а иногда даже художники и фотографы. Картинки зачастую красноречивее, чем долгие объяснения. Грамотно составленные мудборды позволяют специалистам из разных областей понять друг друга: это касается и коммуникации с клиентами, и общения внутри команды.
Мудборд — это настроение. Тогда получается, что подборки для сайта и декора квартиры могут быть одинаковыми?
Да, но чаще в разных областях наборы изображений всё-таки различаются. Например, если речь о дизайне сайта или мобильного приложения, очень важно добавить на мудборд шрифты. В дизайне интерьера типографика не важна, но текстуры могут помочь определиться с используемыми материалами.
Основу мудбордов обычно составляют фотографии и рисунки — это универсальные элементы для любого проекта.
Я тоже хочу сделать мудборд. А с чего начать?
Искать картинки для вдохновения и сохранять их в разные папки можно на Pinterest, Dribbble или Behance. Это удобные сайты, чтобы начать работу над проектом: там есть куча картинок на любую тему. Собрать все нужные изображения в один коллаж можно в Photoshop, Figma или другом редакторе.
А есть какие-то правила, по которым надо размещать картинки в мудборде?
Нет, расположение картинок может быть произвольным. Например, вот так:
Ой, Photoshop — это сложно! А нет ли каких-то шаблонов, чтобы просто вставить картинки?
Да, во многих онлайн-редакторах есть такая опция — например, удобно работать с мудбордами в Figma или на Adobe Spark.
Ура, кажется, получилось! Что с ним делать дальше?
Созданный мудборд — это направление работы над будущим дизайн-проектом. С ним дизайнер старается придерживаться выбранной цветовой гаммы, шрифтового решения, общего настроения. Заданные рамки упрощают работу и делают результат предсказуемым для клиента.
Точно повторять мудборд не нужно. Если на «доске настроения» фотография луговых трав, это не значит, что в интерфейсе сайта тоже будут цветочки. Но, скорее всего, там будут плавные линии, мягкие переходы и зелёные оттенки.
Больше базовых знаний для дизайнеров
Мудборд
Мудборд в дизайне и рекламе — это коллаж из нескольких изображений, отражающих настроение будущего визуального продукта (фотосессии, иллюстрации, логотипа и др.). В переводе с английского mood board — «доска настроения».
Что такое мудборд
Обычно мудборд выглядит как набор изображений, имеющих общую цветовую гамму, тему, шрифты, формы, эмоциональный посыл и т.д. Они могут быть размещены рядом друг с другом в графическом редакторе (презентации) или иметь физическое воплощение — располагаться на доске или стене в интерьере.
искра
Выберите дизайн-профессию, которая нужна в IT
Что можно показать на мудборде
Цвета. Если палитра не задана изначально, демонстрация оттенков на мудборде поможет донести до заказчика, как будут передаваться ощущения и эмоции.
Мудборд в песочных оттенках. Источник Читайте также
Фотографии. Мудборд фотографа готовится под конкретную съемку (например для девичника, мальчишника, свадьбы) и учитывает будущий стиль костюмов, оформление интерьера, особенности локации и ракурсы.
Мудборд для фотосъемки свадьбы в винтажном стиле. Источник
Иллюстрации. Размещенные рядом изображения, объединенные общим настроением, помогают иллюстраторам быстрее реализовать задумку и точно выдержать стиль.
Коллаж иллюстраций. Источник
Шрифты. Поскольку шрифты могут иметь несколько вариантов начертаний, разные размеры, цвет и передавать разное настроение, можно показать на мудборде, как они могут выглядеть в разных зонах макета (на обложке, в заголовке, меню и т.д.).
Фрагмент мудборда со шрифтами. Источник
На мудборде можно продемонстрировать примеры любых визуальных элементов и продуктов: логотипы, паттерны, текстуры, украшения, дизайн упаковки и многое другое.
Принципы создания мудборда
Осмысленность. Дизайнер должен четко понимать, почему он добавил то или иное изображение. Например, потому что все предметы на фото вызывают ассоциацию с путешествиями и отдыхом или, напротив, с активной работой и энергией.
Мудборд, вызывающий ассоциации с летом и морем. Источник
Целостность. Все элементы мудборда должны в совокупности демонстрировать концепцию будущего дизайна, его настроение. Например, сдержанное и спокойное для сайта по продаже мебели или легкое и игривое для магазина косметики.
Мудборд для магазина косметики. Источник Читайте также
Кто использует мудборды
Графические и веб-дизайнеры. Мудборды помогают передать общее видение разных элементов сайта: «шапки», меню или карточки товара.
Иллюстраторы. Они собирают «доски настроения», чтобы подготовить цветовую палитру будущего рисунка или всегда иметь перед глазами примеры вдохновляющего стиля.
Фотографы. Мудборды позволяют показать эмоции моделей. На мудборде заказчик может наглядно ознакомиться с тем, какой результат съемки получит.
Дизайнеры интерьера. «Доски настроения» дизайнеров интерьера называются дизайн-борды и напоминают «конструктор комнаты». Они отображают предметы интерьера, оформленные в том стиле и цветовой гамме, в которых будет выполнен будущий интерьер.
Дизайн-борд IKEA. Источник
На дизайн-бордах размещают не только базовые элементы интерьера (напольное покрытие, шторы, мебель, осветительные приборы), но и декор (текстиль, картины, вазы, статуэтки и т.д.).
Мудборды могут быть полезны в живописи, графике, скульптуре, шитье, вышивке, вязании и др. Применение «досок настроения» практически не ограничено.
Где можно сделать мудборд
На специальных сайтах. На Pinterest, Dribbble или Behance удобно искать фото, палитры и дизайн-работы и распределять по папкам, каждая из которых по сути является отдельным мудбордом. В Canva есть отдельный раздел с шаблонами для мудбордов, многие из которых бесплатные.
В графических редакторах. Мудборд можно собрать в Adobe Photoshop, Illustrator, InDesign, в Figma, Sketch, в программах для рисования Krita, SAI Paint Tool, MediBang Paint и любом другом приложении, работающем с графикой. «Доску настроения» можно составить из картинок вручную или скачать для мудборда специальный шаблон (мокап).
В офисных приложениях. Быстро соединить изображения и сделать к ним поясняющие надписи позволяют офисные программы Microsoft Word и PowerPoint.
На стене или доске. Художники и иллюстраторы могут размещать мудборд прямо над рабочим столом. Композиция не только дарит вдохновение, но и украшает интерьер. Изображения крепятся на металлические или пробковые доски для мудбордов при помощи декоративных зажимов или кнопок.
После презентации мудборда заказчику дизайнер должен его придерживаться при отрисовке макета: соблюдать цветовую гамму, стиль и настроение. Работа в заданных рамках делает проект более понятным для обеих сторон и уменьшает вероятность доработок.
Искра
7 дней, которые разожгут в вас искру интереса к дизайну. Познакомьтесь с востребованными профессиями и выберите ту, которая подойдет именно вам.
Мудборд. Пустой тренд или эффективный инструмент для создания сайта?
Вы — компания, которая хочет обновить свой сайт и ищет для этого подрядчиков. Но как подрядная команда разработчиков поймет, каким вы видите результат? Как наемные дизайнеры смогут отразить ценность фирмы, ее айдентику и бренд, не работая там и дня? Для решения такой задачи подойдет мудборд.
В дословном переводе с английского мудборд звучит как «доска настроения». Если подбирать термин на русский манер, больше всего подойдет слово «коллаж». На первый взгляд, ничего серьезного. Как «доска настроения» может помочь специалисту в выполнении задачи? На самом деле, помочь может, и даже очень эффективно.
Мудборд содержит в себе образцы тех элементов, которые заказчик хочет видеть на сайте: цвет, шрифт, стиль, референсы. Он отображает основную идею и концепцию, подходящую к проекту, и может выглядеть по-разному: в виде реальной доски, коллажа, стикеров с референсами или в виде презентации.
Промежуточно резюмируем: мудборд — это инструмент, который отражает основные идеи и элементы по проекту. Он помогает дизайнеру и клиенту сразу попасть на одну волну и определиться с желаемым результатом наиболее детально, тем самым оптимизируя процесс взаимодействия. Подготовительные обсуждения ускоряются и позволяют дизайнерам раньше приступить к работе и, как следствие, быстрее передать проект разработчикам для запуска сайта.
На первом этапе происходит знакомство с клиентом и его проектом. Здесь дизайнер собирает основные вводные у заказчика, определяет вектор работы и концепцию будущего сайта. Это важный процесс, от итогов которого зачастую зависит все дальнейшее общение. Если брифинг пройдет плохо, дизайнер не поймет задачу, а у клиента сложится не лучшее представление о команде. Если же он проведен хорошо, это поможет избежать множества проблем на следующих этапах и ускорить рабочий процесс.
На брифингах обычно обсуждаются следующие моменты:
цели и задачи проекта;
кто целевая аудитория сайта;
можно ли отходить от фирменного стиля;
какое настроение лучше задать дизайн-концепции;
как вписать настроение в сложившуюся айдентику клиента;
какие сайты нравятся клиенту и почему;
На втором этапе происходит самое интересное: подготовка мудборда. Здесь дизайнеры определяются с концептуальной идеей, а после подбирают цвета, шрифты, прорабатывают стилистику иконок, думают о вариантах применения анимации на будущем сайте клиента и десятках других фишек.
Кстати, при выборе цвета будущего сайта есть два варианта развития событий:
если у клиента есть сложившийся фирменный стиль, то дизайнеры берут его в работу, адаптируя цвета айдентики заказчика под веб (производится мелкая настройка контраста и яркости);
если же у клиента нет фирменного стиля, отдел дизайна предлагает цвета, которые на их взгляд подходят клиенту и его проекту.
Детали определяются не только для главной, но и для одной из внутренних страниц сайта, чтобы как можно точнее попасть в пожелания клиента.
Если проект обширный и у клиента нет четкого видения своего будущего сайта, наши специалисты готовят бенчмаркинг. Это сравнительный анализ, в котором собраны исследования по наиболее частым трендам в дизайне сайтов со ссылками на информацию. Так клиент будет иметь представление о вариациях и сможет на основе сравнения выделить, что ему нравится, а что не нравится.
На заключительном третьем этапе команда презентует клиенту готовый мудборд. Заказчик, в свою очередь, дает детальную обратную связь о предложенных решениях. Дальше дизайнеры используют мудборд как основу для составления дизайн-концепции, которую также согласовывают с клиентом и передают разработчикам, чтобы те воплотили все смелые идеи дизайнера и заказчика в цифровую реальность.
Первое, о чем обязательно стоит упомянуть, это базовый инструмент для построения доски. В команде Uplab дизайнеры составляют мудборды в программе Figma. Удобный онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.
В дизайне особенно важно много практиковаться и развивать насмотренность. Опыт и наблюдение за тем, какие появляются технологии, какие существуют тренды, прокачивают дизайнера и расширяют идейный кругозор. Следующие инструменты помогут в этом.
Платформа для тренировки насмотренности и поиска вдохновения. Это одно из крупнейших онлайн-сообществ, где собираются дизайнеры и делятся своими проектами, получают лайки, подписчиков и отзывы. На сервисе можно найти работы графических дизайнеров, иллюстраторов, веб-дизайнеров и 3D-визуализаторов.
Это интернет-сайт конкурса профессиональных веб-дизайнеров и разработчиков, на котором собраны тысячи лучших работ профессионалов со всего мира. Он может стать еще одним местом для поиска вдохновения по графике.
Хороший ресурс для поиска референсов по UI-дизайну. Это удобная коллекция сайтов, которая постоянно пополняется. Если дизайнер ищет что-то конкретное, здесь есть функция разделения коллекций по стилю, типу, теме и платформе.
Это галерея лучших главных страниц сайтов, собранная со всего интернета. Для удобства навигации на сайте есть поиск и специальные теги, которые проставлены у каждого сайта. Так, если вам интересны сайты с каким-то определенным типом главных страниц, вы можете либо вбить это в поиске, либо кликнуть по подходящему тегу.
Каталог веб-дизайна, проект дизайнерского бюро Division Binaural. Этот сайт служит источником вдохновения для дизайнеров-разработчиков и энтузиастов HTML. В нем собраны концепции сайтов с уклоном в модернизм и простоту.
Вам наверняка известен принцип Парето, согласно которому 20% усилий дают 80% результата. Этап визуальной коммуникации через мудборд — это и есть 20% оптимальных усилий. Именно поэтому работа с мудбордом позволяет при наименьших временных затратах получить максимально эффективный результат:
Что такое мудборд и как его составить
Любую задачу, будь то создание логотипа, разработка мерча или оформление площадки для ивента, нужно понятно объяснить участникам команды проекта. Визуализация идеи — первый шаг к ее воплощению. Спроецируйте свою задумку с помощью мудборда — доски с подборкой графических материалов.
Рассказываем, где можно взять исходники для мудборда, как использовать его в разработке различных проектов, какие программы подойдут для его создания.
Определение мудборда и для чего он нужен
Moodboard (от английского mood board) — «доска настроения». Это емкое название подборки изображений, которые отражают суть идеи.
Мудборд содержит визуальные референсы, то есть примеры дизайна, стиля или концепции. За счет наглядности такая доска значительно упрощает командную работу. Благодаря мудборду все участники проекта одинаково понимают идею.
Кто использует мудборды
Мудборды в основном используют специалисты, которые работают над визуальной составляющей проекта. Доски настроения применяют графические и веб-дизайнеры, фотографы, дизайнеры интерьера, иллюстраторы. Они составляют мудборды самостоятельно или при участии руководителей и заказчиков.
Например, перед съемкой фотограф знакомится с задачей и узнает, какой продукт предстоит снимать и где будут использоваться кадры. На основе этой информации он готовит мудборд — визуализацию съемки. Специалист включает в коллаж создающие нужное настроение изображения и цветовые схемы, внешний вид моделей, фон и реквизиты, а также позы и эмоции.
Принципы создания мудборда
Мудборд — это не хаотичный набор изображений. При взгляде на него должна получиться цельная картина, вызывающая четкие ассоциации с задумкой. Важно, чтобы элементы перекликались и дополняли друг друга, были информативными по отдельности.
Мудборд доносит основную мысль без лишних слов. Иногда доску дополняют скрайбингом — схематичными пояснениями. Допускаются заметки и небольшие комментарии, но не полноценные текстовые документы.
Не стоит добавлять на мудборд слишком много изображений и использовать однотипные референсы. Лучше ограничиться небольшим количеством понятных примеров.
Как создать магазин ВКонтакте: пошаговая инструкция
Как создать магазин ВКонтакте: пошаговая инструкция
Из чего состоит мудборд
В зависимости от проекта мудборд может включать разные элементы: фотографии, палитры, фоны, текстуры, рисунки, типографику. Рассмотрим несколько возможных составляющих досок.
Цветовые палитры
Оттенки и цвета передают настроение проекта. Используйте их, чтобы донести нужные вам эмоции. Подбирайте сочетания, которые вызывают определенные ассоциации и соответствуют имиджу компании.
Найдите готовые палитры в интернете или создайте свои наборы оттенков при помощи дизайнера. Выберите 2–3 ведущих цвета, которые будут основой мудборда, и добавьте еще 3–5 второстепенных. Чтобы не перегрузить палитру красками, используйте яркие и нейтральные оттенки в равном соотношении. Иногда уместно взять один акцентный цвет, а все остальные сделать приглушенными.
Иллюстрации и фотографии
Фотографии и иллюстрации на мудборде доносят замысел проекта лучше любого описания. Это могут быть изображения моделей, элементы искусства и архитектуры, определенные предметы. Также для создания мудборда можно использовать абстрактные образы, цвета и формы. Найдите примерно 30 подходящих фото, а потом выберите из них те, которые сильнее всего ассоциируются с вашим проектом.
Следите за тем, чтобы изображения соотносились с вашей идеей по смыслу. Например, мудборд для летней вечеринки может включать фото людей в купальниках, коктейлей, плавательных кругов, песка, океана, пляжных лежаков.
Сквозная аналитика Calltouch поможет отследить все важные показатели по результатам уже запущенных проектов. Это автоматизированная система, которая объединяет все данные для анализа на дашборде в личном кабинете. Адаптируйте аналитику под собственные задачи за несколько минут и получайте актуальную статистику в удобном формате без рутины и лишних трудозатрат.
Текстуры, фактуры и паттерны
Глянец, рельеф, растения, стекло, мрамор, древесина — все это подходит для мудборда. Неплохо встраиваются в доски и графические паттерны, причем как естественные, например листва деревьев, так и искусственные — в виде готовых иллюстраций.
Используйте тактильные ассоциации в работе с текстурами. Если хотите показать тепло и уют, уместны мягкие ткани, если роскошь — позолота и мех.
Шрифты, логотипы и цитаты
В одних случаях уместно использовать строгую типографику, а в других — более креативную подачу текста.
Шрифты активно используют в продуктовых мудбордах, при разработке сайтов, мобильных приложений или рекламных кампаний, где типографика выступает неотъемлемым элементом фирменного стиля.
Чего в мудборде быть не должно
Иногда мудборды получаются перегруженными или неинформативными. Чтобы этого не допустить, помните, что доска не должна содержать:
Не бойтесь редактировать мудборд и удалять из него все, что кажется вам уже неактуальным. Четко проработайте каждый элемент, адаптируйте под свою задумку.
Где искать исходники
Берите материал из разных источников, таких как:
Сайт бренда формирует представление об имидже вашей компании. Установите кастомизированные виджеты Calltouch, чтобы привлекать еще больше пользователей не только стильным дизайном, но и возможностями. Система будет автоматически обрабатывать обращения посетителей даже в нерабочее время.
Программы для создания мудборда
Для составления мудборда можно использовать любой графический редактор или виртуальную доску. Вот ряд онлайн-сервисов, которые позволяют объединять разные графические объекты:
С бесплатным тарифом Miro можно работать только на трех досках, с командным — количество мудбордов не ограничено. В возможности бизнес-тарифа входят инструменты для создания диаграмм и проведения звонков. Тарифный план для организаций можно подключить, если в компании больше 50 человек.
Первый мудборд можно составить бесплатно. Есть несколько платных тарифов: базовый, фриланс, профессиональный, корпоративный.
Мудборд
Наверное, с каждым дизайнером или менеджером проекта случалась следующая ситуация. Вы с коллегами потратили множество рабочих часов на создание выдающегося проекта, вложили в него всю душу, а клиент отверг ваш вариант дизайна. Причина тому — несоответствие вашей картинки представлениям клиента.
Может быть, ваш вариант и прекрасен, но если заказчик представлял себе результат иначе, тут уж остается только смириться и всё переделать. Верный способ обезопасить себя от подобных ситуаций — заранее сделать и согласовать мудборд. Если заказчик будет недоволен результатом и захочет всё переделать, всегда можно показать ему согласованный мудборд и напомнить о первоначальной идее. Конечно, если заказчик будет настаивать на еще одном варианте, придется работать дальше. Но уже за дополнительные деньги.
Мудборд (иногда их еще называют inspiration boards) — это своеобразное превью будущего дизайна. Он помогает презентовать и согласовать с клиентом визуальные составляющие вашего проекта:
В общем, включить нужно все графические материалы, которые чётко дадут понять, каким будет дух и настроение проекта. Все элементы собираются в виде коллажа на одной доске.
Что такое мудборд и зачем дизайнеры используют его
Инструментом в руках грамотного дизайнера может быть практически что угодно. Насмотренность важна при работе с любым визуальным контентом настолько же сильно, насколько важно грамотно составить ТЗ. А если объединить их – получится мудборд.
Именно он помогает избежать разногласий между дизайнером и заказчиком и формирует визуальный облик будущего продукта. А еще позволяет не отклониться от первоначальной идеи.
Что представляет собой мудборд?
Что такое «мудборд»? Грубо говоря, это «доска настроения» (так звучит прямой перевод «moodboard» с английского) – подборка изображений, характеризующая будущий дизайн-проект.
Она олицетворяет результат, который хочет получить заказчик, и может состоять из нескольких различных элементов:
Все перечисленные графические материалы указывают на настроение и дух проекта и размещаются в форме коллажа. Сделать его можно в фоторедакторе или одной из предназначенных для этого программ.
Для каких целей он используется?
Мудборд применяется в дизайне как альтернатива текстовому ТЗ либо служит его дополнением. Заказчик получает возможность наглядно продемонстрировать свои предпочтения и пожелания, внося в него коррективы. Если заказчик хотя бы немного умеет работать с графическими редакторами, то он может самостоятельно подготовить изображение и прийти с ним к дизайнеру.
Последний, в свою очередь, избавляется от «творческого ступора» и сразу приступает к созданию проекта. А еще снижается шанс того, что клиент отклонит задумки специалиста в последний момент, и всю работу придется переделывать с нуля.
Взглянув на мудборд, сразу становится ясно, какая будет использоваться типографика и цветовая палитра.
Составлять такие коллажи можно не только при создании дизайн-проектов – их могут запрашивать фотографы и организаторы мероприятий. В случае со съемками специалист может сразу определить, какое освещение и локация ему понадобятся. Процесс организации торжества также ускорится, когда организатор будет понимать, в какой цветовой гамме покупать декор и какую развлекательную программу придумать.
Почему вам стоит начать свой проект с составления мудборда?
Конечно, использование мудбордов – личное дело каждого, и от них всегда можно отказаться.
Если вы считаете работу над ним лишней, то просто подумайте: на то, чтобы испробовать несколько вариаций фирменного стиля, корпоративного дизайна или оформления помещения, порой тратится гораздо больше времени, чем на компиляцию нескольких изображений в одно.
Создавая коллаж с вариантами дизайна, цветовой гаммы и текстур:
Опять же, само наличие мудборда – это хорошо, но не каждый мудборд – хорош. Бесцельный сбор картинок в интернете, не связанных общей стилистикой, направленностью или настроением, не принесет никакой пользы.
Основные правила создания мудборда
Перейдем к работе с «красивыми картинками» из интернета, которые так и хочется запихать в будущий проект. Главных правил всего два.
Во-первых, получившаяся подборка референсов должна быть целостной. Некоторые образы могут остаться непонятными для клиента, поэтому стараемся использовать более простые символы, которые вызывают устойчивые ассоциации и перекликаются между собой.
Во-вторых, поиск должен начинаться «от идеи». Нет никакого смысла подготавливать розовый коллаж с принцессами для сайта секции единоборств. К конкретному проекту всегда походят конкретные визуальные элементы: именно их нам и нужно найти.
Торопиться не будем: начнем с разбора «деталей», из которых наш мудборд будет состоять.
Цветовые палитры
Оттенки, цвета и градации обладают яркой эмоциональной окраской. Поэтому выбираем те, которые передают желаемые ощущения и ассоциируются с проектом.
Для этого можно воспользоваться генераторами палитр (свободно доступны в интернете) или самостоятельно взять цвета с какого-либо изображения (для этого подойдет инструмент «пипетка» в Photoshop). Чтобы составить уникальную палитру, просто откроем картинку с подходящей для нас цветовой гаммой, приятной глазу, и возьмем с нее 3-6 оттенков.
Понравившиеся цвета разместим в виде небольших блоков. Теперь стало гораздо понятнее, перекликаются ли они между собой. Прислушайтесь к ощущениям: если несколько оттенков «выбиваются», попробуйте заменить их на более теплые или холодные.
Иллюстрации и фотографии
Как передать эстетику и настроение проекта? Правильно – отобразить его в подборке иллюстраций и снимков, которые наиболее точно ему соответствуют. Референсы должны быть релевантными и актуальными. Часто для составления «досок настроения» применяют фотографии природы, людей и их взаимодействия между собой, растений, предметов интерьера. Можно поискать иллюстрации, нарисованные от руки, если подходящий снимок выбрать не получается или «чего-то не хватает».
Даже если на выбранной картинке будет лого фотостока – это не страшно, ведь мудборд является «черновиком», и небольшая полупрозрачная надпись никак не повлияет на восприятие изображения.
Текстуры и паттерны
Образы в мудборде для дизайнеров могут быть переданы не только с помощью иллюстраций, но и через фоновые текстуры. Растительные ландшафты, рельефные поверхности, ткани, мрамор или дерево послужат вдохновением для создания фотоконтента, выбора стиля или палитры.
Без использования текстур не обойтись тогда, когда вы создаете оформление продукта.
Что касается паттернов, их тоже можно удачно использовать при разработке фирменного стиля, будущего ремонта в квартире или подготовке к фотосессии. Узоры особенно важны в корпоративном дизайне, так как они повышают узнаваемость фирмы и используются на бланках, пакетах, упаковке и прочей продукции.
Сам паттерн или отдельные его элементы могут дополнять или частично повторять логотип, вызывать прямые ассоциации с продуктом или просто передавать его «характер».
Шрифты: логотипы и цитаты
От лого можно отталкиваться при дальнейшей работе: подбирая визуальные образы под его цвет и форму, постепенно «наращивать» количество изображений на мудборде. Также коллаж может пригодиться в том случае, если в компании планируется редизайн и нужны свежие идеи для логотипа.
Слоган звучит как «Наша бдительность – ваше спокойствие»? Тогда разместите на шаблоне образы, вызывающие ощущение умиротворения и безопасности.
Мудборды для мероприятий: особенности
Поговорим про отдельную категорию «досок»: это коллажи, которые отражают атмосферу мероприятия, например свадебной церемонии. Вам предстоит поработать над ними, если вы планируете доверить торжество какой-либо компании (или сами занимаетесь организацией мероприятий).
Эти советы можно использовать и при планировании корпоратива, презентации или мастер-класса. Если вы – владелец или сотрудник крупной компании, строго следящий за соблюдением корпоративного стиля, придется придерживаться его и во время неформальных мероприятий с клиентами или партнерами.
Где искать исходники?
Удачных референсов достаточно – они окружают вас в повседневной жизни, а также хранятся на фотостоках и в социальных сетях.
Для поиска изображений и текстур по узконаправленным запросам лучше воспользоваться полноценными фотостоками. Они:
Если проект достаточно простой, можно обратиться к более простым инструментам – например, сервису Pinterest. На сайте представлены тематические подборки, подходящие для визуального брифа. Тематические коллекции могут группироваться по цветовой гамме, настроению, стилю или тематике.
Чего в мудборде быть не должно
Все неудачные примеры коллажей похожи на друг друга. Чтобы ваша работа не вошла в их категорию, в мудборде не должно быть:
Перечисленные факторы мешают полноценному восприятию всего изображения, поэтому получившаяся группа картинок будет смотреться несуразно. Любая композиция должна иметь логический центр и быть сбалансированной: тогда ее посыл станет понятным.
Где можно создать мудборд? Топ-5 программ
Перед тем как делать мудборд, нужно выбрать программу для его создания. Можно, конечно, ограничиться стандартным Paint, но возможности в нем урезаны (банально – нельзя редактировать слои, они там отсутствуют как явление).
Если на покупку Photoshop вы еще не решились, то воспользуйтесь одним из предложенных сервисов:
Перечисленные сервисы создавались специально для сборки мудбордов, поэтому работать в них будет проще, чем в других фоторедакторах (особенно людям без опыта с последними). Авторы ПО уже собрали все необходимые инструменты, остается лишь правильно их использовать.
Тут же можно обратиться к галереям работ других пользователей, чтобы почерпнуть немного вдохновения или интересных «фишек». Единственный нюанс – часть из них практически бесполезна при отсутствии подписки, а ежемесячный платеж неоправданно высокий.
Как работать с редакторами изображений
Итак, конкретную задачу вы поставили: «доска настроения» создается для определенного бренда (продукта, сайта, мероприятия, проекта…).Теперь:
Постарайтесь превратить творческий процесс в небольшое развлечение и подходите к нему с хорошим настроением. Так вы начнете получать удовольствие от самого процесса. Расслабьтесь, и вы сможете поймать нужную «волну».
Примеры удачных мудбордов
Если вы до сих пор не до конца понимаете, по какому принципу отбирать изображения и как их располагать, просто взгляните на несколько удачных примеров мудбордов.
Начнем с «доски настроения» для профессиональной фотосьемки. Что мы видим? Заказчик подобрал несколько поз, вариантов одежды и заднего плана, а затем объединил их в один коллаж и добавил примечания. Конечно, длинный текст не всегда подходит для мудбордов, но здесь его использование оправдано. Посмотрев на предложенные картинки, фотограф моментально поймет, как лучше выполнить заказ.
Проектирование интерьера квартиры или дома – дело тонкое. Чтобы избежать большого разбега в цветах и стилистиках комнат, можно определить общее «настроение» и отобразить его в коллаже. Ниже – пример создания мудборда для спальни. На нем наглядно показаны цвета, которые будут использоваться в текстиле и интерьере, текстуры (в этом случае – дерево темных пород) и общая стилистика.
При формировании айдентики компании создается брендбук – он имеет много схожих черт с мудбордом и напоминает усложненную версию последнего. В брендбуках отображается корпоративный стиль: какие цвета, начертания, фигуры и паттерны будут использоваться для продуктов или дизайна торговых точек.
Ниже – наглядный пример, на котором четко прослеживаются схожие с мудбордами черты. Не забывайте о главном отличии: брендбуки содержат больше информации и создаются с нуля, мудборды – имеют «урезанный» формат и представляют собой сборку из общедоступных картинок. Впрочем, мудборд какого-нибудь интернет-магазина может быть и в такой форме.
Обратите внимание: все три изображения смотрятся как единая композиция, в них ничего не «выбивается», не лезет на передний план и не перебивает другие элементы.
Резюме
Подводя итоги, еще раз определим качества, присущие продуманному мудборду:
Если даже для коллажа идей не набирается, значит, пора отправляться на их поиски. Вы можете пролистать журнал или посмотреть фильм, подцепив несколько задумок из них. Прогуляйтесь с камерой и сделайте несколько снимков. Или обратитесь к сайтам для художников, фотографов и дизайнеров – посмотрите чужие работы, изучите доступные палитры и паттерны, посоветуйтесь с коллегами.
Найти идеи помогут фотостоки: это самый подходящий вариант. Выбирайте интересующую категорию, цветовую гамму и рассматривайте тысячи предложенных изображений: пара-тройка из них точно натолкнут вас на верные мысли. Вдохновить могут даже аккаунты в Instagram или лента Pinterest – так вы проведете время в социальных сетях с пользой.
Конечный вариант дизайна не обязан становиться точной копией мудборда, но должен перенять от него характерные линии, движения и оттенки. Если на вашем коллаже нарисован огонь – не пытайтесь впихнуть его изображение во все уголки сайта, для которого создается дизайн-проект. Вы можете оставить оранжево-красные цвета, типичные для пламени изгибы и блики.
Как собрать мудборд и зачем он нужен дизайнеру
Одни дизайнеры считают мудборд декорацией, другие — способом ограничить креатив. В действительности мудборд — это предварительная концепция, база, на которой строится дизайнерский проект.
Для нас мудборд является частью дизайн-ресёрча и лёгким способом проверить гипотезы. Так мы можем найти точки соприкосновения с клиентом, лучше прочувствовать его и сам бренд, для которого разрабатываем фирменный стиль. А ещё избежать ситуации, когда проект уже полностью создан, а заказчику он не нравится.
Что такое мудборд
Мудборд — это своеобразное превью будущего дизайна. Это «доска настроения», в которой через фотографии, цвета и шрифты отражается концепция фирменного стиля бренда. Оформляется в виде коллажа. Для его сборки мы используем Pinterest.
Мудборд даёт понимание того, каким будут дух и настроение проекта, какие образы в него будут заложены. Это концентрация вдохновения для создания нового фирменного стиля.
На Dribble или Behance можно найти сотни мудбордов — под кейсы и не только. Так что за вдохновением всегда можно заглянуть туда. Но для понимания, как выглядит мудборд, покажем нашу сборку по айдентике GEMSTONE.
Зачем он нужен
Собрать мудборд — это значит решить сразу пять ключевых задач при разработке фирменного стиля:
— Заложить основу будущего проекта. Чтобы создать новый фирменный стиль, недостаточно просто обладать навыками дизайнера и начать рисовать элементы. Важно понять, с какой стороны к нему подступиться, с чего начать. Собирая мудборд, визуализируя идеи для проекта, вы создадите фундамент, на который в дальнейшем сможете опираться;
— Сформировать у команды общее представление финального проекта. Чаще всего над фирменным стилем работает не один дизайнер, а целая команда. Мудборд позволяет всем придерживаться единого направления, поэтому любые новые возникающие идеи не собьют с этого пути;
— Вовлечь клиента в проект на стадии обсуждения. Заказчик не всегда круто разбирается в дизайне, но только его одобрение даёт проекту зелёный свет. Показывая визуальные ориентиры на стадии обсуждения фирменного стиля, вы сможете избежать недопонимания на последующей стадии согласования и внесения правок. Согласованный мудборд — способ избежать комментариев «это всё не то» / «это не то, чего я хотел» / «не уверен, что это хорошо»;
— Облегчить коммуникации. Конечно, вы можете словами рассказать клиенту, в чём будет идея фирменного стиля. Ещё лучше, если вы пришлёте ему несколько визуальных референсов. Но всё это не даст фокуса на идее. Мудборд нужен, чтобы собрать в одном месте все идеи и донести их до клиента в понятной наглядной форме. Это заметно облегчает коммуникацию на проекте;
— Сохранить идеи на будущее. Во время поиска визуальных идей вы просматриваете сотни референсов. Какие-то из них подойдут для текущего проекта, другие могут зацепить, но не вписываться в концепцию. Их вы можете оставить на будущее, сохранить у себя в Pinterest или на жёстком диске. Так вы не только можете придумать идею, которую воплотите на другом проекте, но и будете активно развивать свою насмотренность.
Что такое мудборд, и зачем он нужен
Сегодня хочу поделиться с вами мыслями о том, что такое мудборд (moodboard), зачем и кому он нужен.
Мудборд — отличный способ выразить идею, которую вы хотите воплотить, цель или мечту.
10 фактов о мудбордах
Профессиональные дизайнеры постоянно используют в этих целях мудборды: коллекции текстур, картинок и текста, которые связаны с темой дизайна и вместе составляют опорную точку. Для рукодельниц это отличный способ создать визуализацию своего будущего контента в соц.сетях, или создать визуализацию будущей коллекции украшений, декора-подобрать цвета, формы и пр.
1 совет: ищите вне цифровых картинок
Для создания мудборда проще и заманчивее всего обратиться к интернету. Но не стоит зацикливаться на виртуальном пространстве только потому что там найдете превеликое множество фото
К примеру, можно использовть в качестве ориентира журналы, которые вас вдохновляют. Вдохновитесь тем, каким сильным инструментом сторителлинга могут быть изображения в сочетании с заголовками. Подобный источник вдохновения из реального мира может стать очень убедительным на мудборде — снимайте вывески магазинов, рекламные щиты на улицах вашего города, распечатывайте фотографии и крепите на мудборд.
02. Фотографируйте вне дома
Вдохновение окружает нас повсюду. Используйте камеру на вашем смартфоне, чтобы снимать все, что может вас вдохновить: птицу в полете, отличный пример типографики на вывеске, необычная кладка на фасаде здания и т. д. Вам не нужны профессиональные фотографии — просто собирайте мысли, впечатления, темы и ощущения.
.
03. Стройте мудборд вокруг большой картинки
Неважно в каком формате ваш мудборд, в любом случае вы должны уделить внимание в первую очередь ключевым изображением, окружая и дополняя их второстепенными, более мелкими картинками, которые усиливают тему.
Это механизм подсознания. Когда кто-то смотрит на вашу доску, он видит в первую очередь большие картинки и задается вопросами, ответы на которые находит в более мелких изображениях. Если вы окружите главные крупные изображения более мелкими, вторые выступят в разъясняющей роли, усиливая посыл. Используйте это, когда создаете мудборд-карту желаний или хотите приблизить осуществление своей мечты-сначала в центре крупный кадр вашей самой большой мечты, а затем рядом картинки помельче и мечты не такие глобальные 🙂
04. Добавьте текста
Не игнорируйте силу слова. Используйте несколько больших слов, на которых остановится ваш взгляд. Такие надписи дают глазу отдохнуть и предоставляют возможность задуматься. Крупные слова, расположенные рядом, задают тон и очень многое значат в визуализации мечт. Если вы каждый день видите перед глазами надпись «Мои мечты сбываются каждый день», то согласитесь, они и сбываться начнут чаще.
05. Сделайте тему очевидной
Старайтесь чтобы материалы, составляющие мудборд, были понятны и легко объяснимы, а цели и мечты самые смелые! Совсем непросто быть конкретным и понятным, используя изображения в попытках преподнести свое видение. Но оно стоит затраченных усилий. Если вы, например, поставили цель — красный мини купер — эта картинка у вас центровая, то подумайте, для достижения цели-какие шаги вам необходимо предпринять. Подумали — найдите или создайте такие картинки со словами и разместите вокруг вашей главной мечты. Таким образом вы не только будете видеть цель перед глазами, но и шаги к ее осуществлению.
06. Веселитесь!
Весь процесс создания мудборда должен быть приятным. Если процесс не доставляет вам удовольствия, значит вы что-то делаете не так.
07. Общая тема
Все элементы мудборда должны быть связаны общей концепцией, иначе они превратятся просто в набор случайных фотографий. Важно, чтобы при взгляде на ваш мудборд складывалась единая картина понятная вам.
08. Включайте в мудборд нестандартные решения
Например, тактильные элементы, общую цветовую тему. Или задайте особое настроение. Пусть он будет ярким, провокационным и даже агрессивным.
09. Сразу всё понятно
С готовым moodboard очень хорошо приходить на встречу к декораторам и организаторам свадьбы, торжеств — так эти специалисты лучше поймут, каким вы видите свое торжество и что вам нужно от их работы.
10. Кратко резюмирую, и у нас вот что получается, что мудборд нужен каждому. Источник вдохновения. Как при разработке креативной концепции проекта, так и для личных целей. Например, при планировании свадьбы или другого мероприятия, поиска идей для ремонта и дизайна интерьера, для проработки личного стиля и подбора гардероба.
Как творческое самовыражение и, например, часть декора своего рабочего пространства
Для оформления и визуализации своих целей, желаний или списка крупных покупок, планирования (например, путешествий), а также для учебы как инструмент наглядного представления и запоминания информации.
Согласны? С радостью прочитаю ваши комментарии по теме. Вы используете мудборды?
Все о мудбордах: кому и зачем они нужны
и как составить свой коллаж настроения
на компьютере
Наверняка вы хотя бы раз видели где-то слово «moodboard». Особенно часто его можно встретить в сферах, связанных с дизайном и миром моды. Так что такое мудборд и как его делать? Термин происходит от английских слов «mood» («настроение») и «board» («доска») и обозначает небольшой плакат с фотографиями, цитатами, текстурами и другими материалами, связанными одной темой, идеей или эстетикой.
Изначально мудборды использовали для работы над творческими проектами – материалы на доске отражали конкретный замысел художника или дизайнера. Но очень скоро практика «ушла в народ» и немного трансформировалась – люди стали создавать плакаты с подборками картинок, которые их радуют и мотивируют каждый день в работе и в жизни. Многие уверяют, что такие визуализации не только поднимают настроение, но способствуют быстрому достижению поставленных целей. В этой статье мы рассмотрим, как правильно составить коллаж для вдохновения и каких правил нужно придерживаться.
Содержание:
Виды мудбордов и общие правила оформления
Мудбоард – неотъемлемая часть творческой работы, так как он является источником вдохновения и помогает придерживаться в работе целостного стиля. Они существовали задолго до появления компьютеров и изготавливались из подручных средств. Создание мудборда на стену своими руками не составляет труда. Достаточно подобрать нужные материалы и объединить вместе на листе ватмана или картона, художественном холсте или даже просто наклеить напрямую на стену. Можно даже купить специальные доски с прищепками, чтобы составлять подборки без клея и скотча.
Мудборд поможет найти вдохновение для творческих решений
Где применяются мудборды
Фактически, 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 ФотоКОЛЛАЖ и создадим мудборд для Instagram*-аккаунта о красоте и уходе. Данный софт лучше всего подходит для нашей задачи, так как в нем нет ограничений ни в материалах, ни в оформлении – полная свобода творчества. Кроме того, размер макета устанавливается вручную – можно сделать коллаж настроения в стандартных форматах А3 и А4, так и в необычных, например под коллаж для сторис в Instagram*.
Создание проекта
Установите ФотоКОЛЛАЖ на ваш компьютер и запустите программу. В стартовом окне выберите «Новый коллаж». Софт предложит несколько режимов работы: шаблоны, автоматическая компоновка по сетке и чистый проект. Мы будем создавать доску полностью с нуля, поэтому укажем последний вариант.
Создайте новый проект
Установите параметры
В окне настроек выберите размер холста, раскрыв пункт «Формат страницы». Программа уже содержит готовые пресеты, в том числе для отображения на мониторе или распечатки. Выберите подходящий вариант или укажите свои настройки.
Установите параметры изображения
Измените фон
Вы можете залить задний план одним цветом, сделать градиент или подставить картинку – свою или из встроенной галереи. Для этого в боковой колонке раскройте вкладку «Фон» и выберите подходящий вариант.
Измените фон мудборда
Мы раскрасим основу в один цвет, чтобы она не отвлекала внимание от основных элементов. Чтобы задать заливку, нажмите «Выбрать цвет» и задайте подходящий оттенок, указав точку на спектре или вставив цифровой код оттенка вручную.
Добавьте фотореференсы
Теперь кликните по вкладке «Фотографии» и добавьте на холст подготовленные заранее снимки. Для этого выделите нужную папку в боковой колонке и перетащите картинки на холст. При необходимости можно наложить одно фото на другое.
Добавьте фотореференсы и паттерны
В данном случае мы собираем доску-вдохновение для блога инстаграм* о макияже и здоровье, поэтому подобрали картинки, которые будут служить примером для будущих постов. На снимках может быть что угодно, главное – чтобы они соответствовали выбранной теме.
Настройте оформление объектов
Хотя мы старались подбирать картинки в единой эстетике, все же будет лучше, если к ним дополнительно применить схожее оформление. Для этого мы воспользуемся рамками и эффектами в соответствующей вкладке. Выделите элемент на макете и отыщите в списке подходящий стиль, после чего кликните, чтобы наложить на фото.
Настройте оформление для объектов коллажа
Таким же образом вы можете привести фотографии к единому стилю, применив фильтры из соответствующей вкладки. Еще один вариант – дважды кликните на изображение. Появится окно с дополнительными функциями, где вы можете отрегулировать яркость, контраст, насыщенность и другие параметры.
Измените параметры изображений, добавьте фильтры
Добавьте графику
Теперь разместим на нашем moodboard цветовую палитру. Для добавления фигур раскройте «Текст и украшения» и выберите «Фигуры». Выделите нужный объект, в нашем случае – прямоугольник.
Кликните на превью два раза, чтобы объект появился на странице, а затем нажмите на иконку в виде шестеренки для установки параметров. Здесь вы можете задать цвет, наложить или убрать рамку, загрузить текстуру и многое другое.
Вы можете использовать геометрические фигуры в дизайне мудборда
Образец шрифта и мотивация
Последний штрих – добавить образец шрифта. Для этого во вкладке «Текст» введите какую-нибудь мотивирующую цитату и нажмите «Добавить текст». После этого подберите шрифт, цвет, размер и стиль надписи. Вы можете выбрать полужирное или курсивное начертание, настроить выравнивание, а также добавить контур или тень.
Разнообразьте оформление мотивационной цитатой с красивым шрифтом
Захватите тестовый слой курсором и перетяните на свободный участок. Таким же образом можно добавить просто отдельные слова на подходящую тему или указать цветовой код для палетки.
Сохраните дизайн мудбоарда
Как видите, программа для создания мудбордов ФотоКОЛЛАЖ позволяет создавать макеты буквально за несколько минут. Осталось сохранить картинку или распечатать. Для экспорта воспользуйтесь командой «Сохранить JPEG с настройкой качества» из меню «Файл». Так изображение станет меньше весом и не потеряет качество.
Сохраните свой дизайн
Если вы хотите распечатать макет, кликните по иконке в виде принтера на панели с инструментами. Вы можете сохранить фото для печати в будущем. Для этого раскройте пункт «Файл» и выберите «Сохранить как изображение», в окне экспорта выставьте расширение TIFF. Это оптимальный формат для типографских макетов.
Также вы можете распечатать его на принтере
Примеры красивых мудбордов для вдохновения
Теперь вы знаете, как создать на компьютере мудборд доску настроения. Но что делать, если вдохновение никак не приходит? Специально для вас мы создали подборку красивых фотоколлажей для разных задач.
Креативный пример для упаковки фирменного бренда в стиле 60х-70х годов. Винтажные афиши, постеры и другая типографская продукция содержат цветовые палитры и нужные шрифты.
Подборка UX-дизайнера вместо стандартной палитры использует фотографии с подходящей цветовой схемой.
Если вы занимаетесь модой, mood board не обязательно должен включать в себя шрифт. Главное, чтобы в подборке прослеживалась единая эстетика, а фото вызывали ассоциации с выбранной темой.
Подборка SMM-менеджера для ведения аккаунта в Instagram*. Включает в себя примеры сториз, постов, цветовой гаммы, шрифтов.
Вдохновением для фотографа либо типографского верстальщика могут стать обложки со знаменитыми снимками.
Используйте в мудбоарде стилиста готовые цветовые сочетания PANTONE.
Если вы модельер или визажист, на доску можно заносить полезные заметки по теме.
Отличный пример персонального мудборта, который также можно использовать как вдохновение для интерьера.
Этот вдохновляющий коллаж для фотосессии включает в себя не только главную идею съемок, но также дает вдохновение для общей стилистики, поз и ракурсов.
Дизайн-проект спальни и гостиной в сканди-стиле с примером цветовой палитры.
Свадебный мудбоард может содержать цветовую палитру и образ самой невесты, а также идеи интерьера.
В заключение
В этой статье мы рассмотрели, как сделать мудборд для Инстаграм* пошагово и разобрали самые важные правила. Коллаж настроения незаменим для тех, кто связан с творческими сферами бизнеса. Красиво собранный фотоколлаж позволяет создать общее представление о будущей работе и помогает постоянно поддерживать креативный настрой. А еще такой проект станет украшением портфолио графического дизайнера, иллюстратора или стилиста.
Быстро создать любой тип муд борда вам поможет программа ФотоКОЛЛАЖ. Она удобна в управлении и, в отличие от онлайн-сервисов, позволяет свободно экспериментировать с оформлением проекта. Кроме того, помимо мудбоардов, вы сможете создавать постеры, открытки и приглашения, подготовить фотоколлаж на день рождения маме или создать генеалогическое древо семьи.
* — приложение компании Meta, признанное российским правительством как экстремистское
Что такое мудборд в дизайне на конкретных примерах и как его создать
У вас было такое, что вы придумываете какую-то идею, представляете, как это будет выглядеть в действительности, но как только начинаете делиться идеей со знакомыми, каждый раз слышите: «О чем ты, черт возьми, говоришь?».
Не волнуйтесь, есть один инструмент, который поможет решить эту проблему, и этот инструмент — мудборд (доска настроения).
Что такое мудборд
Мудборд — это тип визуальной презентации или коллажа, состоящий из изображений, текста и образцов объектов в композиции. Он может быть создан на основе заданной темы или быть любым материалом, выбранным наугад. Мудборд используется для выражения общей идеи, концепции или чувства по конкретной теме.
Мудборды могут помочь нам передать наши настроения, чувства и видение. Каждый творческий человек, будь то дизайнер, кинорежиссер, звукорежиссер, фотограф, используют доски настроения в своей работе, чтобы начать проект в правильном направлении, в котором этого хочет заказчик.
Типы мудбордов
Первый тип — физический. Он может состоять из элементов, таких как куски ткани, камни, украшения, фотографии, вырезки из журналов и т. д. Все эти элементы помогают вам донести уникальность бренда с помощью реальных физических объектов.
Второй тип — цифровой. Он может состоять из изображений, шрифтов, текстов, иллюстраций, текстур, значков, цветов и т. д. в цифровом пространстве. Такой тип более гибкий, чем физический.
В этой статье мы поговорим о цифровых мудбордах и о том, как их создавать.
Как создать мудборд
Цель мудборда — передать ваше воображение миру, поэтому вам необходимо определить:
Если для компании важно понять свои ценности, как она выражает их в своих продуктах?
Если вам мудборд нужен для личного проекта, определите, что послужило вдохновением для этой идеи и что вам нравится. Поймите свою аудиторию, встаньте на ее место, поймите ее мотивацию, а также ее симпатии и антипатии.
Возьмите лист бумаги и ручку, запишите все мысли, которые пришли на ум. Распределите их по категориям. Когда вы сузили все до нескольких ключевых слов, пришло время проводить исследования.
Поиск идей
На этом этапе мы найдем изображения, соответствующие нашим ключевым словам. Вот инструменты, которые можно использовать для поиска изображений визуальных элементов:
Социальная сеть, в которой вы найдете много идей для вдохновения. Введите ключевые слова в строке поиска, изучите предложенный контент и составьте коллекцию различных тем в соответствии с вашими предпочтениями.
Behance
Популярная социальная платформа веб-дизайнеров и тех, кто работает с разработкой визуального контента. На ней выкладывают свои работы специалисты и можно найти доску настроения и вдохновение для ваших творческих идей по любому запросу.
Dribble
Это отличная онлайн-платформа для сбора идей, созданная художниками и дизайнерами со всего мира. Она объединяет веб-дизайнеров и графических дизайнеров, специалистов по 3D-визуализации, чтобы делиться своими работами и рекламировать свои услуги.
На этапе исследования не думайте, а просто сосредоточьтесь на создании набора визуальных элементов, которые соответствуют настроению, которое вы выбрали. Размышления только отнимут время. Порой, необходимо быстро приступать к работе, чтоб ожидание результата не затянулось и конечный продукт получится сам собой.
Подборка изображений для мудборда
Подберите все изображения в соответствии с их общими визуальными темами либо фильтром, который вы хотите использовать. На этом этапе вам нужно будет удалить те изображения, которые выглядят одинаково. Расположите их так, чтобы это было понятно не только вам, но и зрителю.
Дополнительные инструменты
Есть инструменты, которые помогут выбрать подходящую цветовую палитру.
Ваша камера. Нет, это не шутка 🙂
Есть классное бесплатное приложение Adobe Capture, которое помогает делать снимки и генерирует цветовые схемы из фотографии. Чтобы позаимствовать идею, которая вас зацепила, вам просто нужно сфотографировать изображение.
Adobe Color — это инструмент, где вы можете ввести любое ключевое слово, и он предложит изображения с цветовыми палитрами.
Обзор мудборда
После составления разных концепций мудборда, мы можем составить обзор (это может быть видео-обзор) каждой организованной нами доски, чтобы облегчить понимание заказчику, который будет выбирать лучший вариант.
Обратная связь
Прежде чем представить мудборд целевой аудитории или клиентам, нужно опросить предварительную фокус-группу, чтобы понять:
Заключение
Это был простой 5-этапный процесс, позволяющий воплотить ваши идеи в жизнь. Продолжайте исследовать и собирать все, что вам нравится, и создавайте свой стиль.
Мудбординг — это воплощение вашего воображения в реальность, но есть определенные вещи, о которых вы должны помнить:
Что такое мудборды и зачем их используют дизайнеры и компании
Мудборд — это своего рода коллаж, который собран из разных графических, текстовых и визуальных элементов, для того чтобы продемонстрировать, как будет выглядеть готовый продукт или решение.
Обычно их используют дизайнеры: они приносят или показывают на компьютерах эти мудборды — грубо говоря доски, где собрана вся концепция будущего проекта, и спрашивают у заказчика: «Вот так?», и только после этого начинают работу.
Мудборды могут делать и сами заказчики; они могут приносить их дизайнерам и говорить: «Мне нужно вот так!». Это в разы сократит время взаимодействия и нервы обеих сторон. А идею получиться передать с максимальной точностью, что практически исключит недопонимание и разочарование в полученном результате.
Рассказываем что такое мудборды, с помощью каких сервисов их можно создать, и даем советы, как правильно их использовать.
Содержание статьи
Что такое мудборд?
Мудборд (от англ. mood board, или доска настроения) — это доска, физическая или цифровая, с коллажем, которой собран из разных графических, текстовых и визуальных элементов, для того чтобы продемонстрировать целостность будущего сайта, профиля в Instagram, какого-то приложения и так далее.
Например, в мудборд можно добавить:
Мудборд дает возможность поиграть с различным внешним видом и протестировать, какие ощущения продукт может передавать пользователям. Потратив немного больше времени и позволив себе поиграть с цветом, изображениями и узорами, вы лучше будете знать, какой продукт вам нужен. А дизайнер сможет предоставить максимально необходимый результат без лишних переделок.
Зачем нужен мудборд?
Создание любой компании не происходит за одну ночь. Исследование целевого рынка, анализ данных, интервью и многое другое входят в процесс создания полноценной компании. В постоянной конкурентной гонке важно быстро решать задачи, и мудборд сможет в этом помочь.
Проще и быстрее доносить мысли
Мудборд позволяет четко изложить принципы будущего дизайна того или иного продукта, что позволит любому члену команды создать доску настроения и максимально понятно донести свои мысли с помощью визуализации.
Экономить время
Мудборд помогает упростить взаимодействие заказчика с дизайнером. По сути, любой маркетолог может накидать мудборд, согласовать его с руководителем и отнести необходимому специалисту для дальнейшей реализации. Не нужно созваниваться, пытаться что-то объяснить устно, кидать по одной картинке в чат и так далее.
Например, если вам нужно отрисовать для макета красный автомобиль, покажите, какой именно «красный» вы имеете в виду и как конкретно должен выглядеть этот самый автомобиль. Ведь наше представление о чем бы то ни было отличается от представления другого человека.
У каждого из нас свое представление о Моне Лизе. Автор: Фернандо Ботеро, 1978 год
Помочь с коммуникацией внутри команды
Разработка мудборда — неотъемлемая часть процесса построения практически любого дизайнерского решения. Члены команды могут сообща работать над одним мудбордом и опять же быстрее достигать целей.
Как создать мудборд?
Первое, что нужно сделать — выбрать место, где вы будете создавать доску настроения. Существует два варианта, где вы сможете собрать свои идеи: в реальности или на компьютере. Выбирайте исходя из задачи и потребностей.
Физические мудборды — традиционный, олдскульный вариант. Как правило, для этого берут большой кусок пенопласта или доски и крепят на них детали концепции. В таком формате чаще всего используют что-то тактильное — ткань, дерево, бумагу — все, что можно или нужно потрогать.
Пример физического мудборда. Автор: sweetjessie on VisualHunt
Цифровые мудборды — куда более распространенные в диджитал-сфере. Они позволяют легко копировать и вставлять изображения из любых источников в Интернете. Можно вставлять текст с разными шрифтами, оттенки, фотографии и так далее.
Чтобы решить, сделать ли вашу доску настроения физической или цифровой, подумайте:
Сервисы для создания мубдордов
Есть много мест, где вы можете создать доску настроения в интернете с помощью бесплатных сервисов.
Эта платформа позволяет легко объединять изображения в тематические доски. Она особенно удобна для поиска новых изображений, поэтому платформу можно использовать по крайней мере на этапе исследования и поиска вдохновения.
Canva
Сервис собрал онлайн-инструменты для графического дизайна и предлагает бесплатную альтернативу дорогим сервисам. Canva имеет простой в использовании интерфейс «перетаскивания» и несколько вариантов шаблона.
Milanote
Это еще одно хорошее браузерное приложение. Оно включает в себя несколько удобных дополнительных функций, таких как возможность добавлять видео и картинки, файлы шрифтов и текстовые заметки, чтобы объяснить свои мысли.
Платформу не придумывали как место для мудбордов, но она для этого хорошо подходит. Пишите текст разными шрифтами, добавляйте картинки, фотки и другие элементы на бесконечную по размерам доску.
Советы при создании мубдордов
Помимо полета фантазии, мудборд должен решать ваши задачи; конечная и главная из них — это создание продукта, соответствующего рынку. Работая над мудбордом, помните о некоторых важных правилах.
Найдите источник вдохновения
Будь то короткая прогулка по парку или быстрый поиск картинок в поисковых системах, используйте это время для поиска вдохновения.
Посмотрите на работы конкурентов или разных дизайнеров, например на Behance.
Полистайте Instagram, не просто убивая время, а всматриваясь в разные иллюстрации, элементы, фотографии в поисках чего-то интересного.
Если активно следить за конкретными вещами, вы можете быть удивлены тем, сколько всего красивого и креативного вокруг.
Акцентируйте внимание на важных элементах
Если элемент на вашей доске настроения особенно важен, вы должны выделить его. Эмпирическое правило таково: размер и положение должны отражать важность этой вещи. Человеку, который будет работать с мудбордом, будет проще акцентировать внимание на важном элементе.
Тщательно выбирайте цвета
Правильная цветовая палитра всегда является важным выбором в дизайне. Оформление мудборда в этом плане не будет исключением.
Выберите определенный стиль для своей доски и используйте цвета, которые, по вашему мнению, будут хорошо сочетаться друг с другом. Подумайте о том, что вы пытаетесь передать в проекте и какие эмоции хотите вызвать у людей. Используйте это как отправную точку для выбора подходящих цветов.
Не забывайте, что выбор цвета зависит от палитры вашей компании. Если логотип и фирменный стиль оформлены в красно-синих тонах, то будет странно просить дизайнера сделать сайт зеленым. Единообразие цветов ведет к большей узнаваемости компании.
Не добавляйте много элементов
Мудборд — это всего лишь одна страница. Слишком большое количество элементов может привести к замешательству как дизайнера, так и клиента.
Если можно передать идею всего несколькими изображениями, сделайте это. Не перегружайте мудборд слишком большим количеством информации. Просто придерживайтесь ключевой идеи.
Соберите несколько мудбордов
Вы можете собрать несколько разных мудбордов для одного и того же проекта или концепции, а затем решить, какой из них вам больше нравится. Это отличный способ оценить различные вариации, которые вы могли бы использовать в одной и той же концепции.
Пример мубдордов на презентации идей для журнала мод (кадр из кинофильма «Из 13 в 30»)
Покажите вашим коллегам два варианта и попросите выбрать один из них. Это поможет вам принять решение.
Заключение
Мудборды — это удобный инструмент. Хоть он и предназначен для дизайнеров, им могут пользоваться абсолютно все. Поначалу сложно с точностью передать всю концепцию, но со временем у вас начнет получаться все лучше и лучше.
Продемонстрировав собственный мудборд дизайнеру, вы поможете ему понять ваши мысли и сделаете ваши идеи ясными и очевидными, а согласованность в работе непременно приводит к отличному результату.
Что такое мудборд — из чего он состоит и в чем его преимущество
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. С каждым годом количество творческих профессий растет. А с ними пополняется и лексикон людей, которые так или иначе связаны с этой деятельностью.
Вы наверняка не раз слышали одно из самых распространенных сленговых слов в цифровом пространстве — мудборд. Для многих этот термин вызывает как минимум недоумение, а как максимум — сомнения в своей осведомленности.
Разберемся, что такое мудборд, для чего он нужен и где зачастую используется.
Что такое мудборд
Мудборд — это визуальный коллаж из различных изображений, подобранных таким образом, чтобы передать определенное настроение и стиль. Другими словами, это мини-галерея из 10-15 элементов, оформленная так, чтобы абсолютно точно передать ту или иную атмосферу.
Чаще всего используется в творческих кругах среди дизайнеров, художников, фотографов, модельеров. Но нередко его используют обычные люди для того, чтобы вдохновиться на перемены, для самовыражения или же просто поделиться своим настроением с близкими.
Основная цель создания мудборда — показать главную суть и концепцию того, над чем предстоит работать.
Представьте, что вы говорите с человеком об одном и том же цвете. Наверняка каждый из вас будет по-своему представлять его оттенок и насыщенность. И это касается не только цвета. Так вот, чтобы избежать таких недопониманий и максимально быстро дать понять человеку, о чем идет речь, нужны мудборды.
Если провести аналогию с кино, то мудборд почти то же самое, что трейлер к фильму (если хотите — это своего рода спойлер будущего проекта).
Пример: для того чтобы передать настроение осеннего уюта, используются теплые оттенки, фото листьев, кресла-качалки, мягкого шарфа, выпечки, книги и т.д.
В чем его преимущества
Такой метод визуализации пользуется огромной популярностью и тому есть множество причин:
Помимо всего прочего, на его создание не уходит много времени. Согласитесь, что даже неподготовленный человек сможет за короткий промежуток времени собрать такой коллаж из тематических картинок. Что уж говорить о профи.
Из чего состоит мудборд
Наполнение мудборда напрямую зависит от его назначения. К примеру, блогеры и владельцы онлайн-магазинов в соцсетях нередко используют их для того, чтобы гармонично оформить свою страничку.
Мудборд в соцсетях помогает блогерам. Обычно он акцентирован на цветовые сочетания и красивые шрифты, стиль которых будет ненавязчиво повторяться в каждом посте. Это позволяет придерживаться одной стилистической направленности, поддерживает имидж, а в некоторых случаях — формирует бренд.
Однако больше всего таким визуальным методом пользуются дизайнеры различных направлений:
Не стоит путать мудборд со слепым копированием. Здесь речь идет ни в коем случае не о полном повторении картинки, а только лишь о настроении. Другими словами, если в нем присутствует зеленая лампа, то совсем не обязательно использовать ее в конечном проекте.
Нюансы создания
Понятно, что в век цифровых технологий такие коллажи создаются в различных приложениях и программах. Для этого нужно только собрать понравившиеся изображения в одном месте (photoshop, canva), чтобы потом было легко ими делиться с коллегами и друзьями. Но, для особо творческих людей этот процесс может принести больше удовольствия, если будет совершаться вручную.
Именно поэтому многие создают свои личные мудборды из журнальных вырезок и бумажных картинок. Для этого даже можно приобрести или смастерить специальную доску в виде сетки (настенный органайзер), и прикреплять к ней милые сердцу открытки, фото и прочие безделушки, создающие неповторимое настроение.
К слову, «mood board» в переводе с английского означает не что иное, как «доска настроения». Также в профессиональной среде такие коллажи называют «stylescapes» (доска стилей), и «inspiration board» (доска вдохновения).
Итак, теперь вы будете знать, что мудборд — это презентация общего настроения, набор визуальных элементов, которые точно передают идею и стиль проекта.
Согласитесь, полезная вещь, особенно для тех, кто не так красноречив и мыслит больше образами, чем словами. И возможно, у этого метода может быть гораздо больше применений, чем мы перечислили. Вдохновения вам.
Что такое мудборд и как его делать?
Что такое мудборд
Мудборд (mood board), или доска настроений – это коллаж из цветных или черно-белых изображений и шрифтов, который описывает внешний вид и настроение бренда так, как не могут описать слова. Он может помочь в принятии текущих дизайнерских решений и даже вдохновить на будущие бизнес-решения.
Для чего нужен дизайнеру
Мудборд является визуальным отражением бренда. Можно сказать, что это первый шаг к созданию руководства по бренду.
Доски настроений используются для:
Мудборд – это неотъемлемый ресурс дизайнера, к которому можно возвращаться в процессе DIY-проекта или при работе с командой, куда входят фотографы, другие дизайнеры или партнеры/спонсоры.
Как создать мудборд
Ниже приведено пошаговое руководство создания доски настроений, актуальное для дизайна мудбордов в любой отрасли.
Определение направления проекта
Доски настроения бывают декоративными и практическими (могут содержать шрифты, цветовые схемы и изображения, которые планируется использовать в конечной работе) или же направлены на изучение тона и настроения. Допускается создание черновиков для каждого из этих типов.
Сбор материалов
Теперь, когда выбрано направление для доски настроения, можно перейти к добавлению всех имеющихся письменных материалов. Это могут быть ценности бренда, позиционирование, теги или любые другие части брифа, которые вдохновят и помогут не сбиться с пути.
Далее нужно добавить любые логотипы и другие элементы бренда, такие как веб-сайты, блоги или фотографии. Возможно, они не войдут в окончательный вариант, но все же это отличная база для начала работы.
Добавление вдохновляющих образов
Изображения, которые будут использованы в окончательной версии moodboard, могут оказать большое влияние на внешний вид и настроение проекта, поэтому их следует выбирать тщательно! Эти изображения могут определять такие аспекты, как тон, кадрирование, освещение и цвет.
Если у дизайнеров имеется коллекция изображений в библиотеке вдохновения, сейчас самое время посмотреть, нет ли там уже чего-то подходящего. Или же можно начать с поиска визуальных элементов в интернете. Существует множество фантастических сайтов, где можно бесплатно найти визуальные образы, например, Dribbble, Behance и Designspiration.
Добавление элементов движения и звука
В онлайн-доску настроения можно вставить примеры, показывающие, как движение и анимация могут внести вклад в творческую работу.
Например, можно использовать несколько анимированных GIF из Giphy, видео с YouTube или даже аудио из Soundcloud, чтобы добавить движения и глубины в образ и ощущение доски.
Добавление цветов, шрифтов и файлов
Цвет может быть отличным способом передать особое чувство, индивидуальность или энергию.
Такие инструменты, как Kuler, могут стать отличной отправной точкой для поиска цветов, которые дополняют бренд, для которого создается мудборд. Еще один прием – выбирать цвета непосредственно из изображений и фотографий, уже добавленных на доску. Письменный язык также может многое добавить к доске настроения – через определенные слова, шрифты или метафоры. Галереи типографики, такие как Typewolf – отличный способ изучить различные комбинации шрифтов и их вес.
Организация мудборда
Как только все идеи будут собраны в одном месте, следующим шагом станет их упорядочивание для создания идеальной композиции.
Этот процесс может занять некоторое время, и у дизайнеров часто возникает ощущение неопределенности по поводу конечного результата. Скорее всего, по итогу на черновике окажется больше материалов, чем нужно, и это будет выглядеть хаотично. И это нормально!
С этого момента следует начать изучать основы композиции и введения иерархии. Для этого нужно поместить ключевой элемент, например, логотип, в центр, чтобы закрепить доску, и изменить размер и положение остальных элементов, чтобы показать их важность и взаимосвязь друг с другом.
Вдохновение как постоянный спутник
Сложно предугадать, когда нахлынет вдохновение: оно может осенить в душе или во время прогулки по рядам продуктового магазина. Поэтому рекомендуется заранее позаботиться о том, чтобы иметь под рукой инструмент (телефон или блокнот) для фиксации новых идей на ходу.
Передача посыла
Для дизайнеров, обладающих визуальным мышлением, мудборд – это бесценный инструмент, позволяющий передать суть проекта так, как иногда не удается передать словами. Но если в задачи проекта входит передача его посыла клиентам или команде, важно включить в него письменные заметки. Это поможет объяснить идеи и сохранить все в контексте. И не обязательно вдаваться в подробности – это можно сделать в виде примечаний в документе, надписей или даже эмодзи.
Развитие идей вместе с командой
Неважно, сколько специалистов работает над созданием мудборда: делиться идеями с другими людьми может оказаться полезным для мозгового штурма.
Цифровая доска настроения полезна для этого шага, поскольку процесс позволяет легко подключиться и сотрудничать в режиме онлайн. Привлечение всех на одну страницу в режиме реального времени позволяет работать над концепциями и обеспечивает последовательность и гармоничность проекта.
Обратная связь
В любом творческом проекте важно быть открытым для конструктивной критики. Когда первая версия доски настроения готова, самое время запросить обратную связь. Для этого специалист должен быть уверен в своей открытости для предложений и улучшений.
Инструменты для создания мудбордов
Те, кто все еще не совсем представляет, что такое мудборд и как его делать, могут воспользоваться подручными инструментами, чтобы попрактиковаться:
Доска настроения – это удобный инструмент, который можно использовать для принятия решений по бренду, будь то запуск нового продукта, планирование следующей кампании или разработка нового логотипа. Создание мудбордов полезно не только для бизнеса, но и для хорошего настроения!
Мудборд что это такое
Мудборд в маркетинге — это инструмент, который помогает маркетологам (часто совместно с дизайнерами) определить и согласовать концепцию проекта или макета.
Традиционно мудборд отвечает за визуальную составляющую — цвета, шрифты, референсы. Вот примеры классических мудбордов:
Однако предлагаем расширить понятие мудбордов в маркетинге и не воспринимать их как исключительно доску с «красивыми картинками».
Мудборды могут быть более функциональным инструментом и решать не только визуальные задачи. Мы в WIM.Agency создаем разные мудборды для разных сегментов ЦА и включаем туда как референсы для дизайна, так и Tone of Voice для конкретной аудитории.
Таким образом, мудборд от WIM — это мини-презентация, которая содержит:
подробное описание группы ЦА
пример текста в определенным ToV
Обычно WIM делает такие мудборды для сегментирования в рамках CRM-маркетинга — для подготовки email-рассылок.
Зачем нужны такие мудборды
В последние лет пять маркетинг делает ставку на персонализацию. Подход, когда на всех клиентов (действующих или потенциальных) компании транслируется одна и та же коммуникация, больше не работает. Люди хотят видеть то, что нужно или интересно именно им. Чем уже сегменты, тем выше конверсия.
Мудборды в нашем случае — это часть стратегии по персонализации. С их помощью мы выделяем и узкие группы ЦА, и подачу по тексту и визуальному стилю, которая будет лучше восприниматься той или иной аудиторией.
Так мы можем создавать и отправлять разные по формату макеты на разные группы — и ожидать лучший отклик, хорошие конверсии и повышение лояльности со стороны клиентов.
Более того, исследование компании McKinsey подтверждает, что особый подход к дизайну влияет на продажи и повышает доходность бизнеса.
Эксперты McKinsey предлагают:
применять аналитический подход к дизайну,
использовать потребительские инсайты с самого раннего этапа,
тестировать идеи и предположения,
обсуждать дизайн с клиентами и реагировать на их замечания.
Мудборды служат основой для АБ-тестирования — можно проверять разные визуалы, а затем вносить в мудборды изменения в соответствии с выводами.
Другими словами, не стоит относиться к дизайну как к просто «красивой картинке». Эта картинка может складываться из множества факторов и выводов, а не только из чувства прекрасного дизайнера (или менеджера проекта).
Итак, мудборды нужны, с чего начать их производство?
Начинаем с исследования аудитории
Первое — определить и подробно описать аудиторию, точнее, целевые группы.
Что может входить в исследование:
характеристики группы (оптимистичные, сильные, открытые и т.д.);
предпочтения, ценности, желания;
страхи — чего боятся или избегают;
отношение к покупкам: как делают выбор, на что обращают внимание;
девиз — краткая и емкая фраза, которая характеризует ЦА.
Для примера возьмем один воображаемый сегмент (совпадения с реальными случайны). Назовем его «Хранительница очага». Что это за люди?
Хранительница очага
Конечно, это лишь условный и сокращенный пример описания целевой группы. Результаты зависят от задач и исследовательской компании.
Кто готовит такие исследования в России
При наличии значительного бюджета лучше всего обратиться в крупную исследовательскую компанию — в России это Ipsos, Mediascope, GfK Russia и другие.
Например, посмотрите, как специалисты Ipsos поделили мам на 7 сегментов — от амбициозных до эгоистичных. На основе даже такого краткого описания можно продумать разные визуальные подходы в коммуникации с той или иной группой.
Методологии исследований могут разнообразные:
CAPI (интервьюер лично задает вопросы респонденту),
CATI (телефонные опросы),
CAWI (опросы через интернет),
Фокус-группы (респонденты обсуждают поставленный вопрос в группах по человек при участии ведущего)
При скромном бюджете можно попытаться провести исследование своими силами — пусть не такое масштабное, как могли бы сделать специальные компании, но все же смысл в этом есть.
Как идея: сделать онлайн-анкетирование и разослать предложение пройти опрос в email-рассылке. Скорее всего, вопросов будет много, поэтому желательно дать подписчикам мотивацию — например, промокод на скидку за ответы.
Составляем мудборды и тексты для описания ЦА
Итак, исследование ЦА готово, ключевые группы определены. Дальше за дело берутся маркетолог, дизайнер, копирайтер.
Маркетолог ставит задачи команде продакшн и дает свое видение — как должны выглядеть коммуникации для того или иного сегмента.
Дизайн
Дизайнер начинает продумывать визуальный стиль для каждой группы. Графическая составляющая мудборда состоит из 5 элементов: цвета, образы, типографика, геометрия (формы объектов), композиция. Правильно подобранные составляющие позволяют передавать пользователю нужные эмоции.
«Хранительница очага» ассоциируется с чем-то теплым, пастельным, мягким. Цветовая палитра подобрана на основе стойких ассоциаций, к примеру:
травяной — цвет домашних растений, рассады, овощей и эко-тематики
персиковый/терракотовый — цвет домашней выпечки, котиков, деревянной мебели и загородного дома
кремовый/слоновая кость — цвет льняного постельного белья, чистоты и уюта.
Акцент при выборе референсов стоит делать на впечатлении от визуала. Очень помогают собственные воспоминания из детства, ассоциации с той или иной характеристикой выбранной аудитории. Также стоит принимать во внимание актуальные тренды лайфстайла, понимать интересы выбранной аудитории.
Юлия Светлицкая
Дизайнер WIM.Agency
Копирайтинг
Копирайтер продумывает, какой Tone of voice подойдет для определенной группы лучше всего. Можно писать более креативно или более сдержанно. Даже один оффер получится подать по-разному и акцентировать внимание читателя на чем-то особенном.
Если говорить про «Хранительницу очага», то мы уже знаем, что это точно женщина и чем она интересуется. Приоритеты этой группы — забота о семье и здоровье, значит, делаем упор именно на них. Писать нужно просто, понятно, без сленга и англицизмов. В идеале добавить эмоций, но и не забыть подчеркнуть выгоду, ведь ЦА не будет делать спонтанных покупок. Важно показать, как услуга или товар бренда сделают жизнь комфортнее. Обращаемся на вы.
Ксения Ножкина
Руководитель копирайтеров в WIM.Agency
Допустим, если предлагаем товары для кухни со скидками до 50%. Текст может быть таким:
Также в рамках мудборда копирайтер составляет описание сегмента, опираясь на выводы исследования.
Когда дизайнер и копирайтер подготовили визуалы и пример текста, собираем мудборд в единый файл. На этом этапе смотрим всю «картину» целиком, дорабатываем мудборд, если появились комментарии и дополнения.
Как это выглядит
Вот так может быть оформлен мудборд для целевой группы «Хранительница очага».
И теперь можете посмотреть цельную картинку — как будет выглядеть полный мудборд для одного сегмента.
По такому же принципу оформляем все остальные целевые группы.
Вывод
Мудборды для разных аудиторий готовы, что делать дальше? Внедряем их в работу и следим за метриками. Очень важно грамотно поделить базу на сегменты и транслировать группам «правильные» смыслы и визуалы.
Спустя время сравниваем показатели. Если видим рост, то значит, все сделано корректно — визуалы и картинка «зашли» конкретной группе пользователей. Но если ничего не поменялось или даже стало хуже, то ищем причины. Например, неверно выделили сегмент или не удалось считать предпочтения аудитории.
Так или иначе, тестирование — наше все. Именно тесты и оптимизация помогут достигнуть лучших результатов.
По опыту WIM.Agency, мудборды — это полезный и важный инструмент в эпоху тотальной персонализации, который может позитивно повлиять на эффективность маркетинговых коммуникаций.
Ищете исполнителя для реализации проекта?
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.