Значки диалогов отображаются во всплывающих диалоговых окнах, предлагающих пользователю взаимодействие. Они используют легкий градиент и внутреннюю тень, чтобы выделиться на темном фоне.
Как описано в разделе «Предоставление наборов значков для конкретной плотности» , вам следует создать отдельные наборы значков для экранов с низкой, средней и высокой плотностью. Это гарантирует, что ваши значки будут правильно отображаться на всех устройствах, на которых может быть установлено ваше приложение. В Таблице 1 приведен список рекомендуемых готовых размеров значков для каждой плотности. Также ознакомьтесь с советами для дизайнеров , чтобы узнать, как работать с несколькими наборами значков.
Таблица 1. Сводные размеры значков готового диалогового окна для каждой из трех обобщенных плотностей экрана.
ldpi (120 точек на дюйм)(Экран низкой плотности) | mdpi (160 т/д)(Экран средней плотности) | hdpi (240 точек на дюйм)(Экран высокой плотности) | xhdpi (320 точек на дюйм)(Экран сверхвысокой плотности) | |
|---|---|---|---|---|
| Размер значка диалогового окна | 24 х 24 пикселей | 32 х 32 пикселей | 48 х 48 пикселей | 64 х 64 пикселей |
Окончательный вариант изображения необходимо экспортировать в виде прозрачного файла PNG. Не включайте цвет фона .
Шаблоны для создания иконок в Adobe Photoshop доступны в пакете Icon Templates Pack .
Все версии Android
Следующие рекомендации описывают, как создавать значки диалоговых окон для всех версий платформы Android.
Структура
- Значки диалогов имеют безопасный кадр размером 1 пиксель. Базовая форма должна вписываться в безопасный фрейм, но сглаживание круглой формы может перекрывать безопасный фрейм.
- Все размеры, указанные на этой странице, основаны на размере монтажной области 32x32 пикселей в Adobe Photoshop. Оставьте отступ в 1 пиксель вокруг ограничивающей рамки внутри шаблона Photoshop.
 | Рисунок 1. Safeframe и градиент заливки для значков диалога. Размер иконки 32x32. |
Свет, эффекты и тени
Значки диалогов плоские и расположены лицом к лицу. Чтобы выделиться на темном фоне, их создают с помощью светлого градиента и внутренней тени.
 | Рисунок 2. Свет, эффекты и тени для значков диалога.
|
Шаг за шагом
|
Значки диалогов отображаются во всплывающих диалоговых окнах, предлагающих пользователю взаимодействие. Они используют легкий градиент и внутреннюю тень, чтобы выделиться на темном фоне.
Как описано в разделе «Предоставление наборов значков для конкретной плотности» , вам следует создать отдельные наборы значков для экранов с низкой, средней и высокой плотностью. Это гарантирует, что ваши значки будут правильно отображаться на всех устройствах, на которых может быть установлено ваше приложение. В Таблице 1 приведен список рекомендуемых готовых размеров значков для каждой плотности. Также ознакомьтесь с советами для дизайнеров , чтобы узнать, как работать с несколькими наборами значков.
Таблица 1. Сводные размеры значков готового диалогового окна для каждой из трех обобщенных плотностей экрана.
ldpi (120 точек на дюйм)(Экран низкой плотности) | mdpi (160 т/д)(Экран средней плотности) | hdpi (240 точек на дюйм)(Экран высокой плотности) | xhdpi (320 точек на дюйм)(Экран сверхвысокой плотности) | |
|---|---|---|---|---|
| Размер значка диалогового окна | 24 х 24 пикселей | 32 х 32 пикселей | 48 х 48 пикселей | 64 х 64 пикселей |
Окончательный вариант изображения необходимо экспортировать в виде прозрачного файла PNG. Не включайте цвет фона .
Шаблоны для создания иконок в Adobe Photoshop доступны в пакете Icon Templates Pack .
Все версии Android
Следующие рекомендации описывают, как создавать значки диалоговых окон для всех версий платформы Android.
Структура
- Значки диалогов имеют безопасный кадр размером 1 пиксель. Базовая форма должна вписываться в безопасный кадр, но сглаживание круглой формы может перекрывать безопасный кадр.
- Все размеры, указанные на этой странице, основаны на размере монтажной области 32x32 пикселей в Adobe Photoshop. Оставьте отступ в 1 пиксель вокруг ограничивающей рамки внутри шаблона Photoshop.
| Рисунок 1. Safeframe и градиент заливки для значков диалога. Размер иконки 32x32. |
Свет, эффекты и тени
Значки диалогов плоские и расположены лицом к лицу. Чтобы выделиться на темном фоне, их создают с помощью светлого градиента и внутренней тени.
| Рисунок 2. Свет, эффекты и тени для значков диалога.
|
Шаг за шагом
|