Іноді здається, що мудборд — це просто декорація, 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) — образи тут важливіші за текстури. Але якби хотілося сфокусуватися на тактильній частині, то фізичний борд був би добрим рішенням.
Переносимо на борд зображення, що відповідають асоціаціям, — сім штук достатньо. Тут на дошку пішла афіша серіалу «Видозмінений вуглець», гоночна траса, карта метро, скріншот гри в тетріс та ще декілька техновіжуалів.
Ще потрібно додати палітру кольору. Для цього можна просто зробити скріншот дошки та залити його на color.adobe.com — і вже там налаштувати сет відтінків (або просто скопіювати коди кольорів та зберегти їх списком):
Основна частина готова. Якщо хочеться, на борд можна додати анімовані елементи або відео з потрібним вайбом — так простіше зрозуміти, яку енергію повідомити концепту.