have a good number of high- skill https://www.r4s.to/. who sells the best https://www.hublot.to is amazingly distinct from the astonishing wonder of amazement. best swiss https://fakepatekphilippe.ru/ has a fancy and unique excellent within a. swiss https://perfectrolexwatches.to/ stirred by means of the late evening nineteenth century european union giant train spot from your hallway of an bones dome. best tomfordreplica consists of a biggest role with the overseas wristwatch markets. purchase new https://www.yvessaintlaurentreplica.ru. best https://www.loewereplica.ru/ review identified leaders during meal table altar. discount high quality https://www.vancleefarpelsreplica.ru/ uk with low price.
img
img
18 апреля 2022
18 апреля 2022
9 мин
341

Что такое мудборд, для чего он дизайнеру и как его создать

Мудборд помогает определить и визуализировать концепцию, уточнить ТЗ.

img

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

Зачем нужен мудборд

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

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

Из чего состоит мудборд

Цветовые схемы

Цвет помогает бренду выстроить позиционирование на рынке. Но если цвет подобрать неправильно, он испортит впечатление.

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

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

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

My Brand New Logo

На My Brand New Logo выбирают цвета по характеристикам, например винтажные или яркие

Так вы поймете, какие цвета вам подходят, а какие — точно нет. Уточните эти оттенки или попробуйте собрать собственное сочетание с помощью цветового круга на Colorscheme:

Что такое мудборд, для чего он дизайнеру и как его создать

Выберите один, два контрастирующих, три или четыре цвета. Или аналогию — близкие по оттенку цвета, акцент-аналогию — близкие цвета + один контрастный

Такой инструмент подходит тем, кто не знает правил сочетания: программа автоматически подстраивается под теорию цвета.

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

Так увидите, какие цвета преобладают на фото, и возьмете в рабочую палитру

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

Шрифты

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

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

Либо ищите на платных сервисах, например Paratype.

Где искать шрифты

К популярным шрифтам есть комментарии с характеристиками

Слоганы

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

Слоган с Pinterest

Пример короткой и емкой фразы с Pinterest

Паттерны

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

Подборка фруктовых паттернов с Pinterest: подобные примеры помогут определить стилистику будущего узора

Иллюстрации

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

Уютная иллюстрация с Pinterest

Уютная иллюстрация с Pinterest, выполненная цветными карандашами. Подходит для детской книги

Контурная иллюстрация с Pinterest

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

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

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

Фотографии

При создании мудборда настроение лучше всего передают фотографии.

Представьте, что вам нужно определиться с концепцией нового кафе. Понять, кто будет ваша ЦА, зачем вы ей: встретиться с друзьями в непринужденной обстановке или обсудить рабочие вопросы. Визуализируйте это, чтобы решить, что вам нужно.

Примеры с Pinterest

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

Материалы

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

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

Деревянная визитка

Пример с Pinterest

Чего быть не должно

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

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

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

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

Например, атмосферу в офисе можно показать так:

Как искать характерные фото

Фото с Istockphoto

Фото для передачи настроения в офисе

Фото с Unsplash

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

Где искать идеи и исходники

✈️ Фотографии и иллюстрации — на платных и бесплатных фотостоках.

Shutterstock — сток, где больше 400 миллионов изображений. Предлагает разнообразный контент: фото, видео, аудио, 3D. Есть бесплатный пробный период: до десяти изображений. Предусмотрен встроенный фоторедактор.

Stock.adobe — принадлежит компании Adobe, поэтому имеет интеграцию с Creative Cloud. Это удобно для дизайнеров, видеоредакторов и иллюстраторов.

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

✈️ Сервисы для поиска вдохновения

Один из популярных — Pinterest. Это своеобразный агрегатор идей и товаров со всего интернета. Достаточно вбить в поиске ключевые слова, например «свадьба в скандинавском стиле». Сервис выдаст разнообразный контент в тему — пины. Это шрифты, рисунки, фотографии, готовые мудборды, товары. Перейдите в карточку пина: там будет ссылка с подробностями о покупке.

Аналоги:

✈️ Тематические сообщества дизайнеров

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

Платформа успешных проектов

Фильтруйте результаты по типу: брендинг, иллюстрации, по цвету и даже по региону

Фильтруйте результаты по типу: брендинг, иллюстрации, по цвету и даже по региону

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

Awwwards — узкоспециализированное сообщество с идеями для веб-дизайнеров и разработчиков приложений.

✈️ Офлайн

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

Как создать мудборд

1️⃣ Проанализируйте работы конкурентов

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

2️⃣ Выберите концепцию

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

3️⃣ Подберите взаимосвязанные фото

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

4️⃣ Определите цветовую гамму

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

5️⃣ Выберите шрифт

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

6️⃣ Составьте композиции

Соберите материалы в одном месте. Необязательно красиво выравнивать все элементы: мудборд — это не рекламный баннер. Но постарайтесь логично и понятно продемонстрировать всё, что удалось собрать. К примеру, в одной части мудборда соберите цвета. Рядом — материалы. Затем фотографии. Так будет понятна концепция проекта.

Где оформить мудборд

Для этого подойдут стандартные Paint и PowerPoint, Figma и Photoshop. Но даже те, кто не знает эти программы, могут воспользоваться онлайн-сервисами.

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

Gomoodboard — бесплатный сервис. Берите готовые шаблоны или создавайте мудборды с нуля.

SampleBoard — платный сервис, стоимость от $12 в месяц. Сохраняйте мудборд в виде презентации или делитесь им в соцсетях.

Niice — платный сервис, от $99 в месяц. Включает доступ к собственной галерее изображений, расширенный объем памяти и возможность подключать до десяти пользователей. Бесплатный вариант тоже есть: в нём все работы остаются публичными, можно создать до пяти мудбордов.

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

Примеры

По мудборду ниже видно будущий интерьер спальни. Понятна цветовая палитра, материалы и общий стиль оформления. Даже шрифт, который в интерьере не нужен, подчеркивает настроение проекта — уникальный стиль и утонченность.

Мудборд интерьера спальни

Пример с Pinterest

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

Мудборд для передачи атмосферы кофейни

Пример с Pinterest

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

Мудборд для ювелирного магазина

Пример с Pinterest

Главное о мудборде

  • Мудборд помогает определить и визуализировать концепцию. Проработайте все элементы: цвета, фотографии, иллюстрации, шрифты, паттерны, материалы.
  • Избегайте хаоса. Мудборд — это про одну идею, а не про ее поиск. Элементы не должны противоречить друг другу.
  • Хороший мудборд не нуждается в тексте. Если необходимо уточнить отдельные моменты — оставляйте короткие заметки. Чем меньше текста, тем лучше.
  • Собирайте доски любым способом: вручную, в онлайн-сервисах, специальных графических программах.
img
Подпишитесь на рассылку, чтобы Не упустить что-нибудь новое
Просто и понятно о том, как получить новую профессию


    Дадим нужные знания и поможем получить работу!
    Регистрируйтесь на курс и учитесь у экспертов-практиков.
    Профессия
    за 3 месяца
    Веб-дизайнер

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

    3 085 ₽/мес.
    4 059 ₽/мес.
    Ещё по теме
    UX/UI-дизайн: что это и в чём разница

    UX — функционал интерфейса, UI ― его внешний вид

    15 июня 2022
    7 мин
    Как выбрать графический планшет

    Решите, зачем вам нужен планшет. От этого зависят вид устройства, размер и цена.

    15 июня 2022
    12 мин
    На какой платформе создать сайт: обзор лучших конструкторов

    Разбираем плюсы и минусы Wix, Site123 и еще четырех платформ.

    Кто такой веб-дизайнер, чем занимается и как им стать

    Средняя зарплата веб-дизайнера — 86 341 ₽. На доход влияют опыт и регион.

    18 апреля 2022
    7 мин
    Что такое Figma и как с ней работать

    В Figma делают прототипы, интерфейсы, векторную графику, презентации.

    16 апреля 2022
    9 мин
    Как оформить красивую презентацию

    Презентации оформляют не только в PowerPoint: подойдут сервисы Canva, Prezi и другие.

    16 апреля 2022
    8 мин
    Как сделать красивый дизайн сайта

    Типичные ошибки: перегрузить сайт, использовать устаревшие эффекты.

    16 апреля 2022
    8 мин
    Графический дизайнер: кто это, чем занимается и как им стать

    Графический дизайнер передает цели и задачи бизнеса через визуальные элементы.

    13 апреля 2022
    9 мин
    Это реально: из философа — в дизайнера интерфейсов

    История о том, как решиться освоить профессию с нуля и справиться с трудностями.

    Что такое портфолио и как его правильно заполнить

    Портфолио нужно дизайнерам, копирайтерам, программистам, маркетологам.

    24 февраля 2022
    8 мин
    Что такое Trello и как им пользоваться

    Trello подойдет малому бизнесу, стартапам и фрилансерам с небольшими проектами.

    24 февраля 2022
    7 мин
    Что такое референсы и где их искать

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

    24 февраля 2022
    6 мин
    kralbetbetturkeyikimislibahis1xbetm.infohipas.infohttps://www.wiibet.com/restbetcdn.com
    Вставить формулу как
    Блок
    Строка
    Дополнительные настройки
    Цвет формулы
    Цвет текста
    #333333
    Используйте LaTeX для набора формулы
    Предпросмотр
    \({}\)
    Формула не набрана
    Вставить