Создаём тематические иконки для приложения на Android 13
В 2021 году Google анонсировал Material You и тем самым взял курс на персонализацию Android-устройств.
Одним из способов настройки внешнего вида своего рабочего стола для пользователя стала добавленная в этом году в Android 13 новая функция — «Тематические значки».
Тематические значки — это иконки, которые могут изменять свой цвет в зависимости от цвета, выбранного пользователем:
На момент публикации удалось найти только пару приложений, которые уже имеют адаптивные иконки (не считая приложений Google, разумеется):
Далее мы рассмотрим весь процесс создания тематической иконки для вашего приложения.
Итак, определимся, что файл с иконкой у нас будет называться ic_launcher.xml.
Укажем его в манифесте:
Создаем папку res/mipmap-anydpi-v26 и в ней файл ic_launcher.xml следующего вида:
где iconColor — это основной цвет фона вашей иконки, а ic_launcher_foreground —
это сама иконка в векторном формате.
Файл ic_launcher_foreground.xml должен находиться у вас в папке drawable-v24 .
Пример содержимого файла ic_launcher_foreground.xml :
Google накладывает следующие ограничения для адаптивных иконок:
- Иконка должна иметь один слой
- Размер слоя должен быть 108x108dp
- Размер самого логотипа на иконке должен быть не меньше 48x48dp, но и не превышать 72x72dp
- Нужно оставить отступы 18dp от каждой стороны логотипа
- Для иконки нельзя использовать тени или маски
Вот и все. Теперь ваше приложение поддерживает новую функцию Android 13 «Тематические значки», и его иконку хочется перенести на рабочий стол на видное место.
- Разработка мобильных приложений
- Разработка под Android
Как создать иконки для приложений на Android и iOS
Приложения для Android разрабатываются с учетом размера устройства и разрешения экрана.
Графика и разметка в приложениях измеряются в единицах — DPI (количество точек на дюйм).
2. Категории DPI
- Low DPI (LDPI) = 120DPI
- Medium DPI (MDPI) = 160DPI
- High DPI (HDPI) = 240DPI (Nexus S, SGS2)
- Extra High DPI (XHDPI) = 320DPI (Galaxy Nexus, Nexus 4, SGS3)
- Extra Extra High DPI (XXHDPI) = 480DPI (HTC One и SGS4)
Размер и формат иконок запуска приложения (launcher icon) для Android
Иконка приложения должна разрабатываться специально для Android. Используйте инструкции по разработке иконок от Android в стиле Material Design, не подражайте визуальным элементам и стилям других платформ.
Иконка запуска приложения должна быть 32-битной, в формате PNGs с альфа-каналом (с прозрачным фоном).
Базовый размер — 48dp, с краями 1dp — для низкого разрешения. Чем выше плотность пикселей экрана (DPI), тем больше отображается деталей. Для остальных разрешений нужно увеличить масштаб на 400% 192 x 192 dp (с краями 4dp).
Хотите идеальную иконку для любого разрешения и не ищете легких путей? Сделайте несколько иконок разных размеров для всех вариантов разрешений, воспользовавшись таблицей ниже. Можно включить дополнительные значения для последовательного увеличения размеров. Например, иконки 96 x 96 пикселей xhdpi могут содержать промежуточный размер 88 x 88 пикселей с отступами в 4 пикселя с каждой стороны. Отступы образуют легкую тень и гарантируют четкость иконки на любом фоне.
Вы, конечно, помните: любое масштабирование должно сохранять пропорции изображения.
Иконки приложения для публикации на Google Play
Иконка приложения для публикации в Google Play должна быть 512 x 512 пикселей, с высоким разрешением.
Эта иконка используется только для Google Play и не заменяет иконку запуска приложения (launcher icon). Иконка публикации на Google Play должна содержать тот же контент, что и иконка запуска приложения, за исключением некоторых идентификационных знаков.
Раздел “Рекомендуемые”
В разделе «Рекомендуемые» можно продемонстрировать потенциальным пользователям графические возможности приложения.
Требования к иконке в разделе «Рекомендуемые» :
- JPEG или 24-битный PNG (без альфа-канала)
- 1024 х 500 пикселей
Расположение
Картинка для раздела «Рекомендуемые» располагается над сведениями о приложении в Play Маркете. Если загружен проморолик, поверх нее будет расположена кнопка «Воспроизвести».
- Не размещайте важную информацию по краям, особенно в нижней трети рамки.
- Логотип поместите по центру, выровняйте по горизонтали и вертикали.
- Для текста используйте крупный шрифт.
- Помните, что картинка может показываться отдельно, без иконки приложения.
Цели иконки приложения
У иконки приложения есть 3 основных цели:
- Продвижение бренда, рассказ о цели приложения.
- Помощь пользователю в поиске приложения в Google Play.
- Функция запуска.
Продвижение бренда
Создайте уникальную и незабываемую иконку. Используйте цветовую схему Вашего бренда. Не пытайтесь рассказать слишком много с помощью иконки. Простой значок производит лучшее впечатление. Не включайте название приложения в иконку — название будет всегда показываться рядом с иконкой.
Образцы иконок приложений.
Помогите пользователю найти приложение в Google Play
Иконка должна привлекать внимание пользователя во время скроллинга. Качественный дизайн иконки — однозначный сигнал, о том, что Ваше приложение такого же высокого качества.
Для разработки иконки приложения лучше обратиться к дизайнеру.
Правила дизайна иконки для Android
- Смотрится детально и четко в небольшом размере.
- Сочетается с любым фоном.
- Освещается верхней подсветкой.
- Может быть уникальной формы.
- Не является обрезанным вариантом большего изображения.
- Имеет одинаковый вес с другими иконками.
- Перспектива не противоречит другим иконкам.
- Располагается ее по ходу движения.
- Имеет небольшую глубину.
Слишком растянутые в длину иконки, занимающие мало пространства, не привлекают внимания пользователей и плохо сочетаются с различными фонами.
Правильно и неправильно
Детали слишком сложного значка плохо различаются в маленьком размере.
Обрезанный и глянцевый значок проигрывает такому же матовому и целому значку. Изображение не должно быть обрезанным, лучше использовать целое изображение уникальной формы. Избегайте глянца, если представленный объект сделан не из глянцевого материала.
Значок со слишком тонким контуром плохо выделяется среди других значков.
Создавайте иконки с альфа-каналом, иконки не должны занимать все пространство рамки. Тонкая визуальная обработка выделит иконку среди других.
Иконка для приложения на iOS
Размеры
У каждого приложения должна быть маленькая и большая иконка. Маленькая иконка используется на домашнем экране и в системе после установки. Большая иконка нужна для App Store.
Устройство или контекст
Размер иконки
iPhone 6s Plus и выше, iPhone 6 Plus и выше
180x180px
iPhone 6s и выше, iPhone 6 и выше, iPhone SE и выше
120x120px
iPad Pro
167x167px
iPad, iPad mini
152x152px
App Store
1024x1024px
Необходимо создать несколько маленьких иконок разных размеров для различных устройств. Маленькая и большая иконки должны соответствовать друг другу, но могут различаться количеством деталей.
Также маленькие иконки нужны для показа:
- в поиске Spotlight,
- в приложении настроек смартфона.
Если у вас нет маленьких иконок, iOS уменьшит главную иконку приложения для показа в этих директориях.
Устройство
Размер иконок в поиске Spotlight
Размер иконки настроек
iPhone 6s Plus и выше, iPhone 6 Plus и выше
120x120px
87x87px
iPhone 6s и выше, iPhone 6 и выше, iPhone SE и выше
80x80px
58x58px
iPad Pro, iPad, iPad mini
80x80px
58x58px
не добавляйте к иконке настроек наложение или границу. iOS автоматически добавляет отступ на 1 пиксель ко всем иконкам, чтобы они хорошо смотрелись на белом фоне в параметрах настройки.
Правила дизайна иконки для iOS:
Подкупающая простота
Найдите элемент, который передает суть приложения и поместите его в простую, запоминающуюся форму. Аккуратно добавьте детали. Слишком сложные содержание или форма иконки плохо различимы, особенно в уменьшенных размерах.
Четкий фокус
Создайте иконку с четким фокусом, который привлекает внимание и идентифицирует приложение.
Узнаваемость
Никто не будет анализировать иконку, чтобы понять ее значение.
К примеру, в качестве иконки почтового приложения традиционно используется изображение конверта, который ассоциируется с почтой. Хотите хорошую иконку — потратьте время на разработку привлекательного и понятного всем абстрактного символа.
Без прозрачности, простой фон
Иконка должна быть без прозрачности, фон не загроможден. Простой фон не подавляет другие элементы рядом.
Без надписей
Используйте надписи только как часть логотипа. Название приложения появляется под иконкой на домашнем экране. Не добавляйте в иконку слова, которые повторяют название или являются инструкциями к приложению, например, “Смотри” или “Играй”. Если дизайн иконки включает слова, добавьте только значимые для содержания приложения.
Без фото, скриншотов и элементов интерфейса
Не включайте в иконку фотографии, скриншоты или элементы интерфейса. Детали на фотографии сложно рассмотреть в маленьком размере. Скриншоты не расскажут о цели приложения. Элементы интерфейса в иконке вводят пользователя в заблуждение.
Без точных копий продуктов Apple
Продукты Apple защищены авторским правом, их нельзя использовать в изображениях и иконках. К тому же, аппаратные проекты от Apple часто обновляются, иконка при этом будет выглядеть устаревшей.
Не помещайте повсюду в интерфейсе иконку приложения
Пользователя может сбить с толку иконка приложения, встречающаяся повсюду в интерфейсе. Просто используйте цветовую схему иконки в интерфейсе. См. Цвет.
Протестируйте иконку на разных обоях
Люди выбирают различные обои для домашних экранов, поэтому вы должны протестировать иконку приложения на различных фонах.
Сохраняйте углы иконки квадратными
Система округляет углы иконки автоматически.
Вот и все! Желаем удачи и много красивых иконок для ваших приложений.
Как поменять иконки приложений на Андроид
Довольно много пользователей Андроид любят кастомизировать вид своей системы. Для придания индивидуальности телефону пользователи обычно меняют обои, устанавливают живые обои или применяют паки с иконками.
Изменение значков на свои один из простых способов придать индивидуальности телефону, но есть один минус. Паки значков часто не меняют иконки самих приложений. Может изменится вариант обводки, но сама иконка останется старая. Было бы хорошо иметь возможность поменять иконки приложений на свои. В этой статье как раз и расскажу о том, как изменить иконки приложений на Андроид.
Как поменять значок приложений на Андроид
Для того, чтобы изменить ярлык приложения на Андроид будем пользоваться программой Shortcut Maker. Приложение бесплатно и не требует специальных разрешений. Качаем его по ссылке ниже.
После установки программы открываем ее. Так как мы будем менять иконки приложений, то открываем самый первый раздел — Приложения.
Дальше нам необходимо выбрать приложение, чью иконку мы хотим поменять на свою.
Откроется панель для работы со значком и текстом приложения. Выбираем раздел Значок.
В открывшемся окне есть несколько вариантов указать новую иконку приложения.
Можно выбрать из доступных — это иконки, которые уже есть в приложении.
Изображение галереи — с помощью этого режима можно выбрать любую картинку с телефона и сделать из нее иконку приложения.
Системные значки. Здесь можно выбрать любой значок, который уже есть в системе и указать его в качестве значка программы. С помощью этого способа можно сделать значок приложения в виде иконки другого приложения.
Создание иконки
Для примера я буду делать иконку приложения с помощью изображения, потому что он более сложный, чем простой выбор готовой иконки. Открываем раздел Изображение галереи.
Дальше выбираем картинку, с которой хотим сделать иконку и попадаем в раздел обрезки. Обрезаем изображение нужным способом и жмем галочку вверху.
Смотрим как иконка будет выглядеть и если все устраивает, то жмем Ок вверху.
Дальше выбираем Создать ярлык.
И выбираем добавить (внешний вид может отличаться в зависимости от производителя телефона).
После этого новая иконка приложения появится на главном экране.
Как видите, поменять иконку приложения с помощью Shortcut Maker довольно просто, но есть одно но. На новой иконке программы показан водяной знак. Для того, чтобы его убрать, нужно создать иконку приложения через виджеты.
Чтобы попасть в раздел виджеты, нужно находясь на главном экране своего телефона долгим тапом в свободной области перейти в настройки рабочих столов (вместо долгого тапа может использоваться жест сведения пальцев) и выбрать Виджеты.
Находим виджет Shortcut Maker и добавляем на рабочий стол.
После добавления, сразу же запустится программа, где нужно повторить процесс создания иконки сначала. Но теперь иконка будет уже без водяного знака.
Этот вариант работает только на Андроид 8.0 и выше. Поэтому, если вы не видите виджет программы, то скорее всего ваша система не поддерживает такой режим.
Данный способ может менять иконки приложений на Самсунг, Сяоми и других телефонах. Производитель не важен, главное, чтобы телефон был на Андроиде.
Как поменять иконку приложения на Android
Часто бывает так, что стандартные иконки программ, установленных на смартфоне, надоели. Хочется чего-то нового. Обойти представления разработчика о том, как должна выглядеть иконка довольно просто. Мы подробно расскажем о процессе.
Стоит отметить, что для смены иконок есть несколько путей: использование специализированного программного обеспечения и установка отдельного лаунчера. Однако второй вариант подойдет далеко не всем пользователям, так как лаунчер меняет иконки всех программ. Да и вообще может до неузнаваемости изменить весь рабочий стол. Тем не менее, мы рассмотрим даже такой вариант, поскольку он частично решает нашу проблему.
Однако стоит заметить, что далеко не каждая программа справится с такой сложной процедурой, как замена значка. Поэтому бездумно качать все подряд приложения не стоит. Лучше прислушаться к нашим рекомендациям.
Содержание Показать
Использование специализированного приложения
Мы рекомендуем для смены иконок любой программы использовать приложение Awesome Icons. Оно действительно работает в отличие от того, что предлагает Google Play по большей части (совершенно бесполезные продукты).
Тем не менее, с данной программой нужно уметь работать. Ведь новичкам будет трудно разобраться в ее интерфейсе. Сейчас мы расскажем об использовании данного приложения на Xiaomi Redmi 8. Вот подробная инструкция.
Шаг 1. На главном экране аппарата запускаем Google Play с помощью соответствующего значка.
Шаг 2. В поисковой строке вводим «Awesome Icons» и тапаем по иконке для запуска поиска.
Шаг 3. Далее просто нажимаем кнопку «Установить».
Шаг 4. Дожидаемся завершения процесса и затем запускаем программу при помощи нужного ярлыка.
Шаг 5. Далее в списке выбираем приложение, для которого нужно заменить иконку и нажимаем на кнопку с изображением картинки.
Шаг 6. После этого в галерее выбираем нужное изображение и тапаем по кнопке с иконкой галочки.
Шаг 7. Осталось только отредактировать название приложения и тапнуть «ОК».
Если вам нужно поменять картинки на всех программах, то повторяйте вышеописанные действия для всех приложений из списка. Учтите, что перед этим вы должны скачать иконки на замену. И лучше, если они будут в формате PNG с прозрачным задним фоном.
Внимание! Учтите, что после удаления Awesome Launcher иконки программ вернутся к своему классическому виду. Если вы желаете постоянно видеть альтернативные значки, то вам придется держать данное приложение на своем смартфоне. Зато можно будет поменять иконки на альтернативные в любое время.
Использование стороннего лаунчера
Лаунчер – это рабочий стол, на котором отображаются значки всех приложений. Также на нем размещаются виджеты. Если установить альтернативный лаунчер, то вполне возможно поменять и тему иконок.
Из всего многообразия соответствующих программ на Маркете лучше выбрать Nova Launcher. Этот продукт имеет наиболее гибкие настройки и не особо сильно грузит систему. Вот что нужно сделать для его установки и настройки.
Шаг 1. Запускаем Google Play при помощи нужного значка.
Шаг 2. В строке поиска вводим «Nova Launcher» и жмем кнопку с пиктограммой лупы.
Шаг 3. Далее жмем на кнопку «Установить».
Шаг 4. После завершения инсталляции возвращаемся на рабочий стол и видим предложение выбрать лаунчер для использования. Отмечаем «Запомнить выбор» и тапаем по пункту «Nova Launcher».
Шаг 5. Теперь просто жмем «Далее».
Шаг 6. Выбираем темную тему (если требуется) и жмем «Далее».
Шаг 7. Выбираем тип запуска меню и тапаем «Применить».
Шаг 8. Получаем новый рабочий стол с совершенно другими значками и приступаем к его настройке.
Стоит заметить, что стандартная тема значков у Nova Launcher не особенно интересная. Но сторонние лаунчеры тем и хороши, что позволяют скачать альтернативное оформление и наслаждаться необычным внешним видом рабочего стола.
Внимание! Если вы решите вернуться к системному рабочему столу, то достаточно будет удалить Nova Launcher при помощи настроек смартфона в соответствующем пункте меню. Как только лаунчер исчезнет, системный рабочий стол снова будет установлен по умолчанию. Как правило, никаких сбоев после этого не случается.
Заключение
Если вам надоел стандартный рабочий стол, то его всегда можно немного оживить. Достаточно просто заменить значки, которые присвоены определенным приложениям. Для этого существует соответствующее программное обеспечение. Но далеко не все программы хорошо справляются с этой работой. Так что лучше следуйте нашим рекомендациям.
Если простой замены значков недостаточно, то можно сменить весь лаунчер. Так будет гораздо проще. Альтернативный рабочий стол позволяет настроить иконки так, как требуется именно вам. Возможно, этот вариант подойдет вам лучше всего, поскольку является самым простым и доступным из всех.