Характеристики дизайна значков Google Play

В приложениях и играх 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 динамически обрабатывает маскирование. Радиус будет равен 30% от размера значка.
  • Тень: Отсутствует – Google Play динамически обрабатывает тени. См. раздел «Тени» ниже, чтобы узнать, как добавлять тени в ваши изображения.

Общий размер активов

Общий размер активов

Ключевые линии иконок продукта

Ключевые линии иконок продукта

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

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

Размер

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

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

Пример полноэкранного изображения (финальный вариант)

Ваш полноэкранный макет (финальный вариант)

В итоге получаются тени и закругленные углы, динамически применяемые Google Play.

В итоге получаются тени и закругленные углы, динамически применяемые Google Play.

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

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

Иллюстрированные изображения обычно хорошо смотрятся в качестве иконок, занимающих всю ширину страницы.

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

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

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

Тени

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

При добавлении теней к изображениям иконок учитывайте соответствие стандарту Android, следуя рекомендациям Google Material Design.

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

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

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

Не закругляйте края конечного изделия.
По возможности заполните все пространство произведениями искусства.

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

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

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

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

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

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

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

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

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

Режим наследия

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

С мая 2019 года загрузка иконок в соответствии с исходными спецификациями будет запрещена . Подробнее см. в разделе «Сроки» .

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

Инструкции для пользователей API

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

До 17 июня 2019 года разработчикам необходимо было использовать Play Console для применения новой спецификации к своим иконкам. Все вызовы Edits.images: upload будут применять ту спецификацию, которая настроена в Play Console. Применение новой спецификации через API невозможно. Вызов Edits.images: upload может завершиться ошибкой, если старая спецификация все еще применяется, и сообщение об ошибке для этой конкретной иконки укажет на эту спецификацию. После применения новой спецификации с помощью Play Console вы можете повторить вызов Edits.images: upload . Возможно, потребуется повторить вызов несколько раз, прежде чем он завершится успешно.

Начиная с 17 июня 2019 года, все вызовы API к Edits.images: upload будут автоматически применять новую спецификацию к иконке. После 17 июня 2019 года следует загружать только иконки, совместимые с новой спецификацией.

Скачайте шаблоны дизайна и ресурсы.

Для начала скачайте один из предоставленных шаблонов ресурсов: