Подписаться
Я согласен на обработку персональных данных в соответствии с политикой конфиденциальности и пользовательским соглашением

* Поля обязательные для заполнения

ЗАКАЗАТЬ ЗВОНОК
Я согласен на обработку персональных данных в соответствии с политикой конфиденциальности и пользовательским соглашением

* Поля обязательные для заполнения

Mood Board - поиск вдохновения и взаимопонимания

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

fab816233699cb405a9f40dd83592648.jpg

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

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

9ab437e3aaf75a3bf3fec74b42a040eb.jpg

Существует несколько рекомендаций по составлению мудбордов:

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

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

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

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

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

f6f57d256419741871262a1bdd0510a8.jpg

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

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

1. Pinterest 

7ba8144b71ec72386ac415ce2dfa2c51.jpg

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

2. Moodstream

607221b5f3e098a5933fce57311f04a3.jpg

Ресурс разработан сервисом Getty Images и предназначен для поиска действительно подходящих картинок: пользователь устанавливает нужные параметры «настроения» изображений, сервис подбирает наиболее подходящие и выводит их в формате слайд-шоу, сопровождая всё это действо небольшим аудио-отрывком. Приятный бонус ресурса — можно подобрать не только картинки, но и видео.

3. Musepeak

c768e7dbace48f9752d139da65c01bee.jpg

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

4. Olioboard

1003b10f7332a9dbc6bf2bd0a054d4f8.jpg

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

5. Mural.ly

0e308d3c911b5c35fe646c26b9aff3d1.jpg

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

6. Matboard

cdfb8bbf581c2c2fe257c3dbf23d3a89.jpg

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

7. Pattern Tap

b30818c7e3edd6114c3a8ee28aab4628.jpg

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

8. Polyvore

60ab8086fd999f1180f0effdae53834d.jpg

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

9. Sampleboard

11f7a3dd2f69e5ee000f3f6063d4f964.jpg

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

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

94b8d398ea722ced39f39e71ecb30b62.jpg

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

6d4e12674e4834e59c353a184e9634e7.jpg

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

be106e7b2683297501b4953e29dd6851.jpg

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


Поделиться в соцсетях