Skvot

Mag

Skvot Mag
Курсы по теме:

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

И зачем он вообще нужен.
card-photo
card-photo
Аня
Шеветовская

Автор в SKVOT

27 августа, 2021 / Дизайн / Статья

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

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

 

Правила мудбордов 

Мудборд — это концентрация вдохновения для создания нового цифрового или материального продукта, иллюстрации, сайта, интерьера, you name it. Часто такие доски собирают не только «под задачу», но и для общего настроя — тогда вдохновением для отдельного проекта может стать часть этого мудборда. 

На дриббле или бихансе можно найти сотни крепких мудбордов — под кейсы и не только. Например, вот так выглядит мудборд по айдентике сооснователя Behance Матиаса Кореа: 

И если для составления общих мудбордов правил нет, то при сборке борда под конкретный проект важно руководствоваться такими принципами:

#1. Игра в ассоциации. Чтобы собрать сет правильных вижуалов, подбери конкретные слова, которые их описывают. 

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

Если придумывать ассоциации сложно, поищи их на sociation.org или relatedwords.org.

#2 Поиск изображений. Ищи разные фактуры и ракурсы. Детали всегда конкретизируют идею — она становится яснее и реальнее. 

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

#3 Цветовая палитра. Чем больше цветов — тем больше хаоса. Лучше ограничить палитру тремя цветами: 

  • первый цвет — фоновый, он будет собирать композицию в одно целое
  • второй и третий цвет — акцентные, они будут выделяться на фоне
  •  

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

Чтобы подобрать оттенки правильно, используй генератор цветовых палитр — например, colourpod.com. Или просто вытащи цвета из вижуала, который нравится, с помощью color.adobe.com

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

Посмотреть курс
 

#4 Количество картинок. Концепция less is more тут вполне применима. Чем больше изображений, тем сложнее понять, что их объединяет. Чтобы передать суть, достаточно 5–7 картинок. 

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

#5 Композиция. Продумай порядок картинок — не лепи их куда попало. Элемент хаоса можно внести, но должен создаваться flow, чтобы рассматривать мудборд было приятнее. 

Если сочетать close-up и отдаленные изображения, в композиции появится объем. И помни про особенности восприятия визуальных объектов. Например, нижний левый угол всегда визуально «глухой» — наш глаз никогда не фокусируется на нем, разве что специально. 

Аналоговый vs цифровой мудборд

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

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

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

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

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

Чтобы поделиться аналоговым мудбордом, его нужно сначала сфотографировать. А с онлайн-форматом все проще — тут можно отправить ссылку другим и редактировать сет коллективно.

Есть десятки сервисов по созданию мудбордов, но самые удобные — это: 

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

Ограничения: в бесплатной версии можно загружать до 100 стикеров, объектов или ссылок.

Miro. Чуть ли не главный сервис всех удаленных команд. Он больше подходит для майнд-мэппинга и прописывания логики процессов, но и для сборки мудбордов тоже пригодится.

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

GoMoodboard. У этого сервиса самый минималистичный интерфейс. Он подойдет, если не хочется погружаться в тонкие настройки, а нужно быстро набросать концепцию — и кому-то ее показать. Регистрации тут нет, специальных функций тоже: drag and drop в чистом виде.

Ограничения: можно загружать только изображения — и только в плиточном формате.

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

Можно завести и отдельную тайную страницу для своих мудбордов (каждый раз под отдельный проект). Или прямо в своем аккаунте делать тематические подборки сохраненок. Или заливать на свою страницу уже готовые мудборды — и через время получить «бесконечный мудборд мудбордов» — как делает команда JPPM studio:

Создать мудборд за 3 шага

Например, нужно создать мудброд для кроссовок Nike AM 90 Infrared. По классике сначала создается сет референсных картинок, а уже потом — продукт по ним, но мы пойдем в обратном направлении.

Шаг #1. Найти ассоциации. Эта модель кроссовок «стоит на трех китах»: 1980-е, модель Air Max, интенсивный красный цвет. Поэтому все ассоциации тоже лежат в этой плоскости: агрессия, пламя, запуск ракеты, поверхность Луны, кратеры, тетрис или игры с 8-bit интерфейсом, lightsabers, «Звездные Войны», фильмы с эстетикой неонуара и киберпанка. 

Шаг #2. Подобрать палитру. Она тоже выходит из ассоциаций: сизо-серый, угольно-(нуарно)-черный, неоновый красный. Можно вытянуть их из вижуалов-референсов. 

Шаг #3. Выбрать формат мудборда. В случае с Nike AM 90 Infrared борд удобнее собирать сразу в диджитале (например, в Milanote) — образы тут важнее текстур. Но если бы хотелось сфокусироваться на тактильной части, то физический борд был бы хорошим решением.

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

Еще нужно добавить цветовую палитру. Для этого можно просто сделать скриншот доски и залить его на color.adobe.com — и уже там настроить сет оттенков (или просто скопировать коды цветов и сохранить их списком): 

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

Поделиться материалом