Спецпроект

Нововведения в фирменной пользовательской оболочке Huawei EMUI 10

Содержание

Панель уведомлений
Настройки
Цветовая палитра Моранди
Контакты
«Темный режим»
Плавная анимация
Заключение

Пользовательский интерфейс под названием EMUI (Emotion user interface) был разработан в 2012 году компанией Huawei для своих смартфонов и базировался на операционной системе Google Android.

Впервые о EMUI мы узнали на выставке CTIA Wireless от вице-президента по маркетингу американского подразделения Huawei Device Джеймса Цзяна (James Jiang). А главный директор по дизайну интерфейса в Huawei Device Деннис Пун сказал:

«Emotion UI — это отражение философии эмпатичного дизайна, созданного пользователями и для пользователей. Команда отнеслась к этому вопросу очень сознательно, поставив людей превыше технологий».

В EMUI версии 1.0 появился уникальный стиль дизайна, пользователь получил новый опыт работы со смартфонами.
В EMUI версии 3.0 переосмыслили все: линии, точки и поверхности дизайна UI.
В EMUI версии 5.0 разработчики компании Huawei привнесли в стиль UI простоту и выбрали синий и белый цвета в качестве основных в дизайне пользовательского интерфейса
В EMUI 9.0 появляются природные мотивы, гармоничная и приятная для глаза палитра, технология Auto color picker улучшает контраст и яркость элементов интерфейса, повышая читаемость текста и создавая ощущение цельного и комфортного пространства.

И вот летом 2019 года выходит новая версия EMUI 10, которая получает слоган «За гранью красоты».

Главной отличительной особенностью становится философия дизайна пользовательского интерфейса в стиле глянцевого журнала: большие участки белого пространства, как в бумажном варианте какой-либо статьи в журнале, крупные заголовки и так далее. Ниже приведу фотографию, которая точно передает весь смысл философии «Magazine Design».

Нововведения в фирменной пользовательской оболочке Huawei EMUI 10

Панель уведомлений

Одно из самых заметных изменений в UI относится именно к панели уведомлений. Здесь дизайнеры увеличили расстояние между иконками для того, чтобы легче было попадать по необходимым элементам интерфейса. Когда вы открываете панель первый раз, то значки не подписываются. Это сделано для увеличения пространства и размещения дополнительной иконки.

В случае развертывания панели уведомлений вы можете наблюдать на примере UI тот самый «Magazine Design»:

Пространство для заголовка
Основные элементы
Большое белое пространство.

Кроме того, увеличилось пространство между уведомлениями для более комфортного чтения информации.

Настройки

Первое, на что обращаешь внимание - иконки. Теперь они все круглые. Рисунки внутри них более читабельные и информативные.

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

Снова видим больше пространства для разделения пунктов. Это помогает быстрее вникать в суть заголовков и проще воспринимать данные. Тем не менее, в новой версии EMUI в настройках убрали подписи к параметрам настроек.

Некоторые пункты собрали в один раздел. Например, в «Другие соединения» поместили «NFC», «VPN» и так далее.

Цветовая палитра Моранди

Дизайнеры компании Huawei при оформлении некоторых пунктов меню вдохновлялись итальянским живописцем и графиком Джорджо Моранди.

«Гамма художника при кажущейся простоте чрезвычайно сложна, и построена на тончайших нюансах; да и формы, присутствующие в его произведениях, — просты, но достаточно разнообразны, наделены характером, а порой — изощренно причудливы, а не примитивны — в смысле, подразумеваемом этим стилем».

Дизайнеры позаимствовали баланс приглушенных цветов и нежных тонов для достижения элегантности и общей умиротворенности.

Такое оформление можно наблюдать, например, в контактах или каких-либо подсказках.

Контакты

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

Немного изменилась анимация, то есть, если прокручивать список контактов вверх, слово «Контакты» увеличивается, а если прокручивать вниз - уменьшается. Таким образом появляется больше места для списка.

Аналогично оформлены и другие вкладки: телефон, избранное и так далее.

«Темный режим»

Актуальная опция для устройств, которые используют AMOLED матрицу для лучшего сбережения энергии.

В лаборатории Huawei Ambient Light Lab моделировали четыре различных интенсивности света, отслеживали данные движения глаз, изучали долгосрочный комфорт и то, как отношения контрастности изображения и текста могут влиять на комфорт чтения.

Основываясь на результатах этих исследований, команда разработчиков создала новый тип «темного режима» для оптимального комфорта.

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

Чтобы переключиться в «темный режим», необходимо зайти в настройки и выбрать «Экран и яркость».

Плавная анимация

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

В новой версии EMUI 10 оптимизировали анимацию UI. Теперь эффекты имеют более «тягучую» анимацию, плавно соединяя переключение между различными окнами без задержек. Это удалось сделать благодаря увеличению кадров анимации между переходами с одного действия на другое.

Еще одна интересная вещь. Для свертывания приложений используется жест свайп снизу вверх. Так вот, разработчики Huawei сделали эту анимацию на основе траектории снарядов: в зависимости от скорости и направления свайпа анимация будет отрабатывать разные действия. Например, если программу «скинуть» вбок, то ее окно опишет дугу большого радиуса и свернется в иконку. А если окно «скинуть» по направлению к иконке, то оно свернется почти моментально в иконку.

Заключение

Давайте вкратце подведем итоги нововведений в фирменной пользовательской оболочке Huawei EMUI 10:

Философия дизайна в стиле журнала. Здесь применяются пустые пространства, больше места для отображения информации, подсветка ключевых вещей, то есть соблюдаются правила оформления статей в какой-либо газете или в журнале.
Цветовая палитра Моранди. Приятные пастельные тона, приглушенные цвета для более легкого взаимодействия с системой.
«Темный режим». Разработчики в Huawei Ambient Light Lab поработали над оформлением особого режима под названием «Темный режим» для того, чтобы уменьшить нагрузку на глаза при различных условиях освещения. Кроме того, этот режим позволяет экономить энергию в случае применения AMOLED-дисплеев.
Плавная анимация. Словами описывать данное явление достаточно сложно, необходимо вживую видеть разницу между EMUI предыдущего поколения и EMUI версии 10. Она стала более плавной и отзывчивой. Что сыграло важную роль при взаимодействии пользователя с фирменной оболочкой.

Более подробно о настройках, пунктах меню и других параметрах сможете прочитать здесь. Подробнее о UI на сайте производителя, а больше узнать о Huawei можно еще и в нашем отдельном разделе.

К содержанию >>>

Роман Белых ([email protected])

Опубликовано — 11 октября 2019 г.

Поделиться:

Мы в социальных сетях: