Руководство по размеру иконки для простого приложения для Android

1. Эта статья была заменена последней версией Lollipop 6.0 Руководство по размеру иконок Android ,...
2. Размер и формат
3. Таблица 1. Сводка размеров готовых иконок для каждой обобщенной плотности экрана.
4. Таблица 2. Сводная информация о значках.
5. Советы дизайнерам
6. Нужен специалист по дизайну иконок для Android?

Эта статья была заменена последней версией Lollipop 6.0 Руководство по размеру иконок Android , Пожалуйста, нажмите на изображение ниже, чтобы просмотреть последнюю информацию.

Найти правильные размеры значков приложений для Android, быстро

Для получения последней информации смотрите: Простое руководство по размеру иконок для Android для Lollipop 5.1 (5.1)

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

Ваш дизайн иконок Для Android 4.0 следует следовать общей спецификации и сосредоточиться на трех общих целях:

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

Размер и формат

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

Таблица 1. Сводка размеров готовых иконок для каждой обобщенной плотности экрана.

ldpi (120 dpi)

Экран низкой плотности

т / д (160 т / д)

Экран средней плотности

HDI (240 точек на дюйм)

Экран высокой плотности

xhdpi (320 т / д)

Экран сверхвысокой плотности

Размер значка средства запуска 36 x 36 px 48 x 48 px 72 x 72 px 96 x 96 px Размер значка панели действий 18 x 18 px 24 x 24 px 36 x 36 px 48 x 48 px Размер значка строки состояния
(Android 3.0 и более поздние версии) 18 x 18 px 24 x 24 px 36 x 36 px 48 x 48 px Значок диалога 24 x 24 px 32 x 32 px 48 x 48 px Список значков 24 x 24 px 32 x 32 px 48 x 48 ПВ

Давайте поговорим о подробных рекомендациях по распространенным типам иконок, используемых в приложениях Android. Вы можете прочитать, где каждый тип иконок используется в нашем предыдущем посте Размеры значков приложений для Android (3.0) ,

Таблица 2. Сводная информация о значках.

Размеры и масштаб

размеры

Стиль

Цвета

Значки запуска Значки запуска на мобильном устройстве должны быть 48 × 48 dp. Значки запуска для отображения в Google Play должны быть 512 × 512 пикселей . Полный актив, 48 × 48 dp Используйте отчетливый силуэт. Трехмерный вид спереди с небольшой перспективой, как будто вид сверху, так что пользователи воспринимают некоторую глубину. Панель действий Значки панели действий для телефонов должны быть 32 × 32 dp . Полный актив, 32 × 32 dp Оптический квадрат, 24 × 24 dp Пиктограмма, плоская, не слишком детальная, с плавными изгибами или резкими формами. Если изображение тонкое, поверните его на 45 ° влево или вправо, чтобы заполнить фокусное пространство. Толщина штрихов и отрицательных пространств должна быть минимум 2 dp. Цвета: # 333333Включено: 60% opacityDisabled: 30% opacityColors: #FFFFFFEnabled: 80% opacityDisabled: 30% opacity Маленькие / контекстные значки Маленькие значки должны иметь размер 16 × 16 точек на дюйм. Полный актив, Оптический квадрат 16 × 16 dp , Нейтральный, плоский и простой 12 × 12 dp . Заполненные формы легче увидеть, чем тонкие штрихи. Используйте одну визуальную метафору, чтобы пользователь мог легко распознать и понять ее назначение. Используйте нейтральные цвета экономно и целенаправленно. Например, Gmail использует желтый значок звездочки для обозначения сообщения, добавленного в закладки. Если значок активен, выберите цвет, который хорошо контрастирует с фоном. Значки уведомлений Значки уведомлений должны быть 24 × 24 dp . Полный актив, 24 × 24 dp Оптический квадрат, 22 × 22 dp Сохраняйте стиль плоским и простым, используя ту же визуальную метафору, что и значок вашего запуска. Значки уведомлений должны быть полностью белыми. Кроме того, система может уменьшать и / или затемнять значки.

Советы дизайнерам

• По возможности используйте векторные фигуры. По возможности используйте векторные фигуры, чтобы при необходимости активы можно было масштабировать без потери детализации и четкости краев. Использование векторов также позволяет легко выравнивать края и углы по границам пикселей при меньших разрешениях.
• Начните с больших артбордов. Поскольку вам нужно будет создавать ресурсы для экранов разной плотности, лучше всего начинать дизайн иконок на больших монтажных площадках с размерами, кратными целевым размерам иконок.
• При масштабировании перерисовывайте растровые слои по мере необходимости. Если вы масштабировали изображение из растрового слоя, а не из векторного слоя, эти слои необходимо будет перерисовать вручную, чтобы они казались четкими при более высокой плотности.
• При сохранении графических ресурсов удалите ненужные метаданные. Хотя инструменты Android SDK будут автоматически сжимать PNG при упаковке ресурсов приложения в двоичный файл приложения, рекомендуется удалить ненужные заголовки и метаданные из ваших ресурсов PNG. Такие инструменты, как OptiPNG или Pngcrush, могут обеспечить удаление этих метаданных и оптимизацию размеров файлов ресурсов изображения.
• Убедитесь, что соответствующие ресурсы для разных плотностей используют одинаковые имена файлов. Соответствующие файлы ресурсов значков для каждой плотности должны использовать одно и то же имя файла, но должны храниться в каталогах ресурсов для определенной плотности. Это позволяет системе искать и загружать соответствующий ресурс в соответствии с характеристиками экрана устройства. По этой причине убедитесь, что набор ресурсов в каждом каталоге согласован и что файлы не используют суффиксы, зависящие от плотности.

Android Icon Загрузки

Вы можете скачать архивы (которые могут оказаться полезными при разработке значков), используя ссылки ниже:

• Пакет шаблонов значков для Android, v4.0

  Пакет шаблонов значков Android представляет собой набор шаблонов, текстур и стилей слоев, которые упрощают создание значков, соответствующих рекомендациям. Шаблоны значков предоставляются в формате файла Adobe Photoshop (.psd), в котором сохраняются слои и схемы оформления, которые использовались при создании стандартных значков для платформы Android.

• Action Bar Icon Pack

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

  

• Образцы цветов

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

  

• В Пакет шаблонов значков для Android, v4.0 Вы также можете найти примеры материалов:

  

• официальный Руководство по дизайну иконок для Android

Нужен специалист по дизайну иконок для Android?

Мы создадим дизайн, который вы любите, который также привлекает больше клиентов.

Получите ваш новый значок приложения