Каждому приложению нужна красивая и запоминающаяся иконка, которая привлекает внимание в магазине App Store и выделяется на домашнем экране. Ваша иконка - это первая возможность с первого взгляда рассказать о цели вашего приложения. Она также видна во всей системе, например в настройках и результатах поиска.

Untitled

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

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

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

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

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

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

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

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

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

Всегда сохраняйте форму иконки квадратной. Система сама применит маску, которая автоматически скгругляет углы иконок.

Атрибуты иконки приложения

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

Атрибут Значение
Формат PNG
Цветовое пространство P3 (широкий цветовой охват), sRGB (цвет) или Гамма 2.2 (оттенки серого)
Слои Без слоев и прозрачности
Разрешение Разное
Форма Квадрат, без скруглений (система сама скруглит)

Размеры значков Приложений

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

Untitled

Устройство или контекст Размер иконки
iPhone 60x60 pt (180x180 пикселей @3x)
60x60 pt (120x120 пикселей @2x)
iPad Pro 83.5x83.5 pt (167x167 пикселей @2x)
76x76 pt (152x152 пикселей @2x)
App Store 1024x1024 pt (1024x1024 пикселей @1x)

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