Как сделать доску настроения
Как создавать мудборды: 10 сервисов для дизайнеров
Мы уже писали о том, где можно искать референсы, если вы создаете рекламу. Но найти подходящие примеры — это только половина дела.
Мудборды помогают связать собранные визуалы в цельную и логичную композицию, которая позволит вам описать и защитить свою концепцию. В формате мудборда референсы лучше передают настроение и идеи, которые сложно перевести в текст.
Сегодня расскажем, какие сервисы помогут максимально быстро и удобно создать из набора референсов красивый мудборд. В этой подборке мы не ограничиваемся только конструкторами (коллаж, в конце концов, можно сделать и в Photoshop), а предлагаем интересные сервисы для их поиска и составления.
1. Pinterest
В самой основе концепции этой соцсети лежат мудборды. Можно создавать тематические доски со ссылками на ваши материалы, загружать референсы с сайтов, каталогизировать их по подтемам. Сервис не подойдет для формирования готовых коллажей для мудбордов, но может служить удобным хранилищем разных идей. Система рекомендаций Pinterest будет предлагать свежие варианты на основе уже сохраненных пинов.
Главное, что регистрация на Pinterest бесплатная. Неплохой способ начать собирать свои мудборды. Но помните, что придется самостоятельно продумывать структуру досок и подразделов, а навигация по сохраненным не самая удобная — Pinterest скорее хранилище, чем каталог с полноценной навигацией.
2. Eagle
Представьте, что в Pinterest добавили возможности сортировать картинки по цветам, тегам, ключевым словам, форматам, поиск по комментариям… Получите сбывшуюся мечту дизайнера или библиотеку Eagle.
Основной функционал мы уже описали, вам остается только попробовать все фишки сервиса, а их очень много. Eagle работает со всеми мыслимыми и немыслимыми форматами файлов, с помощью расширений помогает сохранять изображения прямо из браузера, предлагает массу вариантов для каталогизации ваших референсов и всячески сокращает время на подготовку мудбордов.
3. Niice
Еще один комплексный инструмент для создания мудбордов. Это не столько библиотека для хранения референсов, сколько подход к совместной работе. Здесь можно сохранить и референсы, и гайдлайны, и текущие проекты — в результате получится хаб со всеми необходимыми материалам для совместной работы со множеством подрядчиков.
4. Plot Parade
Интересный маленький сервис дизайнера из Будапешта по созданию оригинальных инфографик пригодится, чтобы вдохновиться перед созданием, например, презентаций с годовым отчетом компаний.
Здесь вы найдете несколько вариантов оформления данных, которых достаточно, чтобы сделать диаграммы, таблицы и графики более интересными. Выбираете шаблон, вводите свои цифры, назначаете цветовую палитру, пишете название инфографики — и изображение готово к скачиванию в высоком разрешении, можно ставить как референс для клиента в мудборд.
5. Bannersnack
6. Canva
Нет, мы не ошиблись — приложение для создания картинок для сторис и постов прекрасно подходит и для верстки мудбордов. Есть платные и бесплатные шаблоны коллажей под мудборды, можно делиться своими макетами и вести совместную работу. Пользоваться приложением удобно с любого устройства, так что это отличный вариант, чтобы сделать мудборд в пути, например, со смартфона или планшета.
7. SampleBoard
Платный англоязычный веб-сервис с массой функций, который популярен у дизайнеров интерьеров и организаторов мероприятий. Можно синхронизировать его с Pinterest, загрузить свои изображения или найти подходящие в обширной библиотеке, сохранить картинку из браузера, распределить референсы по папкам. Здесь же — простой встроенный редактор изображений, конструктор с разными шаблонами, несколько инструментов для импорта готовых мудбордов.
8. Miro
Большинство знают Miro как сервис для создания майндмэпов, схем, канбан-досок и других типов инфографики, но он прекрасно подходит и для составления мудбордов. На доски в Miro можно загружать изображения, по-разному их комбинировать, добавлять любые пометки. Сервис не предлагает шаблоны для мудбордов, но здесь можно дать волю воображению и создать бесконечную доску с референсами и удобной для вас навигацией.
9. Offeo
10. Runway Palette
Вы можете быть максимально далеки от моды, но вдохновляться подиумом все равно полезно, особенно, когда нужно придумать цветовую палитру для проекта.
В этом поможет искусственный интеллект и совместный проект Google Arts и издания о моде The Business of Fashion. В нем собраны 140 000 фотографий с модных показов за 5 лет, с 2014 до 2019 года, которые объединены по цветовым палитрам.
Здесь можно отслеживать тенденции по использованию разных сочетаний цветов, сравнивать работы дизайнеров и просто листать фотографии часами — штука в лучшем смысле этого слова «залипательная».
30 января 2015 | Опубликовано в статьюшечки | 2 Комментариев »
Мудборды (или доски настроений) — отличный способ выразить идею, которую вы хотите воплотить. Из сегодняшней публикации вы узнаете что это такое и как их создавать. Когда вам нужно описать или выразить идею, такие вещи как настроения, ощущения и прочие абстрактные понятия довольно сложно передать словами. Поэтому профессиональные дизайнеры используют в этих целях мудборды: коллекции текстур, картинок и текста, которые связаны с темой дизайна и вместе составляют опорную точку.
Если вы не обладаете телепатическими способностями, донести творческую составляющую идеи будет непросто, особенно если вы не обладаете ораторским талантом. Мудборды позволяют «заглянуть в голову» дизайнеру и понять тему, которую он описывает.
Создание такой доски настроений может занять немало времени, которое вы потратите на изучение картинок, сайтов, книг и журналов в поисках вещей, передающих нужное настроение. Так что ниже вы найдете советы, которые помогут вам в создании мудбордов.
В поисках вдохновения
01. Ищите вне цифрового мира
Во время работы над новостным сайтом ITV, дизайнеры использовали в качестве ориентира журнал Picture Post
Для создания мудборда проще и заманчивее всего обратиться к Google Images. Но не стоит зацикливаться на виртуальном пространстве только потому что вы разрабатываете проект для веба.
02. Фотографируйте вне дома
Создание мудборда
03. Базовый концепт
Вы когда-нибудь бывали на выставке, которая вас ну совсем не впечатлила? Возможно вас не тронуло то, что вам показали, или экспонаты просто оказались не самыми интересными. Очень легко просто собрать в кучу какие вещи и назвать их выставкой. Выбрать экспонаты, подходящие друг к другу по теме и настроение — уже искусство.
Когда вы создаете мудборд, думайте о себе как о эксперте, который выбирает лучшее, а не как о коллекционере. Также старайтесь следить за тем, чтобы картинки были связаны темой и смыслом.
04. Выберите правильный формат
Мудборд для Unicef
М удборды в реальном мире как правило более свободны по стилю и требуют дополнительной эмоциональной искры, которая и является решающим для клиента фактором. Онлайн мудборд обладает более направленным стилем и требует большей работы для четкого выражения темы и настроения.
Финальный дизайн для Unicef
05. Стройте мудборд вокруг большой картинки
Неважно в каком формате ваш мудборд, в любом случае вы должны уделить внимание в первую очередь ключевым изображением, окружая и дополняя их второстепенными, более мелкими картинками, которые усиливают тему.
06. Добавьте тактильности
Если вы работаете над физическим мудбордом, не бойтесь этой физической составляющей. Традиционно доски настроений выполняются на пенопластовых листах, к которым клеят вырезанные скальпелем картинки.
Метод может показаться устаревшим, но поверьте: этот проверенный годами способ является настоящим тузом в дизайнерском рукаве. Просто будьте осторожны с лезвием.
Как подать мудборд
07. Покажите мудборд раньше 
Иллюстрации настроения для дизайна упаковки Daft Punk
Обычно мудборды считаются отдельной от презентации работой. Они выступают самостоятельно, демонстрируя настроение и тон. Это стандартная практика, но что если сделать мудборд частью презентации? Помните что вы используете механизмы подсознания, чтобы помочь клиенту понять.
08. Постарайтесь не испортить сюрприз
09. Участвуйте в презентации
10. Сохраните свободу действий
Старайтесь не застревать и не блокироваться на определенной идее или стиле. Это может заставить клиента чувствовать себя скованным и вынужденным двигаться в единственном направлении. Сохраняйте некую свободу в стиле и настроении, пусть все выглядит немного незавершенным.
Если вы используете фотографии из платных галерей, не переживайте по поводу водяного знака — все это как бы говорит: «Смотри! Все можно изменить! Это только идеи чувств на доске «.
11. Следите за мимикой аудитории
Во время презентации мудборда смотрите на лица собравшихся. Игнорируйте все их ахи и вздохи, вместо этого сосредоточьтесь на мимических и эмоциональных реакциях, которые они проявляют, разглядывая доску. Это даст вам намного больше честной информации, и покажет как на самом деле обстоят дела.
Ваша задача — передать этим людям свое настроение, поэтому смело игнорируйте их бормотание и следите за эмоциями.
Общие рекомендации
12. Оттачивайте навык создания мудбордов
Гуру брендинга Landor Associates использовали формат мудборда, чтобы представить себя другим членам команды. Они представили информацию в девяти изображениях — 3×3, в которых рассказали о себе, своих интересах, увлечениях, страстях и страхах. Так что если вам хочется попрактиковаться в создании мудбордов, последуйте их примеру!
13. Добавьте текста!
Не игнорируйте силу слова. Используйте несколько больших слов, на которых остановится взгляд клиента. Такие надписи дают глазу отдохнуть и предоставляют возможность задуматься. Крупные слова, расположенные рядом, создают эффект драмы, задают тон и очень многое значат в проекте.
14. Сделайте тему очевидной
Старайтесь чтобы материалы, составляющие мудборд, были понятны и легко объяснимы, а также имели точку соприкосновения. Вы хотите, чтобы окружающие поняли вашу задумку, поэтому пространные и не до конца понятные образы приведут вас к провалу. Совсем непросто быть конкретным и понятным, используя изображения в попытках преподнести свое видение. Но оно стоит затраченных усилий.
15. Старайтесь вызвать эмоциональный отклик
16. Не будьте слишком самонадеянны
17. Тестируйте свой мудборд
18. Веселитесь!
Весь процесс создания мудборда должен быть приятным. Это освежающая пауза между рутинными задачами дизайнера. Если процесс не доставляет вам удовольствия, значит вы что-то делаете не так.
Использование мудбордов
19. Используйте мудборд для создания брифа
Мудборд для мультипликатора Тома Бейкера для работы над мульт-сериалом «Мстители»
20. Используйте мудборды на различных стадиях утверждения работы
Мудборды можно использовать не только перед началом работы. Подумайте о них как о способе предварительно показать работу. «Я узнаю что это то, что надо, когда увижу!» — подобные фразы нередко приходится нередко слышать от клиентов. Особенно неприятно, когда она звучит во время возвращения практически законченной работы.
Авторы статьи Paul Wyatt и Tom May
Мудборд
Что это такое, и зачем он нужен дизайнерам?
Наверное, с каждым дизайнером или менеджером проекта случалась следующая ситуация. Вы с коллегами потратили множество рабочих часов на создание выдающегося проекта, вложили в него всю душу, а клиент отверг ваш вариант дизайна. Причина тому — несоответствие вашей картинки представлениям клиента.
Может быть, ваш вариант и прекрасен, но если заказчик представлял себе результат иначе, тут уж остается только смириться и всё переделать. Верный способ обезопасить себя от подобных ситуаций — заранее сделать и согласовать мудборд. Если заказчик будет недоволен результатом и захочет всё переделать, всегда можно показать ему согласованный мудборд и напомнить о первоначальной идее. Конечно, если заказчик будет настаивать на еще одном варианте, придется работать дальше. Но уже за дополнительные деньги.
Мудборд (иногда их еще называют inspiration boards) — это своеобразное превью будущего дизайна. Он помогает презентовать и согласовать с клиентом визуальные составляющие вашего проекта:
В общем, включить нужно все графические материалы, которые чётко дадут понять, каким будет дух и настроение проекта. Все элементы собираются в виде коллажа на одной доске.
Чего не должно быть в мудборде
1. Длинные фразы. Помните, что мудборд — это больше визуальный формат. Не надо путать клиентов и коллег неудобочитаемыми текстами и лишними подробностями.
2. Несочетаемые элементы. Ваша задача — показать целостную гармоничную картинку, а не хаос. Поэтому тщательно выбирайте стиль и цвета всех элементов.
3. Сложные и неочевидные ассоциации. Помните, что вы выбираете образы для заказчика и его конкретного проекта. Старайтесь брать то, что стопроцентно подходит по теме и будет понятно как клиенту, так и большинству людей в целом.
4. Часто используемые изображения. То, что образы должны быть понятными, однако, не значит, что нужно подбирать самые очевидные и стереотипные фото. Будьте креативны при поиске.
Мудборды дают возможность доступно и лаконично показать заказчику, какое впечатление будет производить ваш дизайн. И если это то, что ваш клиент и представлял, то вы будете готовы быстро приступить к дальнейшей работе, имея перед глазами наглядный план.
Самое лучшее в этой технологии то, что использовать мудборды можно абсолютно для разных целей — от дизайна интерьера до оформления веб-сайта. При этом вы можете создать как реальную доску с образцами материалов, так и виртуальный коллаж.
Сервисы для создания виртуальных мудбордов
В принципе, создать свою доску можно в Photoshop или другом привычном для вас графическом редакторе. Но так как мудборды довольно популярны в последнее время, появилось множество сервисов для их создания. Они экономят время и гарантируют отличный результат. Во многих есть галереи с работами других пользователей, которые могут вдохновить вас на создание своего коллажа.
Вот некоторые из них:
1. Olioboard
Сервис предназначен для дизайна интерьеров в 2D и 3D. Готовыми работами можно делиться на Facebook, Twitter, Pinterest и т. д. А если вы зарегистрируетесь на сайте, сможете также сохранять свои коллажи. Также можно посмотреть работы других пользователей.
2. Niice
Еще один простой и удобный инструмент для создания мудбордов. Есть возможность завести бесплатный или профессиональный аккаунт. Niice имеет собственную галерею изображений, которые можно использовать. Если их вам будет достаточно, то можно обойтись бесплатным аккаунтом. Однако если вы хотите загрузить свои иллюстрации или сохранить готовый мудборд в jpg, то придется перейти на аккаунт Pro. Еще один минус бесплатного аккаунта в том, что все ваши коллажи будут публичными (если это, конечно, вас смущает.)
3. Realtime Board
Сервис отличается дружественным интерфейсом, а бесплатная версия позволяет вам хранить в своем аккаунте до 3 коллажей общим весом не более 100 МБ. Загрузки файлов с высоким разрешением запрещены, зато можно пригласить 3 зарегистрированных пользователей для совместной работы над проектом. Для платных аккаунтов нет ограничений, а также возможны видеозвонки и удаленные демонстрации (другие пользователи смогут видеть картинку с вашего экрана.)
4. Sampleboard
Позволяет загружать свои изображения, добавлять цветовые схемы и прочие элементы. Результатом можно поделиться в социальных сетях или же импортировать их в документы и презентации.
5. Moodboard
Сервис позволяет добавлять свои картинки без всяких ограничений. Также есть возможность выбрать, работать ли вам на совсем пустой доске или же взять уже готовый мудборд и отредактировать его по своему желанию. Заводить аккаунт необязательно. Все созданные коллажи по умолчанию скрыты от других пользователей и открываются только по вашему желанию.
Где найти вдохновение?
Для мудбордов вам понадобится много хороших изображений и образов. Где же их взять?
Добавьте в закладки браузера несколько сайтов для дизайнеров, фотографов и художников. Также неплохой способ найти новые идеи. Например, на Fontli и iLovetypography вы найдете интересные шрифты. На ColourLovers есть интересные паттерны, цвета и палитры. А на Behance или DeviantArt можно найти почти все, что связано с творчеством.
Отойдите от компьютера и поищите идеи в офлайне. Необязательно искать вдохновения только в виртуальной среде. Отвлекитесь. Сходите на прогулку с фотокамерой. Или пролистайте какой-нибудь старый журнал. Вообще, интересные визуальные образы повсюду. Нужно только их разглядеть.
Мудборды — это удобный инструмент. Он не только позволит дизайнеру раскрыть все свои креативные возможности, но и поможет точно донести идеи до клиента. А взаимопонимание очень облегчает работу над проектами.
Зачем нужен мудборд и как его создать
Вам как дизайнеру понравились бы бесконечные доработки? Вряд ли. Чтобы обезопасить своё рабочее время и нервные клетки от ситуаций «Я сделал идеальный проект, но заказчик видел его по-другому», существует так называемый мудборд. Этот инструмент по функции напоминает техническое задание, но если ТЗ предоставляет работодатель, то mood board (с английского дословно – «доска настроения») в соответствии с планом разрабатывает дизайнер и отправляет на согласование заказчику.
И если впоследствии он резко передумает и захочет всё от и до перестроить, тогда вы просто показываете одобренный мудборд. Пожалуйста, я могу сделать иначе, но за дополнительную плату!
Как выглядит мудборд в дизайне и какие задачи выполняет
Проще говоря, это коллаж. В превью будущей работы собирают фотографии, слоганы, шрифты, цветовые решения, иконки, текстуры материалов и так далее.
Эти и другие необходимые элементы визуально описывают подачу, настроение проекта. Примеры в виде иллюстраций объединяют в графическом редакторе и вуаля – доска-презентация готова! Кто-то предпочтёт и реальный плакат с образцами материалов.
Да, вы можете обойтись без «лишних» действий. Но представьте, что всё, что вы усердно пытаетесь объяснить «на пальцах», можно достаточно быстро собрать в целостный визуальный ряд. А это облегчает общение и взаимопонимание. В итоге – масса сэкономленных сил и времени. Ещё такой коллаж помогает организовать командную работу.
Мудборды подходят для разных целей – ландшафтного дизайна, разработки веб-сайта, оформления интерьера и т. п.
Как составить мудборд
Возьмите за основу базовые шаги и отталкивайтесь от них при создании фотоколлажа для конкретной компании:
Чего не должно быть в концепции мудборда
Во-первых, лишних подробностей. Коллаж – формат визуальный. Не перегружайте его длинным текстом.
Во-вторых, стереотипных изображений. Очевидные детали ни к чему, лучше проявить креативность.
В-третьих, ассоциаций, понятных только «избранным». Все образы должны быть доступны среднестатистическому человеку.
И, наконец, разрозненных элементов. Вы собираете целостную картинку, части которой не должны противоречить друг другу, отличаться по стилю, атмосфере.
Где найти вдохновение
Ваша муза может прятаться повсюду – и офлайн, и на просторах Интернета:
Вдохновляйтесь и нашими колоритными примерами. Готовы собрать свой коллаж в Photoshop или с помощью специализированного сервиса? Учитесь, творите и помните, что ваш потенциал безграничен!
*В статье использованы учебные работы студентов Школы архитектуры и дизайна.
Читайте также
Дизайн – понятие динамическое. Сфера постоянно развивается, рождаются новые профессии. Какие классические разновидности проектирования существуют, а какие появились только в последние годы?
Сухое описание элементов фирменного стиля или нечто большее? Зачем существует гайдлайн и с какой стороны подойти к его созданию – разбираемся вместе.
Если вы хотите, чтобы вашу компанию узнавали даже по мельчайшим деталям, на помощь придёт визуализация бренда. Как создают брендбук, какие виды существуют и в чём его отличие от гайдлайна? Разбираемся.
Американский журнал Newsweek однажды назвал Глейзера «одним из немногих гениев в имиджмейкерской профессии». Чем же заслужил признание этот дизайнер-график?