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

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

Оказывается, любая (почти) подборка картинок и красивых фоток с сайтов — это крутой инструмент в руках дизайнера.

Странное словечко. А это точно не ругательство?

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

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

И как выглядит эта презентация? Для неё тоже нужен PowerPoint?

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

Но это же лишняя работа! Обязательно делать эти коллажи?

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

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

Круто! Собираем в кучу красивые картинки отовсюду и идём к заказчику?

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

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

А целостность — это как? Картинки должны красиво смотреться вместе?

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

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

А если сделать подписи, чтобы образы стали понятнее?

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

Источник

Как создавать мудборды: 10 сервисов для дизайнеров

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

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

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

1. Pinterest

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

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

2. Eagle

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

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

Сервис платный, но не по подписке — за 1 вечную лицензию с обновлениями придется разово заплатить $ 30.

3. Niice

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

Бесплатный тариф включают в себя до 5 досок и 100 загрузок файлов, платная подписка стоит от $ 99 в месяц.

4. Plot Parade

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

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

5. Bannersnack

Онлайн-конструктор мудбордов с готовыми шаблонами. Этот же сайт предлагает конструктор рекламных баннеров. Загружаете изображения в шаблон — получаете мудборд, который можно вставить в презентацию. В бесплатном плане есть ограничение по количеству дизайнов, стоимость индивидуального плана начинается с $ 7 в месяц.

6. Canva

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

7. SampleBoard

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

Есть бесплатный пробный период, подписка стоит от $ 12 в месяц.

8. Miro

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

9. Offeo

Этот сайт специализируется на подборке аудио- и видеореференсов. Бесплатный тариф ограничивает продолжительность и качество треков, платная подписка от $ 20 в месяц. Здесь можно создавать целые плейлисты из музыки и видео, делать подборки анимации, включать в мудборды стоковые материалы сервиса.

10. Runway Palette

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

В этом поможет искусственный интеллект и совместный проект Google Arts и издания о моде The Business of Fashion. В нем собраны 140 000 фотографий с модных показов за 5 лет, с 2014 до 2019 года, которые объединены по цветовым палитрам.

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

Источник

Мудборд

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Olioboard

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

2. Niice

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

3. Realtime Board

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

4. Sampleboard

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

5. Moodboard

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

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

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

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

Подпишитесь на несколько хороших сообществ для дизайнеров в соцсетях. Социальные медиа — удобные трансляторы визуального креатива, когда пользователи и бренды делятся своим опытом и интересными кейсами. Рекомендуем подписаться на наш YouTube-канал «Каждый пиксель важен» , где мы делимся опытом создания визуального контента и рассказываем, где брать идеи и вдохновение.

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

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

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

Источник