Как Huawei дизайн EMUI 10 менял, и зачем это вообще было нужно

Когда речь заходит о дизайне новых оболочек для у больших компаний, мне лично сложно с первого раза понять, почему одной из них приятно пользоваться, а другой — нет. Поэтому компаниям все чаще приходится проводить пресс-конференции, на которых не-дизайнерам наглядно объясняется, что именно было сделано для улучшения общего «пользовательского ощущения». На одну из таких я и попал во время пресс-тура Huawei, и, честно говоря, изначально был настроен довольно скептично. 

Итак, новый Emotion UI, или, сокращенно, EMUI, на этот раз версии 10. Еще несколько лет назад все оболочки, которые производители насильно устанавливали на свои телефоны это был «ужас-ужас», а сегодня есть те, кто покупают смартфоны компании потому, что привыкли к «фирменной» оболочке. За то время, которое я не видел EMUI (а это примерно с 5 версии) в ее облике поменялось многое — иконки перестали быть аляповатыми, исчезли кричащие цвета, на экране перестало быть «тесно».

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

Штука понятная, «хипстерская», ее в последнее время используют практически все производители — начиная от Apple (после ухода от тяжеловатого скевоморфизма), и заканчивая Samsung. Только Xiaomi остается немного в стороне. 

Такой формат также склоняет нас к использованию «виджетного» формата заголовков, в веб-дизайнерском просторечии именуемым masonic-сеткой (я его, честно говоря, не очень люблю, но, как показывают опросы, большинству людей они нравятся).

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

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

Для того, чтобы пользователю было более комфортно смотреть на картинку, вместо обычной яркости (компонента hue из HSL палитры) используется приведенная (или воспринимаемая) яркость. Оказывается, она разная для разных цветов — при одинаковом hue, желтый цвет будет казаться ярче, чем, например, синий. 

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

Новые иконки также стали более плоскими и яркими по сравнению со старыми.

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

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

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

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

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

А при жестах и «смахивании» полет иконок и основного окна рассчитывается на основе баллистической траектории и направления жеста. 

Мне также удалось попробовать интерфейс (в бета-версии) на смартфонах вживую. Мне понравилось, правда, стоит сделать скидку на то, что я не имел дела с EMUI старше 5 версии. По сравнению с предыдущей версией интерфейса (который был на смартфоне одного из коллег) каких бы то ни было особых изменений я не заметил, все они достаточно незначительные. 

Ну и, приведу ответ на вопрос — а зачем это было нужно. По факту — чтобы люди начали уже пользоваться оболочками производителей и все больше ими пользовались. У Huawei с их EMUI это, скорее всего, получится.

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

Все публикации о поездке в кампус Huawei смотрите по тэгу Huawei2019ChinaTrip