Как сделать иконку приложения

Как изменить иконки приложений на Андроиде

Последние годы все больше разных сервисов и привычных приложений меняют дизайн своих приложений. Где-то уменьшается количество лишних элементов управления, что явно делает работу с программой более удобной для пользователей. А в каких-то ситуациях происходит банальный редизайн, чтобы освежить приевшийся внешний вид. Часто первая реакция при подобных изменениях — это негатив. Уход от привычного всегда дается тяжело. Но если к самому приложению можно привыкнуть, то иконки, которые меняются вместе с общим дизайном, просто могут не подойти под любимые обои.

Вот такие нестандартные иконки приложений очень хорошо смотрелись бы на любом устройстве.

❗️ПОДПИШИСЬ НА НАШ ДЗЕН, ЧТОБЫ ЧИТАТЬ ЭКСКЛЮЗИВНЫЕ СТАТЬИ БЕСПЛАТНО

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

Как поменять иконки на Самсунге

Некоторые стандартные значки очень хочется заменить на что-то более приятное глазу.

Стандартные лаунчеры большинства смартфонов не поддерживают возможность изменения отдельных иконок приложений. Поэтому, если вы не хотите заморачиваться с установкой лишнего софта, придется использовать подборки иконок. К сожалению, подборки, которые скачиваются из Google Play, не поддерживаются большинством стоковых лаунчеров. В таких случаях для изменения иконок можно воспользоваться встроенным приложением “Темы”. Оно точно есть на смартфонах Samsung, Xiaomi, Redmi и Poco.

Чтобы установить набор иконок через “Темы” на Самсунгах, необходимо сделать следующее:

Самсунг позволяет штатными средствами менять значки целыми наборами.

• Откройте настройки.
• Пролистайте немного вниз и выберите раздел “Темы”.
• Перейдите на вкладку “Значки” и найдите набор, который вам нравится.
• Нажмите кнопку “Загрузить”, дождитесь когда иконки скачаются, и примените их в этом же меню.

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

Как поменять иконки на Xiaomi

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

На смартфонах Xiaomi принцип практически такой же:

• Откройте настройки.
• Пролистайте немного вниз и выберите раздел “Темы”.
• Найдите понравившуюся тему и нажмите на кнопку “Бесплатно” или “Премиум” для загрузки.
• После того как тема будет скачана, перейдите в самую последнюю вкладку и откройте пункт “Значки”.
• Выберите загруженную тему и нажмите кнопку “Применить”.

Обратите внимание, что при таком способе установки применяется не вся тема, а только иконки приложений.

Как создать ярлык на Андроиде

Кто-то вообще хочет оставить стандартную иконку, но изменить ее форму.

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

❗️ПОДПИСЫВАЙСЯ НА ТЕЛЕГРАМ-КАНАЛ СУНДУК АЛИБАБЫ, ЧТОБЫ ПОКУПАТЬ ТОЛЬКО ЛУЧШИЕ ТОВАРЫ С АЛИЭКСПРЕСС

Для создания ярлыка быстрого доступа на любом смартфоне с операционной системой Андроид сделайте следующее:

Использование ярлыков — самый удобный способ изменить значок у приложения.

• Загрузите из Google Play приложение Shortcut Maker.
• Перейдите на сайт ICONS8 и загрузите понравившиеся иконки. При загрузке поставьте отметку на “Android”.
• Откройте приложение Shortcut Maker.
• Выберите пункт “Приложения”.
• Найдите нужную программу в списке и нажмите на нее.
• Перейдите в раздел “Значок”.
• Через “Изображение галереи” выберите загруженный ранее значок.
• Если хочется изменить фон, то можете перейти в раздел “Стиль” и настроить интересующий цвет.

Посмотрите, какой прикольный значок получилось сделать для Телеграма.

Иконка сразу появится на рабочем столе. Обратите внимание, что это не замена иконки, а именно создание ярлыка. Поэтому старое приложение просто надо будет удалить с рабочего стола. Главное — случайно не удалите его совсем со смартфона.

Как изменить значки на Андроиде

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

• Загрузите из Google Play Nova Launcher.
• Скачайте подборку иконок Pix Pie Icon Pack.

К сожалению, сторонние лаунчеры на Сяоми не поддерживают жесты.

Как раз таким способом я установил на галерею значок батареи.

Чтобы выбрать свою иконку, просто нажмите на “Галереи приложений”.

❗️ПОДПИШИСЬ НА НАШ ПУЛЬС. БУДЕШЬ УЗНАВАТЬ ВСЕ НОВОЕ САМЫМ ПЕРВЫМ

Главным недостатком использования этого метода является необходимость в замене лаунчера. Я бы остановился на создании ярлыка через Shortcut Maker. Это самый простой и беспроблемный способ, который будет работать на любом устройстве.

Новости, статьи и анонсы публикаций

Свободное общение и обсуждение материалов

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

К 2022 году появилось такое количество производителей смартфонов, что порой не знаешь, где надежный бренд, а где — проходняк, которого нужно сторониться. Осложняет ситуацию схожесть названий некоторых компаний. Есть Redmi, а есть realme. В нашей транскрипции они настолько созвучны, что некоторые люди и вовсе думают, что речь идет об одном и том же производителе. Но это не так. С целью это доказать проведу сравнение realme vs Redmi, чтобы выяснить, чем отличаются эти бренды, и какой телефон лучше.

Вот и настал тот день, когда мы узнали, каким будет новый Google Pixel. Нельзя сказать, что мы не знали этого раньше, но теперь все точки над ”ё” расставлены окончательно. Многие даже захотели купить себе этот телефон, в том числе у нас в редакции. Например, мой коллега Иван Кузнецов уже готовится купить этот смартфон при первой возможности. Я не могу оценить его так положительно и готов отговаривать всех от покупки. По крайней мере, себе я его точно пока покупать не буду. Сейчас расскажу почему.

Векторная иконка приложения для Андроид — полное руководство.

Однажды копаясь в Андроид документации я с большим удивлением заметил, что в SDK к версии 26 были добавлены не только адаптивные иконки, но и возможность совсем отказаться от растровых иконок лаунчера на новейших версиях Андроид. Это значит, что вам вовсе не нужно создавать по растровому ассету к каждому разрешению экрана воспользоваться одним/двумя векторными файлами для всех возможных разрешений! Так как растровые иконки достаточно увесистые вы можете таким образом сэкономить много килобайтов в размере приложения. Тут как и везде есть свои моменты и к сожалению я не нашел в интернете полного описания всего процесса. Ну что же, значит пришла моя пора заполнить этот пробел! Ниже вы найдёте видео процесса изготовления единой векторной иконки для приложения, а руководство также доступно на английском и чешском языках.

Прежде чем мы начнём

Избавится от растровых изображений в целой аппликации — мечта многих оптимизаторов. Особенно если приложения не большое а растровые иконки, при неправильном изготовлении весят почти четверть общего размера приложения. Но тут как и везде есть свои недостатки, давайте поговорим о них, возможно в вашем случае векторная икона — не вариант. Итак:

• Векторный формат в ОС Андроид был введен в версии 21, в качестве иконки приложения в лаунчере векторные изображения можно использовать только в версиях 26 и выше. Это значит, что если Ваше приложение должно поддерживать и более старые версии — Вам все равно придется иметь в наличии растровые иконки. Так что бонус тут не большой.
• Векторный формат который используется в ОС Андроид это не привычные нам SVG/EPS/AI и так далее, это формат XML, а это значит очень ограниченное использование. Этот формат не поддерживает атрибуты стилей, т.е. какие либо эффекты, блендинг, даже простейшие тени, блюр. Вы можете видеть начале видео, что происходит с тенями — они просто пропадают. Если у вас достаточно умелый график в команде, то в принципе это ограничение можно обойти переведя например тени в простые градиенты от полного цвета в абсолютно прозрачный итд. Если же у вас вовсе нет векторного оригинала или там слишком много эффектов — возможно игра не стоит свеч.

На этом минусы заканчиваются. Если ваше приложение должно запускаться лишь на устройствах которые ещё получают закладки безопасности (т.е. в момент написания статьи SDK версии 27+) или же использует какие то новшества современных Андроид систем/датчиков/устройств — векторная иконка отличный выбор. Вы можете сэкономить в несколько раз как на размере так и на файлах для иконки, имея лишь 1-2 файла изображения и пару файлов с их описанием! Звучит круто? Тогда ниже вы найдете рецепт того как это все приготовить.

Подготовка файлов

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

Итак если вы имеете файл(ы) SVG, то в следующем шаге нам понадобится Android Studio, впрочем если вы занимаетесь разработкой для ОС Андроид, вы и так знаете этот софт. Это бесплатное ПО можно скачать по адресу:

Важно! Векторные ассеты можно создавать лишь в версии 4.2.2 и выше.

Запустите студию, откройте свой проект, после загрузки выберете вкладку Project (первая вкладка слева сверху). В папке с ресурсами с помощью правого клика мыши выведите контекстное меню. В нем выберете первый элемент — New, затем Vector Asset. Откроется Asset Studio, в нем выберете тип: Локальный файл и путь через кнопку с папкой. Проверьте как иконка выглядит и нажмите кнопку Next. Тут вы увидите путь и название к вашему XML файлу с векторной иконкой. Повторите для второго файла если вы используете вектор как в переднем так и на заднем плане. Готово.

Настройка файлов конфигурации

И так изображения готовы, но ваш проект пока не знает пути к ним и как их отобразить. Вам нужно будет добавить/изменить несколько файлов:

• build.gradle — здесь необходимо включить поддержку векторных файлов, просто добавьте эти две строки в конфигурацию и зависимости:

• в папку с ресурсами добавьте папку “mipmap-anydpi-v26”, т.е. как видно из названия это ассеты для любого DPI в версиях ОС выше 26. В нем будут два файла: ic_launcher_round.xml и ic_launcher.xml в которых необходимо описать что использовать как фон а что как передний план. В моем случае это цвет для фона и векторная графика для переднего плана.
• Ну и на конец то что мы описали в предыдущем пункте нужно добавить в папку drawable а также если вы использовали цвет в качестве фона — описать этот цвет в colors.xml.

Теперь система знает как, где и что, использовать в качестве иконки приложения в лаунчере. Запустите чистую инсталляцию и проверьте результаты своей работы. Как видите, техническая часть достаточно простая (если сравниватъ с PNG иконками).

В результате VCS должна показать вот такие изменения:

Как минимум две новые строки в файле:
./app/build.gradle

Новая папка “mipmap-anydpi-v26” с двумя файлами:
./app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
./app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

Один XML файл с изображением переднего плана:
./app/src/main/res/drawable/ic_launcher_foreground.xml

И либо описание цвета в качестве фона:
./app/src/main/res/values/colors.xml
либо изображение:
./app/src/main/res/drawable/ic_launcher_background.xml (в данной конфигурации отсутствует).

В ссылке ниже вы найдете все необходимые файлы из примера показанного в видео. Можете использовать их как пример для своего приложения. Спасибо за внимание!

Как сделать иконку приложения правильно

В первом квартале 2021 года в Google Play было доступно около 3.5 миллиона приложений, а в App Store — ещё 2.2 миллиона. У пользователей есть масса приложений и игр, а конкуренция за них у разработчиков как никогда высока.

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

Почему иконка приложения важна

Что человеческий мозг обрабатывает быстрее: изображения или текст? Правильный ответ — изображения. Визуальные эффекты обрабатываются значительно быстрее, чем текст.

Другими словами, когда пользователь сталкивается с вашим приложением, его иконка будет одним из первых элементов, которые он заметит. Вот почему значок приложения играет важную роль в App Store Optimization.

Хотя иконка может показаться незначительной частью вашего мобильного продукта, подумайте над следующим:

1. Иконка приложения непосредственно влияет на количество загрузок. Поскольку 70% пользователей ищут приложения в магазинах, иконка должна быть запоминающейся и привлекающей внимание. Это первое, что видят пользователи, поэтому разработчики должны работать над созданием положительного первого впечатления. Кроме того, уникальный значок будет выделяться на главном экране среди других, привлекая внимание к приложению и побуждая пользователей проводить в нем больше времени.
2. Иконка — это мост между пользователем и приложением. Во многих случаях о книге судят по обложке. В нашем случае приложения оцениваются по их значкам. Красивый значок может служить хорошей обёрткой для вашего приложения и вызывать к нему повышенный интерес (правильная иконка может повысить количество установок до 40%). Хотя, конечно, главное значение имеет функционал вашего продукта, пользователь может никогда до него не добраться, если приложение оттолкнёт его на эстетическом или эмоциональном уровне. И наоборот, красивая иконка может установить эстетическую и эмоциональную связь, что будет способствовать виральности.

Иконка — это логотип?

Нет, в общепринятом смысле иконка вашего приложения — это совсем не логотип. Хотя иконки и обладают некоторыми «брендинговыми» качествами логотипов, для них существует множество своих собственных ограничений и смыслов. Вы должны понимать различия между этими понятиями. Логотип — это масштабируемое изображение, элемент брендинга компании, который используется на бланках и рекламных щитах. Иконка — визуальное представление вашего продукта, Она должна не просто красиво выглядеть и выделяться везде, где используется, но ещё и передавать основную суть вашего приложения.

Как создать хорошую иконку для мобильного приложения

Шаг 1. Концепция

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

1. Сосредоточьтесь на своей аудитории. Чтобы иконка работала как маркетинговый инструмент, увеличивающий количество загрузок, он должен быть привлекательным для вашей целевой аудитории. Это должно отражаться в цветах, шаблоне и общем дизайне.
2. Будьте аутентичными. Вы вряд ли сможете усилить свой бренд и выделиться, если ваш значок будет похож на значок вашего конкурента. Более того, плохая иконка, не соответствующая вашему бренду, может запутать пользователей и оттолкнуть клиентов.
3. Опишите ваш продукт, используя визуальный язык. Иконка должна рассказывать про ваше приложение. Создайте список описательных ключевых слов и проведите мозговой штурм с командой о том, как представить эти ключевые слова в виде символов или рисунков. Они и могут стать основой для дизайна лучшей иконки.

Шаг 2. Рекомендации платформ по созданию иконок приложений

При создании приложения обязательно придерживайтесь интерфейса самой операционной системы и принятых в ней норм. Другими словами, вы должны быть аутентичными и соответствовать стандартам платформы и её магазина приложений.

И iOS, и Android разработали определённый набор правил относительно шаблонов, стиля, макетов и т.д. Вы можете найти рекомендации по дизайну Android здесь, а iOS — тут. Ниже мы составили сводку основных отличий этих магазинов:

Существуют и не технические отличия — например, в Google Play не рекомендуют использовать бейджи, а в App Store оружие, так что хорошо изучите правила магазинов, в которых вы собираетесь публиковать приложение или игру.

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

Шаг 3. Дизайн и размер иконки

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

Вот некоторые советы, которые важно учесть уже на стадии разработки самого изображения:

1. Помните о масштабируемости. Иконка представляет приложение практически везде (в магазине, на домашнем экране, в диспетчере задач, в уведомлениях). Следовательно, её размер будет отличаться, и вам нужно убедиться, что ваш значок будет хорошо смотреться в любом месте.

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

3. Сведите детали к минимуму. Значок должен быть символическим. Лучший способ достичь желаемого результата — свести к минимуму количество деталей, используемых в дизайне. В конце концов, простота — это ключ к успеху. Простой дизайн передаёт чёткое сообщение, а также вписывается в текущую тенденцию минимализма в дизайне. Кроме того, простой значок помогает уменьшить путаницу среди ваших пользователей. Чем проще дизайн, тем легче его понять. Можно выбрать один символический элемент и сделать его центральным в окончательном дизайне иконки.

4. Будьте уникальными и узнаваемыми. Во-первых, уникальный образ узнаваем. Он вызывает эмоциональную связь с вашими пользователями. Во-вторых, уникальность даёт конкурентное преимущество. Вы вряд ли захотите использовать те же узоры и цвета, которые используют другие разработчики. Избегайте копирования, сегодня потребители ценят подлинность. Они не хотят иметь дело с репликами или пиратскими копиями.

5. Тщательно выбирайте цвета. Излишне говорить, что цвета влияют на общее восприятие. Цвет может говорить о многом и обращаться к человеческому подсознанию.

6. Предпочитайте символы тексту. Вам не нужен текст, чтобы сделать значок приложения понятным или рассказать о своём продукте. Фактически, вы можете отказаться от текста и говорить с помощью символов и изображений, которые олицетворяют идентичность вашего бренда. Однако, если вы всё же хотите использовать текст, сведите его к минимуму. Вы можете вставить название приложения, если оно короткое, как, например, BBC. В любом другом случае лучше ограничить текст одной буквой. Например, в Skype используется буква «S», а в Facebook — буква «F». Добавление слишком большого количества текста ухудшает читаемость иконки, и она точно станет нечитаемой при малых размерах.

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

Шаг 4. Тестирование

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

В ходе тестирования необходимо создать несколько вариантов дизайна и протестировать их. Андроид-разработчики могут использовать Google Experiments в Google Play, которые позволяют им тестировать различные элементы страницы приложения, включая иконку. Разработчики iOS могут использовать для A/B-тестирования Facebook или соответствующие сервисы.

Помните, что в силу различий аудитории, лучше всего работающие иконки в Google Play могут быть менее эффективными в App Store, и наоборот. Как мы указали выше, не обязательно создавать разные дизайны для iOS и Android. Но лучше протестировать разные варианты в соответствующих магазинах приложений, чтобы понимать, какие работают лучше.

Помните и о математических особенностях экспериментов, о них мы рассказывали здесь.

Создание иконки — это начало успеха

Сегодня иконка — это неотъемлемая часть идентичности бренда и первая точка соприкосновения между вашим приложением и пользователем. Она играет ключевую роль в привлечении внимания пользователя к вашему мобильному продукту. Более того, это идеальный инструмент для презентации вашей функциональности и передачи идеи вашего бренда ещё до того, как пользователи откроют ваше приложение.

Создаём тематические иконки для приложения на 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 «Тематические значки», и его иконку хочется перенести на рабочий стол на видное место.