Японський дизайн сильно відрізняється від того, до чого ми звикли. Для багатьох він може здатися перевантаженим, надто яскравим і зовсім неестетичним. Але у цьому є свій сенс. У цій статті ми розглянемо особливості японського дизайну та ідеї, які можна запозичити та використовувати у своїх проєктах.
Двоїстість японського дизайну
З одного боку, японський дизайн часто асоціюється з мінімалізмом — простими кольорами, лаконічними формами та чистим інтерфейсом. Цей стиль походить від дзен-буддизму, який пропагує простоту та відсутність зайвого.
Проте після війни, коли Японія відновлювала економіку, мінімалізм поступився місцем яскравим і насиченим рішенням. У країні з’явилася велика кількість товарів, і дизайн став відображати дух споживання: багато графіки, насичені шрифти, мінімум порожнього простору. Вже у 80-х мінімалізм повернувся як реакція на надмірність. Наприклад, компанія Muji почала створювати товари без зайвого декору.
Втім, зазвичай японські сайти не мають нічого спільного з мінімалізмом. Для японських користувачів головне — отримати якомога більше інформації про товар, щоб вибрати найкращий. Коли на Заході дизайн зосереджується на емоційному зв’язку з клієнтом — через графіку, шрифти та візуальний стиль. У Японії жключова мета дизайну — детально розповісти про переваги товару. Естетика важлива, але завжди другорядна.
Характерні риси японських сайтів
- Мінімум вільного простору на екрані.
- Велика кількість тексту та детальний опис продуктів.
- Яскраві та насичені кольори.
- Використання великої кількості невеликих і яскравих графічних елементів.
- Поєднання мов — часто змішуються різні японські накреслення разом із англійським текстом.
Чому японські сайти виглядають саме так
Кожен UX/UI-дизайн створюється для людей, тому інтерфейси завжди відображають потреби та вподобання користувачів. Основні причини, чому японські сайти виглядають для нас дивно:
Мова та письмо
Текст є ключовим елементом будь-якого сайту, тому особливості мови беззаперечно впливають на дизайн. Сучасна японська мова використовує три основних типи письма:
- Кандзі — ієрогліфи китайського походження.
- Хірагана та катакана — складові азбуки.
У Японії така система називається «змішане письмо з ієрогліфами та каною». Тексти можуть розташовуватися як горизонтально, так і вертикально, що дозволяє компактніше розміщувати контент на сайті. Крім того, для японців вертикальне розташування ієрогліфів є більш природним і зручним для читання.
Відсутність акцентів
Ієрогліфи належать до логографічного письма, де символи складаються з видимих елементів, а не з фонем, як в алфавітних мовах (наприклад, українській чи англійській). У японському письмі немає курсиву чи розділення на великі й малі літери. Через це складніше створити візуальну ієрархію та виділити головне в інтерфейсі.
Ще одна проблема — обмежений вибір шрифтів для японської мови. Для створення шрифту потрібно відмалювати кожен символ окремо, а їх у японській системі письма — тисячі. Це вимагає великих витрат часу й фінансів. Через це на японських сайтах часто використовують прості шрифти для тексту, доповнюючи їх численними графічними елементами.
Впевненість користувача
Велика кількість інформації на японських сайтах відповідає головній потребі місцевих споживачів — дізнатися якомога більше про товар перед покупкою.
Для залучення покупців в Японії недостатньо створити емоційний зв’язок. Натомість важливо надати вичерпну інформацію про товар, додавши детальні описи та численні характеристики спрямовані на формування довіри. Це дозволяє користувачам самостійно аналізувати інформацію та приймати рішення.
Зазвичай текст на сайті детально описує функціонал продукту. Це допомагає японським споживачам зрозуміти, які завдання вирішує товар і чи відповідає він вартості.
Функціонал
Багатофункціональність товарів — ще одна характерна риса ринку товарів і послуг у Японії.
Наприклад, рисоварка може не тільки варити рис, але й готувати м’ясо. Для опису кожної функції потрібен значний обсяг тексту, тому елементи типографіки на японських сайтах часто розташовані дуже щільно.
Сайт як рекламний майданчик
В Японії інтернет розглядається не як інструмент взаємодії аудиторії з продуктом, а як рекламна платформа, де потрібно максимально яскраво представити кожен товар чи компанію.
Яскравість графіки, шрифтів і насичені кольори виконують роль візуальних акцентів, які привертають увагу: «Подивіться сюди».
Варто зазначити, що зараз західні тенденції все більше впливають на UX/UI-дизайн у Японії. Незважаючи на велику кількість інформації, візуальний стиль японських сайтів поступово наближається до європейського: додається більше вільного простору, а обсяги тексту зменшуються.
Тенденції японського дизайну
Яскрава колірна палітра
Захоплення багатобарвністю проявляється у великій кількості акцентних відтінків та поєднанні пастельних, природних, неонових і яскравих тонів. Червоний колір, який у японській культурі символізує свято, зазвичай використовується для привернення уваги та формування довіри. На відміну від західного підходу, він рідко виступає сигналом про помилку чи попередження.
Технологічність
Японський дизайн спирається не тільки на традиції, але й на передові технології. Для створення сучасного вигляду сайтів часто використовуються інноваційні рішення. Наприклад, на головній сторінці особистого сайту Масаюкі Дадзими анімація не просто відображається, але й має інтерактивний характер: напрямок 3D-елемента змінюється в залежності від руху курсора.
Також для створення враження високотехнологічного продукту багато японських компаній використовують прокручування, анімацію, 3D-графіку та інші декоративні елементи по всьому дизайну, щоб занурити користувача в певну атмосферу.
Оригінальні рішення
Одна з тенденцій — свідоме ігнорування звичних візуальних патернів і використання різних форм, кольорів та графічних елементів для створення унікального дизайну.
Авторська типографіка
Оскільки створення шрифтів для ієрогліфів – дуже трудомісткий процес, дизайнери часто використовують авторську типографіку. Для цього необхідно створювати лише ті символи, які потрібні для конкретних позначень, а не для всієї азбуки.
Каліграфія
Ще одна тенденція, пов'язана з письмом, — використання каліграфії в дизайні. Це мистецтво передає емоції, характер і звернення до японських традицій, що сприяє формуванню довіри у аудиторії. Часто каліграфія поєднується з мазками пензля, що додають динаміки та експресії візуалу.
Натхнення природою
Одна з напрямків японського дизайну — запозичення природних мотивів. Дизайнери можуть використовувати як фотографії пейзажів і японських ландшафтів, так і розміщувати квіти, рослини та тварин на екранах.
Поєднання мов і написів
Взаємодія з різними країнами та орієнтація на міжнародних користувачів призводять до використання не лише японської мови, але й англійської. На японських вебсайтах часто можна зустріти мікс з написів різних ієрогліфів (катакана, хірагана та кандзі) і англійської мови (латиниця).
Ілюстрації в стилі аніме та персонажі японської культури
Звернення до культури проявляється в використанні ілюстрацій у стилі аніме, які інтегруються в візуал продуктів. На сайтах з’являються персонажі манґи, естетика малюнків Studio Ghibli. Популярні герої можуть бути представлені анімацією, 3D-ілюстрацією або в статичному вигляді.
Музичний супровід
Створити певну атмосферу та занурити користувача в неї допомагає не тільки візуальний контент, а й звук, що впливає на слух. Багато японських сайтів мають музичний супровід, який часто базується на традиційних мотивах. Легкий і ненав'язливий акомпанемент не заважає взаємодії з інтерфейсом і позитивно впливає на користувацький досвід.
Вертикальний ритм
Під впливом нарисів мови Татегакі, японський дизайн має орієнтацію спрямовану згори до низу. Динаміка сайтів спирається на вертикальні напрямні та силові лінії, що створюють характерний ритм.
Що можна запозичити з японського дизайну
Максималізм
Японські дизайни складаються з великої кількості різних елементів, які автори вміло комбінують, залишаючи небагато вільного простору. Інтерфейси можуть здатися перенавантаженими, але це не погіршує досвід взаємодії. Таку кількість деталей доцільно використовувати на фестивальних сайтах, авторських проєктах і в портфоліо. Однак не варто звертатися до максималізму, якщо ви працюєте над проєктом у галузі медицини — це буде недоречно.
Вертикальна орієнтація
На екранах десктопних пристроїв ми зазвичай звикли до горизонтальної організації простору. Використання вертикальних та силових ліній створить незвичний для західного користувача досвід взаємодії та дозволить виділити ваш продукт серед конкурентів.
Орієнтація на опис та фактичні дані про товар
Для формування довіри серед аудиторії надавайте користувачам максимально повну інформацію про ваш продукт. Це сприятиме зростанню лояльності та залучатиме нових клієнтів.
Вплив на різні способи сприйняття
Багато японських дизайнерів включають у концепцію сайтів музичний супровід, який занурює користувача в атмосферу продукту. Зверніть увагу на легку та ненав'язливу музику, яка не буде заважати людині під час взаємодії з сайтом.
Звернення до природних мотивів
Елементи флори та фауни можна різними способами інтегрувати в дизайн: надихаючись плавними вигинами ліній рослин, яскравим забарвленням квітів і тварин, окремими елементами. Наприклад, на головному екрані сайту компанії, що виготовляє дерев'яні меблі, можна побачити відео лісу, який є матеріалом для продукції.
Корисні посилання
На сайті Awwwards є сторінка, присвячена японським дизайнам, де можна ознайомитися з класними прикладами сучасних японських фестивальних та комерційних сайтів.
Ще одне корисне посилання — колекція японських сайтів.
Висновок
Японські сайти різноманітні і не обмежуються лише мінімалізмом чи максималізмом. Дизайнери звертаються як до традиційних практик (японська гравюра укійо-е, каліграфія, традиційний костюм), так і до мотивів сучасного технологічного світу. Характеристики та тенденції японського дизайну можуть стати джерелом натхнення, а японські практики сміливо інтегрувати у свої продукти.
