Обучайся бесплатно с WAYUP Premiere сегодня вечером

Вы когда-нибудь присматривались к дизайнам сайтов, которые существуют в Китае? Если сравнивать западный веб-дизайн и китайский, то можно заметить множественные различия и особенности, которые важно знать тем мастерам, которые стремятся не ограничиваться региональными заказами (как правило, Россия и страны СНГ). Но даже если вы не планируете сотрудничать с китайскими заказчиками, узнать подробнее о том, чем же принципиальным отличается деятельность веб-дизайнера в Поднебесной стоит хотя бы потому, что отдельные элементы всегда можно позаимствовать или идеи сочетания, расположения, построения. Аналогично тому, как искусство прошлого может помочь найти вдохновение для создания нового проекта.

В этом материале мы рассмотрим, что собой представляет интернет-пространство Китая в целом и как оно влияет на развитие веб-дизайна в стране. Впрочем, и не только это. Возможно, рассказ будет насыщенным, но… не достаточно просто видеть, что вот, есть плавающее меню или списки категорий слева поверх баннеров и понимать, что в Европе так не принято делать. Мы постараемся обратить ваше внимание, почему веб-дизайн Китая такой, какой есть и почему, казалось бы, необычные для европейцев «китайские» идеи  все же могут быть использованы. И, разумеется, какие именно.

Интернет-пространство – ключ к веб-дизайну

В Китае отношение к интернету, к информации в нем совсем иное, чем у западных пользователей. Здесь более всего уделяют внимание мобильной индустрии, мобильным приложениям и всему тому, что может связывать сайты и мобильники. Если на западе сайты стараются сделать с адаптивным дизайном, то есть, чтобы и окно браузера удобно было уменьшать и читать при этом информацию, и на мобильном устройстве открывать, то в Китае адаптивный дизайн используется редко. Скорее создаются отдельные версии сайтов или только приложения. Настольные версии сайтов здесь используются, наоборот, как расширенный вариант мобильной версии. Компании и частные пользователи обычно посещают сайты со смартфонов и планшетов, поэтому открывать на компьютере им уже не особо необходимо. И что удивительно, но в Китае так было всегда, на протяжении уже многих лет. Для них настольная версия – не главное. Дополнение? Да, хорошее, но не сама суть.

Все дело в том, что в Китае более всего в мире пользуются мобильным интернетом. Номер мобильника в Китае невероятно важная вещь, аналогично наличию ИНН у граждан России или СНИЛСа. Если потерять номер смартфона, то утеряется львиная доля всех личных данных, номеров электронных кошельков, профили. По сути, в Европе тоже такое есть, но принудительной привязки к мобильнику на всех сайтах, все же, еще нет, а в Китае – повсеместно. Даже если обычно мы с вами регистрируемся по e-mail, то они по номеру телефона.

Благодаря всему этому китайские сайты широко используют QR-код буквально для всего. Вы заходите на поисковый сайт (настольной версии) – QR-код предлагает, путем сканирования, загрузить приложение на мобильник или открыть мини-сайт, совершить сразу покупку через данный QR код путем оплаты с любого кошелька, так как все они все равно привязаны к мобильнику. Решили пообедать в кафе или проехаться в транспорте – тоже, везде QR-коды и оплачивать можно через мобильник. Посмотрите примеры сайтов ниже. Крупные, известные сайты и QR-коды везде, везде и в разных местах.

Вопрос оптимизации для браузеров

Другая особенность веб-дизайна – оптимизация для WeChat. За последние годы WeChat стал почти монополистическим сервисом для общения, в котором люди узнают новости, общаются, делятся фотками, музыкой. Соответственно, внутренний браузер является именно тем самым, главным, под который требуется оптимизировать сайт. Если сайт будет некорректно в нем отображаться, то на него и внимание не обратят.

Но есть еще момент – WeChat является хорошей базой для маркетинговых исследований. Если посетитель открыл сайт через внутренний браузер, то вы, как владелец, в статистике можете увидеть его уникальный ID (не ник, а именно WeChat ID). Если в приложении оформляется подписка, то тогда для статистики становится доступна информация о фото, городе, языке, имени настоящем и прочем. Логично, что обладая такими таргетинговыми данными, удобно выстраивать пути развития для компаний и развития веб-сайта. А поскольку в Китае европейские и американские соцсети заблокированы правительством, то WeChat становится почти единственной системой, в  котором «общаются» пользователи Китая.  

Элементы веб-дизайна

Но, так или иначе, в веб-дизайне существуют и еще некоторые интересные особенности. Если посмотреть на совокупность сайтов по направлениям и тематикам, то они создаются в общей стилистике по категориям.

Почти все сайты электронной коммерции на домашней странице имеют ниспадающее боковое меню слева с отображением категории продуктов. Таким образом, упрощается доступ и поиск нужной категории товаров, сайт выглядит чуть более наглядным.  Это и suning.com, dangdang.com, amazon.cn, world.taobao.com и многие иные крупные проекты.

Вертикальное пользовательское меню. Да, есть и такое. Если внимательно посмотрите скриншоты проектов qunar.com, suning.com, то сможете его хорошо увидеть. В качестве пунктов используются ссылки на техподдержку проекта, на контакты с клиентским отделом, здесь также размещается QR-код, ссылки на личный кабинет пользователя, история заказов и прочая и прочая.

Проект же nvzhuang.tmall.com имеет на панели пункты «избранное», «мои бренды», «мой счет», «просмотренное ранее», QR-код, «корзина». При этом основная активная мини-панель всегда справа, а большая активируется при нажатии на кнопку TOP внизу окна браузера.

Яркие цвета, насыщенные, но не кислотные. Примечательно, что в Китае яркие цвета используют во всем: в веб-дизайне, в видеоиграх, плакатах, дизайне интерьеров и прочее. Даже если страницы сайтов имеют белый фон, то «отделка» (полосочки меню, заглавия, границы инфоблоков) всегда яркая. Создается эдакий контраст, о котором мы говорили в нашем материале об искусстве.

Типографика в веб-дизайне

Китайские сайты, в большинстве своем, выглядят словно бы перегруженными текстовой информацией. И дело в том, что в стране используется 4 основных видов шрифта. Алфавит же состоит приблизительно из 2 000 глифолв, а файлы со шрифтами весят порядка 4-6 МБ. Можно представить, как банально долго грузится такая станица.  Что делать рядовому веб-дизайнеру, решившему на сотрудничество с китайскими заказчиками?

Существуют сервисы обработки таких шрифтов. Проекты youziku.com и en.justfont.com обрабатывают шрифты на своих серверах и затем отправляют результат на хостинги страны. При этом используются изображения в формате SVG и PNG для статического отображения текста. Но главное то, что китайские сайты создаются на родном для пользователей языке.

Дополнительные примеры веб-дизайна

В целом, веб-дизайн в Китае развивается стремительно и очень наглядно. Но необходимо учитывать, что веб-дизайн для китайцев – одна из возможностей отражения их духовной культуры. Если вы решите создать сайт в стиле фэнтези, рыцарей и магии, использовать элементы пиксельной графики или рисованных изображений с европейскими мотивами – это не вызовет каких-то особенных чувств и воздействовать на эмоции у вас попросту не получится. Более того, в Китае многие европейские и американские сайты заблокированы. Их нельзя посетить даже с помощью расширений для браузера для обхода блокировки и использования proxy. Зато в Китае создаются их аналоги.

Нет Youtube? Зато есть youku.com.

Проблема с Twitter? Воспользуйтесь weibo.com

Но, например, если компании имеют региональные сайты, то их дизайн создается обычно одинаковым за исключением использующегося языка. В случае же с Китаем дела обстоят иначе, хотя для известных корпораций существуют исключения.  Веб-дизайн терпит изменения и яркий пример тому amazon или volkswagen, 360totalsecurity.com, cn.chinadaily.com.cn и многие иные.

Заключение

Так к чему весь наш большой рассказ? Веб-дизайн в Китае самобытен и своеобразен. Между тем, некоторые идеи веб-дизайна из Китая постепенно начинают использоваться и в Европе, и в России, и в Америке. Например, размещение QR-кодов все больше набирает популярность и их стараются использовать и в обычной жизни граждан. Соответственно, создавая веб-дизайн для компании, можно поинтересоваться, а есть ли приложение для мобильных устройств у этой компании, может, стоит использовать такой электронный код для удобства оплаты товаров в магазине.

Яркие цвета и контрастное сочетание тоже вполне уместно и на европейских сайтах. Как и боковое размещение списка категорий или боковая полоска меню (очень уж эта идея нам понравилась). Задача веб-мастера не просто «нарисовать» сайт «под копирку» и «строго по стандартам». Задача – сделать его функциональным, современным, в чем-то новаторским. Иными словами, экспериментируйте, пробуйте и находите идеи у союзнических стран.

Как вам материал?