Спецификации дизайна значков для Google Play

В Играх и приложениях в Google Play внедряется новая система значков. Она адаптирует добавленные разработчиками изображения ко всем макетам интерфейса и типам устройств, а также упростит и стандартизирует дизайн Google Play.

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

Произвольная форма (исходный формат)
Новый стандартный формат

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

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

  • Адаптивные значки для Android
    Эти рекомендации для значков APK-файлов помогут понять, как создавать адаптивные значки приложений, появившиеся в Android 8.0 (уровень API 26).
  • Значки продуктов
    Это концепции Material Design для значков приложений, в том числе для дизайна, форм, характеристик и обработки.

Как создавать объекты

В этом разделе описаны рекомендации по созданию визуальных объектов для приложения в Google Play.

Атрибуты

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

Создавая изображение, убедитесь, что оно соответствует указанным ниже требованиям.

  • Итоговый размер: 512 x 512 пикселей.
  • Формат: 32-разрядный PNG.
  • Цветовое пространство: sRGB.
  • Максимальный размер файла: 1024 КБ.
  • Форма: полный квадрат. Google Play динамически применяет маску. Радиус будет составлять 20 % от размера значка.
  • Тень: нет. Google Play динамически применяет тени. В разделе "Тени" ниже описаны принципы использования теней в изображении.
Общий размер объекта
Контуры значка продукта

После загрузки изображения Google Play динамически применяет маску с закругленными углами и тени для единообразия внешнего вида всех значков приложений и игр.

Слева показан новый объект значка. Следующие три изображения справа демонстрируют, как Google Play динамически обрабатывает значок.

Определение размеров

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

Используйте контуры как ориентир для размещения элементов изображения (например, логотипов).

Изображение без полей (итоговый объект)
Итоговый результат с тенями и закругленными углами, динамически примененными Google Play

Не обязательно заполнять логотипом или изображением все пространство объекта. Вместо этого воспользуйтесь контурной сеткой.

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

Обычно нарисованные изображения можно использовать без полей.

Чего не стоит делать
Не уменьшайте размер нарисованного изображения по контурам
Что рекомендуется
Используйте пространство объекта полностью, чтобы рисунок занял весь значок

Тени

После загрузки значка Google Play динамически добавляет тени к его итоговой версии.

Добавляя тени внутри изображения значка, убедитесь, что не нарушаете принципы дизайна платформы Android (следуйте рекомендациям Google Material).

Чего не стоит делать
Не добавляйте тени к итоговому объекту
Что рекомендуется
Можно добавлять тени и освещение внутри изображения

Радиус закругления

Google Play динамически применяет радиус закругления. Это обеспечивает единообразие дизайна, когда изменяется размер значка для разных макетов интерфейса. Радиус будет составлять 20 % от размера значка.

Чего не стоит делать
Не закругляйте углы итогового объекта
Что рекомендуется
По возможности заполните изображением весь объект

Метки

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

Внимание.
Не добавляйте рекламные предложения в изображение
Внимание.
Не используйте метки с элементами бренда

Адаптация бренда

Если форма имеет важное значение для логотипа, не используйте изображение без полей. Вместо этого разместите его в новой контурной сетке.

Слева направо: исходный объект значка, новый объект значка (рекомендуемая адаптация), новый значок, отрисованный в Google Play.

При возможности выберите для объекта цвет фона, соответствующий вашему бренду, и не добавляйте в фон прозрачные элементы. Прозрачные объекты будут отображаться в цвете фона интерфейса Google Play.

Слева направо: исходный объект значка, новый объект значка (рекомендуемая адаптация), новый значок, отрисованный в Google Play.

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

Слева направо: исходный объект значка, новый объект значка (рекомендуемая адаптация), новый значок, отрисованный в Google Play.

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

Слева направо: исходный объект значка, новый объект значка (рекомендуемая адаптация), новый значок, отрисованный в Google Play.

Устаревший режим

Исходные объекты значков, не обновленные в соответствии с новыми спецификациям, в итоге перейдут в устаревший режим и уменьшатся до 75 % по контурной сетке (512 * 0,75 = 384 пикселя).

С мая 2019 г. вы уже не сможете загрузить значок с исходной спецификацией. Подробнее о сроках.

Исходные объекты значков автоматически перейдут в устаревший режим и уменьшатся до 75 % по новой контурной сетке.

Шаблоны и ресурсы

Чтобы начать работу, скачайте один из следующих шаблонов объектов: