Що таке мудборд, навіщо він потрібний дизайнеру і як створити мудборд самостійно

На початку роботи над оформленням сайту рідко присутні чітке розуміння, як має виглядати результат. Замовник та виконавець представляють дизайн кожен по-своєму, тому в роботі можуть виникати непорозуміння та конфлікти. Щоб порозумітися, продемонструвати ідеї та узгодити вимоги до проекту, використовують мудборди. У статті розберемо, що це за інструмент, як він допомагає у вирішенні творчих та бізнес-завдань, та поділимося інструкцією, як зробити мудборд самостійно за допомогою безкоштовних сервісів.

Що таке мудборд

Мудборд у дослівному перекладі з англійської мови – дошка (board) настрою (mood). Вона виглядає як колаж, на якому зібрані різні візуальні елементи: зображення, патерни, текстури, шрифти та колірні схеми, що відображають бажану стилістику проекту. У мудборд додають кадри з фільмів, картини художників, кнопки та іконки з UI-китів та будь-які інші картинки, які є джерелом натхнення та візуалізують концепцію майбутнього дизайну.

Де і як використовуються мудборди

Мудборд відіграє роль візуального брифа. Він допомагає замовнику та виконавцю налаштуватися на одну хвилю та узгодити важливі деталі проекту. Розглянемо, як інструмент застосовують спеціалісти з різних індустрій.

Фотографи.Під час підготовки до фотосесії збирають референси локацій, образів для моделей, поз та реквізиту.
Кінематографісти. Складають мудборди, щоб визначитися з корекцією кольору, ракурсом і композицією кадру.
Дизайнери інтер'єрів Збирають колекції зображень, що відбивають естетику майбутнього приміщення.
Маркетологи. Роблять добірки ідей для оформлення постів у соціальних мережах, email-розсилок та інших рекламних матеріалів.
Графічний дизайнер. Використовують мудборди, щоб презентувати різні варіанти оформлення сайтів та мобільних додатків.

Наповнення мудборду залежить від специфіки проекту. Якщо перед фахівцем стоїть завдання зробити лендинг, він додасть на дошку відповідну кольорову гаму, типографіку, варіанти оформлення кнопок, іконок та інших елементів інтерфейсу.

Зручність мудбордів для виконавців та замовників

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

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

Економія часу. За допомогою мудборда можна заздалегідь продемонструвати клієнту прев'ю проекту та отримати «добро» на його реалізацію. Краще витратити кілька годин на складання колажу, ніж провести кілька днів за переробкою дизайну, тому що його не схвалив замовник.

Налагодження комунікації. Ми можемо максимально докладно описати візуальний образ, але картинка в голові кожного складеться своя. Тому коли справа стосується дизайну, легше показати приклади, ніж пояснювати задум на словах. Крім того, дизайнер і замовник часто розмовляють різними мовами. Клієнт не повинен знати, що таке сітка, патерн, коло Іттена. Перенесення професійних термінів на мову картинок допомагає досягти порозуміння.

Формування засади проекту. Складно розпочинати завдання, коли не знаєш, з чого почати. Мудборд ефективний у боротьбі зі страхом білого аркуша, оскільки систематизує ідеї та визначає напрямок роботи над дизайном.

Синхронізація команди. Іноді над продуктом працює ціла команда з фотографа, ілюстратора та графічного дизайнера. Завдяки мудборду фахівці можуть вносити пропозиції щодо проекту, ґрунтуючись на бажаній стилістиці. Якщо не враховувати обраний задум, ідеї можуть виявитися несумісними з єдиною концепцією та розвалити її.

Захист від помилок. Мудборд допомагає усувати недоліки в дизайні на етапі планування. Якщо один із елементів візуально вибивається з колажу, значить, він не поєднується з іншими об'єктами і краще відмовитися від його використання у проекті.

Які компоненти включені до мудборду

Щоб створити мудборд, який спростить роботу над проектом, колаж включають усі компоненти майбутнього дизайну. Їхня кількість варіюється від особливостей завдання. Перелічимо основні елементи.

Поєднання кольорів

Колірна гама складається з одного-двох основних тонів та двох-трьох додаткових. Вона передає настрій проекту: спокійний чи веселий, зухвалий чи романтичний, похмурий чи світлий. Щоб викликати у користувачів потрібні емоції та асоціації, при виборі палітри враховують фірмовий стиль бренду, бізнес-нішу та психологію кольору. Під кожним відтінком підписують, що означає.

Одні шукають готові схеми кольорів в інтернеті, інші створюють свої власні. Для цього використовують спеціальні бібліотеки або сервіси для підбору кольору, що автоматично складають гармонійні поєднання. Ще один спосіб - знайти одну або кілька картинок, близькі продукту по вайбу. За допомогою піпетки у будь-якому графічному редакторі визначити, які відтінки переважають на зображенні, та зібрати з них робочу палітру.

Колірна схема, натхненна рослинними мотивами

Шрифти

Рідкісний дизайн-проект обходиться без написів. Вони зустрічаються на сайтах, у мобільних додатках, на упаковках продуктів, рекламних банерах та картинках у соціальних мережах. Тому типографіка — важливий елемент фірмового стилю. Від нього залежить сприйняття бренду та комфорт користувачів. Текст має бути помітним, зрозумілим, читаним та відповідним тематиці проекту. Наприклад, для лендінгу digital-агентства підійде моноширинний шрифт, який асоціюється з цифровими технологіями, а для інтернет-магазину затишних товарів для дому рукописний.

Щоб підібрати друкарню, в мудборд додають кадри з титрами з фільмів, фотографії вивісок магазинів, скріншоти написів з сайтів, що сподобалися, та інші зображення, на яких є текст. Потім за допомогою спеціальних ресурсів та бібліотек шукають схожі шрифтові пари.

Друкарня в мудборді

Текстури

У мудбордах зустрічаються зображення гладких, м'яких, шорстких та інших текстур: тканин, металів, скла, мармуру, рослин. Їх використовують у дизайні як фонові зображення, щоб викликати у користувачів тактильні асоціації та сформувати більш відчутний образ бренду. Наприклад, дерево створює відчуття затишку, хутра та золото підкреслюють розкіш, бетон та цеглу – індустріальну естетику.

У цьому колажі є текстура целофанового пакета та глянсова фактура.

Патерни

Паттерн — набір елементів, що повторюються в певному порядку.Він може складатися з логотипу компанії, як у Burberry і Gucci, з геометричних фігур, рослинних мотивів та інших об'єктів. Найчастіше такі візерунки застосовують у дизайні одягу, інтер'єрів, упаковок та сайтів. Орнаменти включають в мудборд, щоб використовувати як референси для пошуку відповідних шпалер, розробки корпоративного патерну або додавання на веб-сторінку бекграунд.

Фотографії, картинки, інфографіка

Зображення візуалізують задум та естетику проекту. Це може бути фотографії людей, картин, скульптур, архітектури, природи, міських пейзажів, предметів побуту. Головне, щоб вони поєднувалися між собою за змістом та не суперечили один одному. Наприклад, якщо дизайнер працює над лендингом кав'ярні, він може додати на мудборд фото кухлів, кавових зерен, десертів та схожих по атмосфері закладів. Якщо для сайту потрібно розробити унікальні іконки, відмалювати ілюстрації чи зробити інфографіку, на дошку не завадить прикріпити кілька референсів. Вони допоможуть дизайнеру вловити, у якій стилістиці мають бути виконані зображення.

Логотип та компоненти айдентики

Логотип, корпоративний шрифт та палітра кольорів, унікальні іконки та інші компоненти айдентики стають центральними об'єктами мудборду. Дизайнери будують концепцію майбутнього проекту з опорою на фірмовий стиль компанії та доповнюють мудборд зображеннями, які поєднуються та асоціюються з атрибутикою бренду.

Також мудборд може включати айдентику інших організацій, якщо перед дизайнером стоїть завдання зробити ребрендинг. Він збирає на дошці візуальні елементи інших брендів, щоб запозичити у них якісь риси: окремі об'єкти, стиль малювання, колірну гаму.

Цитати та слогани

На мудборд прикріплюють офіційний слоган проекту чи цитати, які співзвучні з його ідеєю, цінностями чи настроєм. Як правило, це короткі та ємні фрази – довгі пропозиції перевантажують дошку та відволікають увагу від візуалу. Слова ілюструють картинками: вони допомагають підібрати візуальні образи, які стануть у нагоді в дизайні.

Мудборд із опорою на цитату

Кнопки, іконки та інші елементи дизайну

Складаючи мудборд для сайту або мобільного додатка, дизайнер включає елементи інтерфейсу: кнопки, іконки, тумблери, чекбокси, текстові блоки. Референси можна знайти в UI-наборах або заскринити варіанти, що сподобалися, у конкурентів. Зображення є зразком візуального оформлення об'єктів: налаштування розмірів, кольорів, тіней та інших параметрів. Вони допомагають визначитися і з композицією блоків веб-сторінки: шапки, футери, форм зворотного зв'язку, карток товарів та інших розділів.

UI-елементи у мудборді

Референси

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

Як виглядає мудборд: ТОП-5 прикладів для натхнення

Розглянемо п'ять вдалих прикладів мудборду, які використовувалися розробки проектів фахівцями з різних сфер.

Fashion-індустрія. Такий вигляд має мудборд для розробки колекції одягу модного бренду. На дошці представлені кольорова гама та матеріали, з яких відшиватимуться речі. Паттерни є ідеями для принтів і вишивки, а зображення таких декоративних елементів, як черепашки, наштовхують на думки про незвичайну фурнітуру. Фрагменти архітектури, фотографії моделей та інші зображення передають затишну та індустріальну естетику проекту.

Мудборд для колекції одягу

Дизайн інтер'єрів. Цю дошку використовували для розробки дизайн-проекту квартири. На ній зібрані референси меблів та декору, показані текстури, які можуть використовуватися в шпалерах та текстилі, а також представлена кольорова гама. Щоб передати яскраву та легку атмосферу приміщення, на мудборд додали зображення соковитих фруктів та фотографію щасливої дитини.

Фотографія. Щоб підготуватися до зйомки з конем, її організатор підшукав приклади макіяжів, зачісок та вбрання, які підійдуть моделі, а також референси гарних поз. Така дошка допоможе клієнту зібрати образ на фотосесію, а фотографу – не витрачати час на пошук цікавих ракурсів та композицій під час роботи та зробити більше гарних кадрів.

Мудборд для фотосесії

Брендінг. Цей мудборд складався розробки фірмового стилю компанії. Він включає кольорову гаму, референси для оформлення сайту, мобільного додатка і корпоративного мерчу, стікерів і pop-up магазину. Всі елементи поєднують яскраві та соковиті відтінки, динамічні форми та шрифти. Можна припустити, що бренд орієнтований на молоду та амбітну аудиторію.

Мудбород у брендингу

Розробка сайтів. Щоб оформити лендинг квіткового магазину, дизайнер зібрав мудборд із UI-елементів. На дошці є приклад дизайну кнопки, форми підписки, прев'ю карток товарів, навігації, шапки сайту та футера. Вінтажна палітра кольорів і фотографії з теплою корекцією кольору, тонкі декоративні лінії відображають вайб і цінності бренду: затишок, естетика, увага до дрібниць.

Мудборд для створення сайту

Як створити мудборд самостійно

Створення мудборду складається із трьох основних етапів. Розглянемо процес крок за кроком.

Брифінг та формування технічного завдання

Робота над будь-яким проектом завжди починається з брифінгу. Він необхідний, щоб поринути у завдання та з'ясувати у замовника вимоги. Можна попросити клієнта заповнити документ або докладно відповісти на запитання щодо продукту у форматі інтерв'ю. Важливо уточнити такі деталі:

які цілі та завдання проекту;
хто є цільовою аудиторією товару;
як виглядає фірмовий стиль бренду;
які асоціації мають виникати з дизайном;
які приклади робіт подобаються і не подобаються замовнику.

Чим більше інформації виконавець збере на цьому етапі, тим легше йому створити мудборд, який сподобається замовнику. Відповіді клієнта послужать підказкою, які відтінки, форми та стилістичні рішення будуть органічні.

Збір матеріалів для мудборду

Наступний крок – пошук картинок для мудборду. Щоб підібрати релевантні зображення, важливо відповісти на три питання: з яких елементів складається дизайн, які асоціації виникають із брендом, який він має викликати настрій. Наприклад, коли ми чуємо слово «відпустка», представляємо паспорт, валізу, літак, сонце, море та пальми.Ці образи можна використовувати в дизайні туристичної агенції або сервісу для пошуку авіаквитків. Як колірна гама підійдуть відтінки синього, жовтого та білого — вони асоціюються з пляжем та відпочинком.

У пошуку матеріалів для мудборду допоможуть різні джерела:

Безкоштовні фотостоки. Завантажити потрібні картинки можна з таких ресурсів, як Unsplash, Shutterstock, Stock.adobe. На них представлені мільйони зображень, у тому числі фотографії, інфографіка та 3D-картинки.
Сервіси для пошуку натхнення Найпопулярніший варіант - Pinterest. Тут можна знайти естетичні картинки, фотографії, приклади використання шрифтів, ілюстрації та навіть готові мудборди. При натисканні на картинку програма показує десятки схожих зображень. З часом він підлаштовується під ваші запити та уподобання і автоматично показує у стрічці картинки, які будуть вам корисні.
Тематичні спільноти дизайнерів. За референсами для оформлення сайтів, мобільних додатків та розробки концепції брендингу вирушають на Behance, Dribbble та Awwwards. На цих порталах свої роботи розміщують професійні дизайнери. Достатньо вбити в пошуку запит, вказавши тематику та формат проекту, і скачати зображення, що сподобалися.
Сайти та соціальні мережі конкурентів. Немає нічого поганого в тому, щоб надихатися їхніми роботами. Фахівці з різних областей вивчають проекти компаній із суміжних ніш, щоб отримати у них цікаві ідеї та адаптувати їх під свої завдання. Головне не копіювати матеріали точнісінько.
Офлайн. Навколишній світ сповнений ідей, що надихають. Можна вирушити на прогулянку та фотографувати гарні краєвиди, білборди, вхідні групи, інтер'єри кав'ярень та людей.Інший варіант – озброїтися глянсовими журналами, газетами та листівками. Сподобалися картинки можна відсканувати або вирізати.

Коли папка з референсами сповнена, зібрані зображення потрібно відсортувати — вони не помістяться на мудборді. На дошку вирушать картинки, які поєднуються між собою за стилем та тематикою. Невикористані матеріали можна зберегти про запас, для інших проектів.

Оформлення мудборду

Завершальний етап - складання мудборду. Дизайнер розміщує картинки на полотні та оцінює, як вони поєднуються між собою. Якщо якась деталь вибивається із загальної стилістики, її змінюють на іншу, щоб отримати візуально гармонійну концепцію. Ділимося порадами, які допоможуть оформити гарну дошку:

Визначте домінанту.Виберіть центральний елемент та вибудуйте композицію навколо нього. Тоді мудборд вийде цілісним і не сприйматиметься, як набір розрізнених картинок.
Чи не переборщите. Виберіть 8-10 найкращих зображень, які визначають стилістику проекту. Багато фотографій перевантажує дошку і розсіює увагу, а деякі картинки починають суперечити один одному.
Робіть позначки. Щоб уточнити значення вибраних образів та їх роль у розробленій концепції, додайте до зображень короткі текстові пояснення. Тоді іншим членам команди, які працюють над проектом, буде легше зрозуміти задум.

Де можна зробити мудборд: ТОП-5 програм та сервісів для створення мудборду

Найпростіший і найшвидший спосіб зібрати дошку настрою - зробити мудборд онлайн. У цьому допоможуть спеціальні програми та програми. Відібрали п'ять найкращих:

Canva. У графічному редакторі є шаблони для створення колажів.У вбудованих бібліотеках сервісу є готові палітри кольорів, шрифтові пари, фотографії та ілюстрації для мудборда. Якщо серед них не виявиться потрібних варіантів, можна завантажити в профіль свої малюнки.
Pinterest. У програмі можна створювати тематичні дошки, зберігаючи матеріали, що сподобалися, у свій профіль. Об'єднати їх в один колаж не вдасться, зате розсортувати ідеї щодо папок — легко.
Miro. Більшість знає сервіс як канбан-дошку для постановки тяган та відстеження статусів проектів. Однак вона підходить і для верстки мудбордів. Сервіс не пропонує готові шаблони під цю задачу, але можна легко завантажувати зображення на дошку, щоб комбінувати їх між собою і додавати до них підписи.
Eagle. Програма створена спеціально для організації дизайн-ресурсів. З її допомогою можна зберігати зображення прямо з браузера, сортувати картинки за кольорами, тегами та ключовими словами. Підтримує 81 формат графічних матеріалів, зокрема файли зі шрифтами.
Niice. Комплексний інструмент, який бере на себе роль сховища всіх дизайн-матеріалів та конструктора мудбордів. Один із плюсів сервісу — широкі можливості для спільної роботи. Збирати та компонувати картинки можна разом із командою.

Для створення безкоштовних мудбордів підходять і прості графічні редактори: Adobe Photoshop, Illustrator, Figma, Sketch та Paint. З їх допомогою можна завантажувати зображення, додавати їх на полотно, пересувати та масштабувати. Такого набору функцій достатньо для того, щоб зробити колаж.

Шаблон мудборда у редакторі Canva

Замість ув'язнення

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

Підбирайте асоціації, які легко зчитуються.Замовник, члени команди та цільова аудиторія продукту повинні однаково розуміти образи, використані у дизайні.
Слідкуйте, щоб елементи гармонували між собою. Якщо вони не поєднуються візуально або суперечать один одному за змістом, колаж із мудборду перетворюється на вибір випадкових картинок.
Шукайте оригінальні зображення. Не додавайте на дошку картинки з пошукових систем та з верхніх рядків фотостоків. Велика ймовірність, що їх уже використали у своїх мудбордах сотні дизайнерів. Якщо хочете створити унікальний дизайн, наберіться терпіння та постарайтеся знайти рідкісні та не банальні фотографії та ілюстрації.
Дотримуйтесь балансу. Квітів, текстур, шрифтів та інших елементів має бути в міру. Через велику кількість різних об'єктів втрачається ідея та цілісність концепції.

Мудборди: 5 онлайн-сервісів для створення колажу настрою

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

Зазвичай їх використовують дизайнери: вони приносять або показують на комп'ютерах ці мудборди — грубо кажучи дошки, де зібрано всю концепцію майбутнього проекту, і запитують у замовника: «Ось так?», і тільки після цього починають роботу.

Мудборди можуть робити самі замовники; вони можуть приносити їх дизайнерам і говорити: «Мені потрібно так!». Це в рази скоротить час взаємодії та нерви обох сторін. А ідею вдасться передати з максимальною точністю, що практично виключить непорозуміння та розчарування в отриманому результаті.

Розповідаємо, що таке мудборди, за допомогою яких сервісів їх можна створити, і даємо поради, як правильно їх використовувати.

Що таке Мудборд?

Мудборд (від англ. mood board, або дошка настрою) — це дошка, фізична чи цифрова, з колажем, яку зібрано з різних графічних, текстових та візуальних елементів, для того щоб продемонструвати цілісність майбутнього сайту, профілю в Instagram, якогось додатка і таке інше.

Наприклад, до мудборда можна додати:

Зображення, фотографії та ілюстрації. Можна знайти різні референси, які передають загальний вигляд та відчуття, які вам подобаються і які ви хотіли б бачити у своєму продукті.
Друкарня. Покажіть цікаві шрифти, які ви хотіли б бачити.
Кольорові палітри чи зразки. Подумайте про улюблені кольори, а також вивчіть психологію кольору та їхнє можливе поєднання.
Готові рішення в Інтернеті. Якщо на інших сайтах вам сподобалися якісь елементи дизайну сайту, можна додати їх для того, щоб дати дизайнеру загальне уявлення про ваш смак.

Мудборд дає можливість пограти з різним зовнішнім виглядом та протестувати, які відчуття продукт може передавати користувачам. Витративши трохи більше часу і дозволивши собі пограти з кольором, зображеннями та візерунками, ви краще знатимете, який продукт вам потрібен. А дизайнер зможе надати максимально необхідний результат без зайвих переробок.

Навіщо потрібний мудборд?

Створення будь-якої компанії не відбувається за одну ніч. Дослідження цільового ринку, аналіз даних, інтерв'ю та багато іншого входять у процес створення повноцінної компанії. У постійних конкурентних перегонах важливо швидко вирішувати завдання, і мудборд зможе у цьому допомогти.

Простіше і швидше доносити думки

Мудборд дозволяє чітко викласти принципи майбутнього дизайну того чи іншого продукту, що дозволить будь-якому члену команди створити дошку настрою та максимально зрозуміло донести свої думки за допомогою візуалізації.

Заощаджувати час

Мудборд допомагає спростити взаємодію замовника з дизайнером. По суті, будь-який маркетолог може накидати мудборд, узгодити його з керівником і віднести необхідному фахівцю для подальшої реалізації.

Наприклад, якщо вам потрібно відмалювати для макета червоний автомобіль, покажіть, який саме «червоний» ви маєте на увазі і як конкретно має виглядати цей самий автомобіль.

У кожного з нас своє уявлення про Мона Ліза.

Допомогти з комунікацією всередині команди

Розробка мудборду - невід'ємна частина процесу побудови практично будь-якого дизайнерського рішення.

Як створити мудборд?

Перше, що потрібно зробити - вибрати місце, де ви створюватимете дошку настрою. Існує два варіанти, де ви зможете зібрати свої ідеї: в реальності або на комп'ютері.

Як правило, для цього беруть великий шматок пінопласту або дошки і кріплять на них деталі концепції. .

Приклад фізичного мудборду.

Цифрові мудборди — значно поширеніші в діджитал-сфері. Вони дозволяють легко копіювати та вставляти зображення з будь-яких джерел в Інтернеті. Можна вставляти текст з різними шрифтами, відтінками, фотографіями тощо.

Щоб вирішити, чи зробити вашу дошку настрою фізичною чи цифровою, подумайте:

Як ви спілкуєтеся з вашими клієнтами — особисто чи тільки телефоном чи онлайн? Якщо замовники далеко, цифрова дошка настрою, яку ви можете надіслати їм електронною поштою, буде більш практичною.
Наскільки вам важливі текстури? Якщо ви вважаєте, що ваші ідеї найкраще передають справжні тканини та матеріали, які можна доторкнутися, краще використовувати фізичну дошку.
Звідки ви збираєте більшу частину елементів свого мудборду? Якщо ви схильні проводити багато часу в Інтернеті, зберігаючи при цьому зображення, які надихають вас, переходьте на цифрові сервіси. Якщо ви любите читати журнали або газети і у вас вже є цілий стос, займіться фізичним мудбордом.

Сервіси для створення мубдордів

Є багато місць, де можна створити дошку настрої в інтернеті за допомогою безкоштовних сервісів.

Ellty

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

Безкоштовної версії вистачить для новачків великий вибір шаблонів, фото, шрифтів і різних графічних елементів. Є обмеження за кількістю скачувань - 5 макетів на місяць. Для постійного використання краще вибрати Pro-версію без обмежень за 399 рублів на місяць.

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

Canva

Сервіс зібрав онлайн-інструменти для графічного дизайну та пропонує безкоштовну альтернативу дорогим сервісам. Canva має простий у використанні інтерфейс перетягування і кілька варіантів шаблону. Наразі онлайн-редактор не працює без VPN у російських користувачів.

Milanote

Це ще одна хороша браузерна програма. Воно включає кілька зручних додаткових функцій, таких як можливість додавати відео і картинки, файли шрифтів і текстові нотатки, щоб пояснити свої думки.

Інтерфейс тільки англійською. Є навчальні підказки, але загалом доведеться згаяти час, щоб розібратися в роботі сервісу.

Miro

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

Поради щодо створення мубдордів

Крім польоту фантазії, мудборд має вирішувати ваші завдання; кінцева та головна з них - це створення продукту, відповідного ринку. Працюючи над мудбордом, пам'ятайте про деякі важливі правила.

Знайдіть джерело натхнення

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

Подивіться на роботи конкурентів або різних дизайнерів, наприклад Behance.

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

Якщо активно стежити за конкретними речами, ви можете бути здивовані, скільки всього красивого і креативного навколо.

Акцентуйте увагу на важливих елементах

Якщо елемент на дошці настрою особливо важливий, ви повинні виділити його. Емпіричне правило таке: розмір та положення повинні відображати важливість цієї речі. Людині, яка працюватиме з мудбордом, буде простіше акцентувати увагу на важливому елементі.

Ретельно вибирайте кольори

Правильна палітра кольорів завжди є важливим вибором в дизайні. Оформлення мудборда у плані буде винятком.

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

Не забувайте, що вибір кольору залежить від панелі вашої компанії. Якщо логотип і фірмовий стиль оформлені в червоно-синіх тонах, дивно проситиме дизайнера зробити сайт зеленим. Одноманітність кольорів веде до більшої впізнаваності компанії.

Не додавайте багато елементів

Мудборд — це лише одна сторінка. Занадто велика кількість елементів може призвести до замішання як дизайнера, так і клієнта.

Якщо можна передати ідею кількома зображеннями, зробіть це. Не перевантажуйте мудборд надто великою кількістю інформації. Просто дотримуйтесь ключової ідеї.

Зберіть кілька мудбордів

Ви можете зібрати кілька різних мудбордів для одного і того ж проекту або концепції, а потім вирішити, який вам більше подобається. Це відмінний спосіб оцінити різні варіації, які ви могли б використовувати в одній і тій самій концепції.

Приклад мубдордів на презентації ідей для журналу мод (кадр із кінофільму «З 13 у 30»)

Покажіть вашим колегам два варіанти та попросіть вибрати один із них. Це допоможе вам ухвалити рішення.

Висновок

Мудборди – це зручний інструмент. Хоч він і призначений для дизайнерів, ним можуть скористатися абсолютно все. Спочатку складно з точністю передати всю концепцію, але згодом у вас почне виходити все краще та краще.

Продемонструвавши свій мудборд дизайнеру, ви допоможете йому зрозуміти ваші думки і зробите ваші ідеї ясними і очевидними, а узгодженість у роботі неодмінно призводить до відмінного результату.

В якому додатку можна скласти мудборд