8-800-250-65-58
Приветствую!
Меня зовут Сферикс! Я знаю много об iМаркетинге и с радостью поделюсь своими знаниями :) А если вы хотите получать полезные знания регулярно, просто подпишитесь на рассылку.

Что такое мудборды и для чего они нужны?

17.08.2018

Веб-дизайн

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


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

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

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


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

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

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

Для чего нужны мудборды, пример 1


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

 

4. Мудборд служит источником вдохновения. Работа над картой настроения помогает настроиться на работу, объединить все идеи в одном месте, вместо того, чтобы долгое время сидеть над чистым листом в Photoshop.

Для чего нужны мудборды, пример 2


Правила создания мудбордов

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

Правила создания мудбордов, пример 1


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

Правила создания мудбордов, пример 2


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

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

Правила создания мудбордов, пример 3


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

Правила создания мудбордов, пример 4


6. Чтобы тратить как можно меньше времени на создание мудборда, используйте специальные сервисы.

Colorlovers.com – для выбора цветовых схем.

Mural.ly – для совместной работы над мудбордом, ресурс с встроенным поиском картинок.

Правила создания мудбордов, пример 5


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

Realtime Board – еще один сервис для совместного создания мудбордов. Попробуйте его интерфейс.

Pinterest.com – ресурс, знакомый всем дизайнерам. Здесь наберется материал для мудборда среди подборок других пользователей.

Правила создания мудбордов, пример 6


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


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

1. Использование длинных фраз или переизбыток текста в логотипах. Лучше всего передать образ помогает совсем не текст, а цвет и фото-образы. Учтите это при создании мудборда.

Ошибки при составлении мудбордов, пример 1


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

Ошибки при составлении мудбордов, пример 2


3. Сложные и неочевидные ассоциации. Как связаны между собой кофе и кроссовки? Не заставляйте заказчика и пользователей «додумывать» ваши мысли. Сделайте мудборд таким, каким его увидит и поймет каждый.

Ошибки при составлении мудбордов, пример 3


4. Частое использование одних и тех же изображений. Не поленитесь подобрать несколько похожих картинок (чтобы они не повторялись) или сделать фото для мудборда с нескольких ракурсов. Это поможет лучше передать идею и  исключить эффект «усталости» от образа.


 

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

Добавить комментарий:

Ваш e-mail не будет опубликован.

Имя:

E-mail:

Комментарий*:

Введите символы, изображённые на картинке: *
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности.

Отправьте нам свой номер телефона,
и мы вам перезвоним!

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