Что такое мудборды и как их создавать

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

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

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

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

Отличия от референса

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

Пройдите курс «Графический дизайнер» в онлайн-университете Skypro и подробно изучите мудборды, референсы и полезные программы. Соберете сильное портфолио еще во время учебы. Разработаете дизайн email-рассылки, создадите презентации для продуктов и подготовите дизайн лендинга. У вас будет возможность показать работодателю не только свои навыки, но и готовые проекты.

Из чего состоит мудборд

Эти элементы создают общий стиль и настроение проекта:

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

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

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

  

  На My Brand New Logo выбирают цвета по характеристикам, например винтажные или яркие

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

  

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

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

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

  А еще можно загрузить фото или коллаж на сайт Imgonline и установить нужные оттенки.

• Шрифты. 

  Шрифт тоже влияет на то, как люди воспринимают бренд. Он передает характер проекта: серьезный, веселый, креативный или классический.Поищите шрифты на Google Fonts — там много бесплатных вариантов. Или посмотрите на платных сервисах, например на Paratype.

  

  У популярных шрифтов есть комментарии с характеристиками. Источник: www.paratype.ru

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

  Короткая и вдохновляющая фраза с Pinterest

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

  Фруктовые паттерны с Pinterest

  

  Фруктовые паттерны с Pinterest

  

  Фруктовые паттерны с Pinterest

  

  

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

  Уютная иллюстрация цветными карандашами с Pinterest. Подходит для детской книги

  

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

  Выбирайте не только настроение, но и технику работы: например, карандаш, акварель, цифровой или ручной рисунок, полноцветный или контурный вариант.

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

  Источник: https://ru.pinterest.com/pin/488710997064157026/

  

  Источник: Pinterest https://ru.pinterest.com/pin/488710997064157026/

  

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

Источник: graphicdesignjunction.com

Чего быть не должно

Главное — мудборд должен быть понятным. Нужно избегать:

• Противоречий. Показывайте только одну идею с разных сторон: цвет, шрифт и фотографии. Примеры не должны противоречить друг другу. Не добавляйте в мудборд кадры из современных фильмов, если идея основана на старом черно-белом кино. Лучше создайте несколько мудбордов — будет легче выбирать.
• Личных предпочтений. Мудборд должен отражать цель проекта, а не ваши предпочтения. Если заказчик предпочитает современный стиль, а вы — винтажный, не добавляйте старинные узоры и пастельные тона на доску.
• Сложных ассоциаций. Доска должна отражать идею и настроение. Чем проще она будет, тем легче определить концепцию. Сложные символы можно использовать позже, например когда будете создавать логотип.
• Клишированных фото и иллюстраций. Ищите уникальные изображения без голливудских улыбок и других штампов.

Например, атмосферу в офисе можно показать так:

Источник: Istockphoto

Источник: kdelu.vtb.ru

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

Такая же атмосфера и на курсе «Графический дизайнер» в Skypro. Опытные преподаватели не оставят вас одного, а подробно объяснят все сложные моменты. Заботливые кураторы всегда поддержат и помогут дойти до конца. А в центре карьеры помогут составить резюме, которое выделит вас среди конкурентов.

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

Есть несколько популярных мест.

• Платные и бесплатные фотостоки.
  Shutterstock — миллионы изображений разного вида: фото, видео, аудио и 3D. Есть бесплатный пробный период — можно скачать до 10 изображений. А еще встроенный фоторедактор.
  Stock.adobe — сервис от компании Adobe, поэтому интегрируется с Creative Cloud. Подходит для дизайнеров, видеоредакторов и иллюстраторов.
  Unsplash — бесплатный сток с более чем двумя миллионами изображений. Много уникальных работ в хорошем разрешении. Специализируется только на фотографиях.
• Сервисы для вдохновения.
  Pinterest — один из самых популярных. Здесь найдете идеи и товары со всего интернета. Просто введите ключевые слова, например «свадьба в скандинавском стиле», и сервис предложит разные пины — материалы по теме. Шрифты, рисунки, фотографии, готовые мудборды и товары. Нажмите на карточку пина, и увидите ссылку с подробной информацией.
  Designspiration — похож на Pinterest, но ориентирован на дизайнеров и художников. Здесь можно искать идеи по цветам, стилям и темам.
• Сообщества дизайнеров.
  Behance — социальная платформа, где дизайнеры, видеографы, иллюстраторы и 3D-визуализаторы делятся своими лучшими проектами. Можно искать проекты по тематике или просматривать самые популярные за разные периоды.
  
  Dribbble — похожая платформа, где специалисты часто размещают свои работы на разных сайтах, чтобы привлечь внимание. Здесь тоже есть фильтры: брендинг, иллюстрации, дизайн продукта, типография и другие.
  Awwwards — специализированное сообщество с идеями для веб-дизайнеров и разработчиков приложений.
• Офлайн.
  Окружающий мир — отличный источник вдохновения. Люди в кафе, билборды на дорогах, случайные ситуации или красивые закаты — всё это можно использовать в мудборде.

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

Эти простые шаги помогут создать уникальную доску.

1. Изучите работы конкурентов.
   Смотрите не только на свои проекты, но и на работу других специалистов. Какие цвета и образы они используют, как передают настроение. Так вы не повторите стиль конкурентов, а создадите что-то оригинальное. А еще найдете хорошие работы и подчеркнете интересные моменты.
2. Выберите концепцию.
   Определитесь с одной идеей и проработайте ее со всех сторон: настроение, цвета, материалы. Если есть несколько вариантов, посмотрите, чем они различаются. Не смешивайте разные идеи в одном мудборде — лучше создайте отдельные доски.
3. Выберите подходящие фото.
   Важен общий стиль мудборда. Не вставляйте много фотографий — хватит и пары, чтобы передать настроение. Используйте изображения, которые хорошо сочетаются друг с другом. Так концепция будет более ясной.
4. Определитесь с цветовой гаммой.
   Используйте готовые цветовые подборки или создайте свои с помощью цветового круга. Вдохновляйтесь фотографиями, которые уже собрали. Если не находите удачных сочетаний, выберите понравившиеся цвета и проверьте, как они смотрятся вместе.
5. Выберите шрифт.
   Необязательно искать конкретный шрифт. Определитесь, какой именно нужен, например антиква, брусковый или рукописный. Так будет проще найти подходящий вариант среди платных и бесплатных шрифтов.
6. Составьте композицию.
   Соберите все материалы в одном месте. Необязательно выравнивать изображения — мудборд не должен выглядеть как рекламный баннер. Просто постарайтесь логично расположить элементы: соберите цвета в одной части, материалы — рядом, а фотографии — отдельно. Так будет проще понять идею проекта.

Где создать мудборд

Есть разные программы: Paint, PowerPoint, Figma или Photoshop. Если не знаете, как с ними работать, используйте онлайн-сервисы.

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

SampleBoard — платный сервис. Стоимость — от $12 в месяц. Мудборд можно сохранить как презентацию, можно поделиться с ним в соцсетях.

Niice — платный сервис, от $83,25 в месяц. Большая галерея изображений, можно подключить до 10 пользователей. Есть бесплатный вариант, но в нём все работы публичные, можно создать только 5 мудбордов.

Figma — здесь очень удобно создавать мудборды. Загрузите несколько изображений в рабочее пространство, и программа автоматически их расположит. У Figma много инструментов: можно перекрашивать, подписывать и даже анимировать элементы. Программу используют в браузере или устанавливают на компьютер.

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

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

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

Источник: Pinterest

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

Источник: Pinterest

Этот мудборд определяет концепцию магазина ювелирных украшений.

Источник: Pinterest

Главное о мудборде

• Мудборд помогает понять и визуализировать идею. Обращайте внимание на все элементы: цвета, фотографии, иллюстрации, шрифты, узоры и материалы.
• Мудборд — вдохновляет и задает общее направление. Референс — это конкретный пример, на который ориентируетесь.
• Не создавайте хаос. Мудборд должен представлять одну идею, а не искать ее. Элементы должны гармонично сочетаться друг с другом.
• На хорошем мудборде не должно быть много текста. Если нужно пояснить что-то, используйте короткие заметки. Чем меньше текста, тем лучше.
• Собирайте мудборды любым способом: вручную, в онлайн-сервисах или с помощью специальных программ.