Смешение языков, сложная типографика и милые персонажи — 10 трендов японского графического и веб-дизайна

Веб-студия AIC подготовила для vc.ru перевод статьи Мэри Стрибли об основных тенденциях в японском графическом и веб-дизайне. 

Взгляните на государственный флаг Японии — яркий цветовой контраст и простая геометрия. Красиво, изящно и очень оригинально на фоне европейских триколоров и крестов, правда? А теперь забудьте про флаг — на нем японский графический минимализм исчерпывается, и начинается хаос.

Культура Японии объединяет несовместимое: цветущие сады и небоскрёбы, боевые искусства и чайные церемонии. В дизайне всё подчиняется той же логике — бесконечное нагромождение несочетаемого.

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

Япония изобилует цветом — любовь к пестроте заложена в подкорке каждого жителя. Японцам мало того взрыва красок, что дарят рекламные щиты улицам Токио, поэтому каждое воскресенье они проводят косплей-сборища в районе Харадзюка.

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

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

Веб-дизайн тоже пестрит цветом:

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

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

В вебе смешение языков тоже считается нормой — зачастую названия разделов и заголовков пишутся латиницей:

В японском языке 50 тысяч иероглифов, из них только три тысячи находятся в лексиконе современного японца. На деле их и того меньше — выпускник школы должен знать 1945 иероглифов, а в написании имён и фамилий руководствоваться списком «дзиммэйё-кандзи» — в нём 861 знак.

Этот список составляет основу японской типографики. В текстах могут встречаться и другие символы, но случается это крайне редко.

Японский язык настолько сложный, что проще нарисовать нужные символы от руки, чем каждый раз разрабатывать полноценный шрифт. У дизайнеров нет простора в выборе начертания, зато они почти не слышат фразу «поиграйте со шрифтами» .

Кажется, ограничения в типографике не касаются японского веб-дизайна: 

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

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

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

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

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

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

В веб-дизайне найти цветочные темы тоже несложно:

Ещё один распространённый элемент японского дизайна — круг. Он символизирует равновесие и гармонию, поэтому часто применяется в геральдике (вспомните про флаг). Если в круге есть изображение, оно почти всегда подчиняется законам симметрии:

Осевая симметрия часто используется в брендинге и создании логотипов. Круг как таковой может отсутствовать, однако общий баланс сохраняется. Логотип Mitsubishi построен по этому принципу:

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

Даже в веб-дизайне японцы стараются визуально разделять макет на две похожие половинки — как, например, здесь:

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

Натали Авелла, автор книги Graphic Japan, отмечает: «Японцы часто стараются разрядить обстановку за счёт популярных и смешных персонажей. Это позволяет брендам строить непринуждённую коммуникацию и развивать близкие отношения с клиентом».

Миленькие рисованные персонажи, конечно же, встречаются в вебе — как на этом сайте, выигравшем на конкурсе Awwwards.

Большая часть японского дизайна перегружена текстом, особенно это касается веба — в нём нет места минимализму. Почему? Ответ снова дают культурные особенности: японцы не умеют выделять главное и каждую историю сопровождают мельчайшими подробностями.

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

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

Ещё пример — плакат для японской выставки. Текст вписан в общую геометрию и симметрию рисунка. Давайте пофантазируем, сколько бы европейских заказчиков ответили «да, отлично, я беру это!».

В этом тренде дизайна объединены все остальные. Элементы макета накладываются друг на друга — так дизайнер создает динамику в картинке:

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

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

#Интерфейсы #Дизайн #веб_дизайн