В Играх и приложениях в 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 динамически добавляет тени к его итоговой версии.
Добавляя тени внутри изображения значка, убедитесь, что не нарушаете принципы дизайна платформы Android (следуйте рекомендациям Google Material).
Радиус закругления
Google Play динамически применяет радиус закругления. Это обеспечивает единообразие дизайна, когда изменяется размер значка для разных макетов интерфейса. Радиус будет составлять 20 % от размера значка.
Метки
Встроенные метки ухудшают вид самого изображения и неправильно масштабируются в значке.
Адаптация бренда
Если форма имеет важное значение для логотипа, не используйте изображение без полей. Вместо этого разместите его в новой контурной сетке.
При возможности выберите для объекта цвет фона, соответствующий вашему бренду, и не добавляйте в фон прозрачные элементы. Прозрачные объекты будут отображаться в цвете фона интерфейса Google Play.
Если вокруг логотипа нет явной формы, которая его определяет, разместите его на фоне без полей.
Если ваше изображение достаточно адаптируемое, рекомендуем изменить его так, чтобы оно полностью заполняло пространство объекта. Если это невозможно, разместите логотип в контурной сетке.
Устаревший режим
Исходные объекты значков, не обновленные в соответствии с новыми спецификациям, в итоге перейдут в устаревший режим и уменьшатся до 75 % по контурной сетке (512 * 0,75 = 384 пикселя).
С мая 2019 г. вы уже не сможете загрузить значок с исходной спецификацией. Подробнее о сроках.
Шаблоны и ресурсы
Чтобы начать работу, скачайте один из следующих шаблонов объектов:
- Шаблон Sketch (.sketch)
- Шаблон Illustrator (.ai)
- Шаблон Photoshop (.psd)