Как сделать мудборд в фотошопе

30 января 2015 | Опубликовано в статьюшечки | 1 Комментарий »

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

Если вы не обладаете телепатическими способностями, донести творческую составляющую идеи будет непросто, особенно если вы не обладаете ораторским талантом. Мудборды позволяют «заглянуть в голову» дизайнеру и понять тему, которую он описывает.

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

В поисках вдохновения

01. Ищите вне цифрового мира

Во время работы над новостным сайтом ITV, дизайнеры использовали в качестве ориентира журнал Picture Post

Для создания мудборда проще и заманчивее всего обратиться к Google Images. Но не стоит зацикливаться на виртуальном пространстве только потому что вы разрабатываете проект для веба.

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

02. Фотографируйте вне дома

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

Создание мудборда

03. Базовый концепт

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

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

04. Выберите правильный формат

Мудборд для Unicef

Для начала выясните каким образом вам предстоит представить мудборд: лично или по почте. В зависимости от этого, вы будете создавать мудборд в цифровом или физическом формате. Разница очень существенна: разные форматы требуют разных подходов .

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

Финальный дизайн для Unicef

05. Стройте мудборд вокруг большой картинки

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

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

06. Добавьте тактильности

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

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

Метод может показаться устаревшим, но поверьте: этот проверенный годами способ является настоящим тузом в дизайнерском рукаве. Просто будьте осторожны с лезвием.

Как подать мудборд

07. Покажите мудборд раньше

Иллюстрации настроения для дизайна упаковки Daft Punk

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

В примере из этого пункта были использованы настроенческие изображения (кадры из фильма «2001 год: Космическая одиссея» и каска), чтобы показать стиль и величие, с которыми должен ассоциироваться проект для Daft Punk. Сочетание картинок с презентацией — вместо того, чтобы представить их отдельно позже — делает общение с клиентом эффективнее .

08. Постарайтесь не испортить сюрприз

Важно проследить за тем, чтобы ответственный менеджер не выслал клиенту мудборд на почту до презентации. Если ваш мудборд настоящий — это еще лучше! Представьте доску настроений в нужный момент, сопровождая вашими объяснениями, а не вопросами, которые клиент может задать себе сам, просматривая мудборд заранее .

09. Участвуйте в презентации

Если ваш мудборд нужно представить клиенту, постарайтесь сделать это лично. Если рассказывать о настроении и теме проекта будет не тот человек, который этим занимался, может получиться испорченный телефон и ваши идеи донесут неверно .

10. Сохраните свободу действий

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

Если вы используете фотографии из платных галерей, не переживайте по поводу водяного знака — все это как бы говорит: “Смотри! Все можно изменить! Это только идеи чувств на доске “.

11. Следите за мимикой аудитории

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

Ваша задача — передать этим людям свое настроение, поэтому смело игнорируйте их бормотание и следите за эмоциями.

Общие рекомендации

12. Оттачивайте навык создания мудбордов

Гуру брендинга Landor Associates использовали формат мудборда, чтобы представить себя другим членам команды. Они представили информацию в девяти изображениях — 3×3, в которых рассказали о себе, своих интересах, увлечениях, страстях и страхах. Так что если вам хочется попрактиковаться в создании мудбордов, последуйте их примеру!

13. Добавьте текста!

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

14. Сделайте тему очевидной

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

15. Старайтесь вызвать эмоциональный отклик

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

16. Не будьте слишком самонадеянны

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

17. Тестируйте свой мудборд

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

18. Веселитесь!

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

Использование мудбордов

19. Используйте мудборд для создания брифа

Мудборд для мультипликатора Тома Бейкера для работы над мульт-сериалом «Мстители»

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

20. Используйте мудборды на различных стадиях утверждения работы

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

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

Авторы статьи Paul Wyatt и Tom May

Как создать мудборд для клиента

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

Как это работает?

Давайте посмотрим, как этап создания мудборда вписан в мой дизайн-процесс.

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

Новое. Журнал для digital-дизайнеров. Посмотреть, что за зверь.

1. Клиент создает доску в Pinterest

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

Я прошу клиентов приколоть на доску как минимум 5 логотипов, 5 шрифтов, 5 дизайнов сайта и 5 цветовых палитр, но обычно они уходят в отрыв (обожаю это!) и собирают гораздо больше всего.

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

2. Я создаю мудборд, используя картинки с доски клиента в Pinterest

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

Так зачем создавать мудборд, если клиент уже создал доску вдохновения в Pinterest?

Я создаю мудборд по двум причинам:

1. В мудборд я включаю ТОЛЬКО главное. К примеру, если клиент собрал много розово-голубых палитр и несколько коричневых оттенков, в мудборд пойдут только розово-голубые.
2. Чтобы не открывать доску в Pinterest всякий раз, когда я работаю над дизайном, я просто всегда держу перед глазами мудборд в Photoshop или Illustrator. Это помогает мне не сбиться с пути в процессе создания дизайна.

Просто посмотрите на пример ниже. Сразу понятно, что этот мудборд дышит женственностью и счастьем — значит, именно такие чувства должен вызывать бренд моего клиента. А еще, здесь видно, какую палитру я предлагаю и какой логотип и шрифты можно попробовать.

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

Хотите создавать свои мудборды?

Процесс создания мудборда в Photoshop бывает довольно скучным, поэтому я создала 5 бесплатных шаблонов и видеоинструкцию, как ими пользоваться.

Если вам понравилась статья и перевод, дайте нам знать — нажмите 👏 (можно “хлопать” несколько раз!)

А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.

Мобильное приложение «Заметки о психике» | Mental Notes

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

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

Мудборд

Что это такое, и зачем он нужен дизайнерам?

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

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

Мудборд (иногда их еще называют inspiration boards) — это своеобразное превью будущего дизайна. Он помогает презентовать и согласовать с клиентом визуальные составляющие вашего проекта:

• Фотографии или иллюстрации.
• Цветовые схемы.
• Шрифты.
• Текстуры материалов.
• Слоганы или заголовки.
• Логотипы компании заказчика или продвигаемого продукта.
• Иконки, кнопки, паттерны.

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

Чего не должно быть в мудборде

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

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

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

4. Часто используемые изображения. То, что образы должны быть понятными, однако, не значит, что нужно подбирать самые очевидные и стереотипные фото. Будьте креативны при поиске.

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

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

Если вы делаете мудборд на компьютере, обязательно включите в него образцы красивых стоковых изображений. Их легко найти на PressFoto. А незаметный водный знак не помешает просмотру коллажа.

Сервисы для создания виртуальных мудбордов

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

Вот некоторые из них:

1. Olioboard

Сервис предназначен для дизайна интерьеров в 2D и 3D. Готовыми работами можно делиться на Facebook, Twitter, Pinterest и т. д. А если вы зарегистрируетесь на сайте, сможете также сохранять свои коллажи. Также можно посмотреть работы других пользователей.

2. Niice

Еще один простой и удобный инструмент для создания мудбордов. Есть возможность завести бесплатный или профессиональный аккаунт. Niice имеет собственную галерею изображений, которые можно использовать. Если их вам будет достаточно, то можно обойтись бесплатным аккаунтом. Однако если вы хотите загрузить свои иллюстрации или сохранить готовый мудборд в jpg, то придется перейти на аккаунт Pro. Еще один минус бесплатного аккаунта в том, что все ваши коллажи будут публичными (если это, конечно, вас смущает.)

3. Realtime Board

Сервис отличается дружественным интерфейсом, а бесплатная версия позволяет вам хранить в своем аккаунте до 3 коллажей общим весом не более 100 МБ. Загрузки файлов с высоким разрешением запрещены, зато можно пригласить 3 зарегистрированных пользователей для совместной работы над проектом. Для платных аккаунтов нет ограничений, а также возможны видеозвонки и удаленные демонстрации (другие пользователи смогут видеть картинку с вашего экрана.)

4. Sampleboard

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

5. Moodboard

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

Где найти вдохновение?

Для мудбордов вам понадобится много хороших изображений и образов. Где же их взять?

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

Подпишитесь на несколько хороших сообществ для дизайнеров в соцсетях. Часто именно в социальных медиа пользователи делятся примерами своих работ. Возможно, что-то из их творчества вдохновит и вас. Очень советуем вот эту подборку мудбордов на Pinterest.

Добавьте в закладки браузера несколько сайтов для дизайнеров, фотографов и художников. Также неплохой способ найти новые идеи. Например, на Fontli и iLovetypography вы найдете интересные шрифты. На ColourLovers есть интересные паттерны, цвета и палитры.
А на Behance или DeviantArt можно найти почти все, что связано с творчеством.

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

Мудборды — это удобный инструмент. Он не только позволит дизайнеру раскрыть все свои креативные возможности, но и поможет точно донести идеи до клиента. А взаимопонимание очень облегчает работу над проектами.

Источники:

http://www.dejurka.ru/articless/advices-for-creating-moodboard/
http://medium.com/%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-%D0%B2%D0%B8%D0%B7%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B3%D0%BE-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B0/%D0%BA%D0%B0%D0%BA-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D0%BC%D1%83%D0%B4%D0%B1%D0%BE%D1%80%D0%B4-%D0%B4%D0%BB%D1%8F-%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B0-ba8ba00cf2fe
http://studio.everypixel.com/ru/blog/tips-for-creating-mood-boards/