Знакомимся с Android Adaptive Icons.

Eugene Saturov
3 min readJul 13, 2017

--

Перевод https://medium.com/google-design/understanding-android-adaptive-icons-cee8a9de93e2

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

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

Взгляните на иконку Plaid. Необычная форма обращает на себя внимание, приложение выделяется:

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

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

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

Ожидание vs реальность: если все уникальны, то никто не уникален

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

Лаунчер Samsung, отображающий иконки приложений на фирменной подкладке в виде квадрата со скруглёнными краями.

И хотя желание стандартизировать форму иконок вполне понятно, изменение иконки без участия разработчика редко может привести к хорошему результату.

В Android 7.1 появился roundIcon — атрибут, позволяющий задать приложению альтернативную иконку круглой формы, используемую для демонстрации на устройствах с Android 7.1 и выше. Этот атрибут практически не решает проблему, так как, во-первых, он не отвечает требованиям OEM, поддерживая только иконки круглой формы, а во-вторых не предусматривает никакой процедуры валидации (разработчик всё так же может использовать произвольную иконку, и хорошо, если её форма хотя бы отдалённо напоминает круг).

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

Вот так выглядел первый вариант адаптации иконок приложений Google для Android 7.1 — лишь несколько иконок из всего набора были действительно переработаны под новый формат.

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

Да, это выглядит как ограничение свободы дизайнерской мысли. И всё же, это скорее смена курса, нежели репрессивные ограничения. Адаптивные иконки открывают перед создателями приложений массу доселе недоступных возможностей.

Во второй статье цикла мы обсудим основные подходы к дизайну и проектированию Android Adaptive Icons:

--

--