Бесплатные иконки программ и приложений (40+ лучших наборов)

Алан-э-Дейл       07.05.2022 г.

Содержание

Дизайн иконок: 3 правила оформления

Давайте разберемся с этим понятием: значок приложения ≠ логотип.

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

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

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

1. Масштабируемость

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

Значки приложений в настройках iOS и Android

Пользователи не должны напрягаться, напрягать глаза, пытаясь уловить задумку дизайнера. Тестирование здесь на всех типах устройств является ключевым (для этого мы используем Appsparky); хотя потеря деталей неизбежна, идея всегда должна быть ясной.

Вот хороший пример того, как российский модный ритейлер Lamoda упростил свой логотип для приложения

И это подводит нас ко второму рассмотрению дизайна иконок приложений …

2. Узнаваемость

Здесь приложения и логотипы перекрываются.

В Messapps мы советуем, что для узнаваемости простота является ключевой – и это не означает скучно.

Смотри, разве эти значки не детализированы?

Hello Neighbor, Tiny wings, Prune, Pandora Music, Silly Sausage in Meat Land, Old Man’s Journey

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

Мы, в Messapps, постоянно работаем над созданием дизайнов, чтобы клиенты могли быть действительно поражены результатами. Эта работа включает в себя изменение концепций и идей, которые мы внедряем в дизайн – и это то, что мы сделали с приложением Mentissana.

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

Ключевым моментом в узнаваемости является дифференциация: уникальность приложения.

Почти два миллиона приложений в App Store и 2,1 миллиона в Google Play

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

Покажите что-то новое и необычное!

Todoist использует стандарт для менеджеров задач «галочка», но в интересной композиции

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

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

Всегда ищите свой персональный способ решения проблем!

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

3. Согласованность

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

Это особенно важно для игр, где приложение может получить миллион загрузок только из-за одной игровой механики.
Jazz Smash показывает основной игровой элемент в значке приложения. В игре вы разбиваете разные предметы битой

Иконка JazzSmash, объясняющая особенности игры с первого взгляда

Значок Slack является отличным примером соответствия между значком и интерфейсом

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

Не используйте слова

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

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

Создание всех активов одновременно

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

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

Чтобы создать все ресурсы одновременно, выполните следующее.

  1. Нажмите кнопку … рядом с полем Источник и выберите изображение, которое вы хотите использовать. Для получения четких результатов убедитесь, что вы используете изображение (растровое) размером не менее 400 х 400 пикселей. Но лучше всего подходят векторные изображения; Visual Studio позволяет использовать искусственный интеллект (Adobe Illustrator) и PDF-файлы.

  2. (Дополнительно.) В разделе Параметры отображения настройте следующие параметры:

    a. Короткое имя Укажите короткое имя для вашего приложения.

    b. Показать имя. Укажите, хотите ли вы отображать короткое имя на средних, широких или больших плитках.

    c. Фон плитки. Укажите шестнадцатеричное значение или имя цвета для фона плитки. Например, . Значение по умолчанию: .

    d. Фон экрана-заставки. Укажите шестнадцатеричное значение или имя цвета для фона экрана-заставки.

  3. Щелкните Создать.

Visual Studio создает файлы изображений и добавляет их в проект. Если вы хотите изменить свои ресурсы, просто повторите процесс.

Масштабируемые ресурсы значков соответствуют следующему соглашению об именах файлов.

Имя файла-масштабирование-коэффициент масштабирования.png

Например:

Square150x150Logo-scale-100.png, Square150x150Logo-scale-200.png, Square150x150Logo-scale-400.png

Обратите внимание на то, что Visual Studio не создает логотип по умолчанию. Это потому, что ваш логотип значка уникален и он не должен соответствовать значкам других приложений

См. сведения об уведомлениях на индикаторах событий для приложений для Windows.

Инструкция по смене значков на экране смартфона Huawei ( honor )

1. С Рабочего экрана запускаем приложение «Темы».

Скрин №1 – нажать на иконку приложения «Темы».

2. Находясь на главной странице приложения «Темы» в режиме «Рекомендуется» в разделе «Темы», вы можете перейти в раздел поиска и скачивания новых иконок из интернета.

Для поиска новых видов значков нужно нажать на кнопку «Значки».

Если вы желаете сразу перейти к замене внешнего вида иконок из уже скаченных ранее «тем», то вам нужно будет перейти в режим «Я», нажав на кнопку «Я» внизу экрана.

Скрин №2 – надавить на кнопку «Значки».

3. В разделе «Значки» вы может подобрать новые значки в интернете из следующих трёх разделов:

  • Топ платных;
  • Топ новых;
  • Топ бесплатных.

Далее выбрав раздел «Топ бесплатных» вы можете подобрать на свой вкус новый вид иконок и скачать его.

Скаченную тему иконок можно сразу установить, нажав на кнопку «ПРИМЕНИТЬ».

Скрин №3 – вид раздела «Значки» «Топ платных». Скрин №4 – вид раздела «Значки» «Топ бесплатных».

4. Для перехода к установке нового вида значков нужно на главной странице программы нажать на копку «Я» внизу экрана.

Далее, уже находясь в разделе «Я» — собственных «тем», нужно нажать на кнопку «Настроить».

Скрин №5 – надавить на кнопку «Я». Скрин №6 – нажать на кнопку «Настроить».

5. Находясь в разделе «Настроить» для смены вида кнопки нам нужно нажать на позицию «Значки».

Скрин №7 – надавить на позицию «Значки».

6. Теперь мы находимся в разделе «Значки». Здесь мы должны выбрать вид значков для установки из ранее скаченных «тем». Сейчас у нас установлены иконки из «темы» по умолчанию «Default», что подтверждает наличие синего значка «Галочка» на картинке «темы» «Default».

Мы решили установить кнопки из «темы» «Rainy Street». Для этого нужно нажать на картинку «RainyStreet».

А далее, в открывшемся окне «Rainy Street» мы можем установить иконки из этой «темы» нажав на кнопку «ПРИМЕНИТЬ», или настроить их, внеся дополнительные изменения к виду значков. Для этого нужно нажать на кнопку «НАСТРОЙКА».

Скрин №8 – нажать на картинку «Rainy Street». Скрин №9 – надавить на кнопку «НАСТРОЙКА».

7. Теперь в разделе «Пользовательские значки» мы можем внести дополнения к внешнему виду значков из «темы» «Rainy Street», нажимая на кнопки внизу экрана.

После того, как мы настроили вид иконок, для применения их нужно нажать на кнопку «Галочка» вверху экрана.

Скрин №10 – нажать на кнопки внизу экрана для изменения вида иконки. Скрин №11 – для установки новых иконок нажать на кнопку «Галочка».

8. Теперь мы установили новый вид иконок на экран смартфона.

Для того, чтобы отменить внесённые изменения и вернуть значки, которые были ранее установлены, нужно нажать на иконку приложения «Темы».

Скрин №12 – нажать на значок приложения «Темы».

9. Программа сразу перенесёт нас в раздел «Значки».

Для того, чтобы вернуть значки из ранее установленных по умолчанию «темы» «Default» нужно нажать на картинку «Default».

На следующем экране нужно нажать на кнопку «ПРИМЕНИТЬ».

Скрин №13 – нажать на картинку «Default». Скрин №14 – нажать на кнопку «ПРИМЕНИТЬ».

Теперь вид главного экрана вернулся к исходному виду с прежними значками.

Как поменять иконки на андроиде без лаунчера – beautiful icon styler

Сетку иконок приложений мы наиболее часто наблюдаем на наших экранах смартфонов или планшетов андроид 6.0, 5.1, 4.4 2 и так далее.

К сожалению, «заводские» значки (по умолчанию) не самые красивые, но это можно легко поменять.

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

Изменить иконки можно тремя вариантами: лунчером и без лаунчера – соответствующим пакетом и программами.

При этом пакеты совместимы с такими лунчерами как launcherami, ADW Launcher, Apex Launcher, Nova Launcher или Холо Launcher.

Многое также зависит от индивидуального набора — я проверил на Nova Launcher и работает отлично.

ПРИМЕЧАНИЕ: вы также можете поменять на рабочем столе андроид размер иконок, цвет текста и даже изменить название.

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

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

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

После установки установить перейдите к настройкам и установите соответствующий пакет «значков».

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

Они быстро изменят все иконки приложений.

Как изменить иконки приложения на андроид без лаунчера

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

Где их взять? Их можно бесплатно скачать на плей маркет. Вот самые популярные пакеты, хотя есть множество других: MIUI v5 Icon Pack, Голографические иконки, Simplex, DCikon, Square Icon Pack, округлые Icon Pack, Min Icon Set и так далее.

Хорошая новость заключается в том, что вам не нужен корневой доступ (рут права) или другие изменения в операционной системе.

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

Если будете искать в Google Play, то можете найти иконки, которые имитируют наличие операционной системы LG, Samsung и т.д.

Как местами поменять иконки андроид

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

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

Программы для изменения иконок на андроид

Если вы разочарованы модификацией, описанной выше и иконки ваших любимых приложений, выглядят одинаково, существует решение в виде специальных программ — Icon Theme, что сделает рабочий стол уникальным.

Некоторые из них работают от версии андроид 4.0, требуют доступ к корню и библиотеки Xposed.

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

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

ПРИМЕЧАНИЕ: при изменении значков могут всплыть две проблемы. Первая — вмешательство в системные файлы.

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

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

pasmr21.ru

Предназначение иконки

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

Это касается как списка программ уже на смартфоне, так и в магазине приложений (App Store, Google Play)

Например, иконка мобильного приложения должна выполнять функцию идентификации и выделять его среди других приложений на смартфоне. Это касается как списка программ уже на смартфоне, так и в магазине приложений (App Store, Google Play).

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

Программы для изменения иконок на андроид

Если вы разочарованы модификацией, описанной выше и иконки ваших любимых приложений, выглядят одинаково, существует решение в виде специальных программ — Icon Theme, что сделает рабочий стол уникальным.

Некоторые из них работают от версии андроид 4.0, требуют доступ к корню и библиотеки Xposed.

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

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

ПРИМЕЧАНИЕ: при изменении значков могут всплыть две проблемы. Первая — вмешательство в системные файлы.

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

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

Также рекомендую ниже посмотреть видео. Это действительно бомба, только разорвет вас не физически а от удивления. Успехов.

Программа Awesome Icons

Итак, ярлыки на рабочем столе вам приелись и у вас появилось желание провести обновление дизайна, в таком случае, вам поможет программа Awesome Icons. Данное приложение бесплатно и для неё не нужен Рут-доступ.

Итак, начинаем:

  1. Нужно скачать приложение Awesome Icons с сервиса Плей Маркет;
  2. После того, как вы запустите приложение, вам покажется перечень новых приложений на смартфоне;
  3. Теперь вам осталось присвоить нужному приложению ярлык, применив вкладку ICON. Вам можно выбрать ярлык из тех, которые предложит приложение, или применить ваши собственные изображения или галерею;
  4. Теперь вам нужно подтвердить ваши намерения, тапнув ОК;
  5. После этого, нужно вернуться на главный экран, где вы заметите уже новый дизайн.

У Авесом Иконс имеется важное достоинство. Так как вы имеете возможность взять любой ярлык для любого приложения или сделать его самому, то этим вы сможете с лёгкостью скрыть значимые для вас приложения (онлайн-банк, электронный ящик и прочее)

Но, у Awesome Icons есть и минусы. Не всё так просто, я имею в виду, что не все значки можно поменять. К примеру, нельзя поменять фирменные ярлыки Гугл Маркет.

Согласованность

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

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

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

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

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

  • Один из способов добиться согласованности между приложением и иконкой — это придерживаться одной цветовой палитры и использовать схожий “язык дизайна”. Например, зеленый интерфейс можно усилить зеленой иконкой.
  • Следующий способ не всегда возможен, но все же: попробуйте использовать в дизайне иконки символы, напрямую связанные с функциональностью приложения.

Настройка заполнения ресурсов

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

Рекомендации по заполнению плитки

Если вы хотите предоставить собственные заполнения, ниже приведены наши рекомендации для плиток.

4 размера плитки: маленькая (71 x 71), средняя (150 x 150), широкая (310 x 150) и большая (310 x 310).

Каждый ресурс плитки имеет такой же размер, что и плитка, на которой он размещен.

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

Если плитка маленькая, то значок должен иметь такую ширину и высоту, чтобы его размер составлял не более 66 % от размера плитки:

Если плитка средняя, то ширина значка должна составлять 66 %, а высота — 50 % от размера плитки. Это позволит избежать наложения элементов в фирменной панели:

Если плитка широкая, то ширина значка должна составлять 66 %, а высота — 50 % от размера плитки. Это позволит избежать наложения элементов в фирменной панели:

Для крупных плиток ширина значка должна составлять 66 %, а высота — 50 % от размера плитки.

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

Если используются полные ресурсы без заполнения, необходимо учитывать элементы, пересекающие поля и края плиток. Поля должны занимать не менее 16 % высоты или ширины плитки. Это значение соответствует удвоенной ширине полей самой маленькой плитки:

В этом примере поля слишком узкие:

Узнаваемость

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

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

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

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

Главная сложность при проектировании иконки — найти баланс этих качеств

Для узнаваемости большую роль играет не только масштабируемость, но и новизна. Главная сложность при проектировании иконки — найти баланс этих качеств.

Delta — Icon Pack

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

Delta — Icon Pack
Цена: бесплатно

Pixel Pie Icon Pack

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

Pixel pie icon pack — бесплатный набор иконок пикселей
Цена: бесплатно

Вирусный — Бесплатный Icon Pack

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

Вирусный — Бесплатный Icon Pack
Цена: бесплатно

Изменение формы значков главного экрана на пикселе в Android 10 | Андроид

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

В предыдущих версиях Android, в частности, в Oreo и Pie, вы могли долго нажимать на главном экране, выбирать «Домашние настройки», выбирать «Изменить форму значков», а затем выбирать между круговой опцией по умолчанию, квадратом, скругленным квадратом, скворком или слезинка значок формы. Супер просто. Впервые он был доступен на Pixels, но был расширен для других устройств Nokia, Essential, Moto и др.

Что ж, в Android 10, который сейчас доступен только для Google Pixel, Pixel XL, Pixel 2, Pixel 2 XL, Pixel 3 и Pixel 3 XL, параметр «Изменить формы значков» нигде нельзя найти в «Домашних настройках». «. На самом деле, вы нигде его не найдете, если у вас не получится разблокировать «Опции разработчика». Если у вас нет этого скрытого меню, это первое, с чего начать, если вы хотите изменить внешний вид главного экрана.

Не пропустите: 15 причин, чтобы разблокировать опции разработчика на вашем Android

Шаг 1: разблокировать опции разработчика (если еще не готово)

Перейдите к «Система» в приложении «Настройки», затем нажмите «Дополнительно», чтобы расширить эти параметры. Затем нажмите «О телефоне», затем разверните собственный раздел «Дополнительно». Наконец, быстро нажмите по крайней мере семь раз на «Номер сборки», пока не увидите «Вы теперь разработчик!» Возможно, вам придется ввести свой PIN-код, чтобы продолжить.

Полные инструкции: разблокировать опции разработчика Pixel в Android Pie и выше

Шаг 2: Откройте параметры разработчика в системе

Если вы только что разблокировали «Параметры разработчика», вы можете просто нанести ответный удар несколько раз, чтобы вернуться в меню «Дополнительно» в настройках «Система». В противном случае, зайдите в Настройки -> Система -> Дополнительно -> Параметры разработчика.

Шаг 3: выберите ваши предпочтительные формы иконок

Оказавшись внутри, прокрутите весь путь вниз и нажмите «Форма значка». Как и прежде, всплывают несколько различных опций: круговое устройство по умолчанию, слезинка, сквирл и скругленный прямоугольник

Обратите внимание, что «Квадрат» здесь полностью отсутствует, а «Скругленный квадрат» теперь почему-то называется «Скругленный прямоугольник»

Это больше не просто меняет значки приложений

Почему настройки формы значков переместились из «Домашних настроек» в «Параметры разработчика» в Android 10? Потому что теперь это относится не только к домашнему экрану. Быстрые настройки (раскрывающееся меню), Обзор (многозадачный пользовательский интерфейс) и меню Совместный доступ — все это зависит от изменений, а также от других областей, где появляются значки.

Ниже приведены примеры параметров формы, доступных для пикселей, с отображением их внешнего вида в меню «Быстрые настройки», «Обзор» и «Поделиться», а также на главном экране.

Типы значков, расположения и масштабные коэффициенты

По умолчанию Visual Studio сохраняет ваши активы значков в подкаталог активов. Вот список различных типов значков с указанием, где они появляются и как называются.

Имя значка Отображается в Имя файла актива
Маленькая плитка Меню «Пуск» SmallTile.png
Средняя плитка Меню «Пуск», список Microsoft Store* Square150x150Logo.png
Широкая плитка Меню «Пуск» Wide310x150Logo.PNG
Большая плитка Меню «Пуск», список Microsoft Store* LargeTile.png
Значок приложения Список приложений в меню «Пуск», панель задач, диспетчер задач Square44x44Logo.png
Экран-заставка Экран-заставка приложения SplashScreen.png
Эмблема Плитки приложений BadgeLogo.png
Логотип упаковки / логотип Store Установщик приложений, Центр партнеров, параметр «Сообщить о приложении» в Store, параметр «Написать отзыв» в Store StoreLogo.png

* используется, если вы не решили .

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

Коэффициент масштабирования определяет размер элементов пользовательского интерфейса, таких как текст. Масштабирование факторов в диапазоне от 100 до 400 %. Большие значения создают большие элементы пользовательского интерфейса, облегчая их просмотр на экранах с высоким разрешением.

Поскольку ресурсы значков приложений являются растровыми изображениями, а они плохо масштабируются, мы рекомендуем указывать версию каждого значка для каждого масштабного коэффициента: 100 %, 125 %, 150 %, 200 % и 400 %. Значки занимают немало места! К счастью, Visual Studio предоставляет инструмент, который позволяет легко создавать и обновлять эти значки.

Масштабируемость

Иконка приложения должна хорошо выглядеть в разном разрешении и передавать суть концепции независимо от размера.

Один из самых важных аспектов иконки — это масштабируемость

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

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

  • Холст 1024х1024 бывает обманчивым — обязательно протестируйте свой дизайн на “живом” девайсе, в разных контекстах и размерах.
  • Делайте упор на простоту и сконцентрируйтесь на каком-то одном объекте; предпочтительно, чтобы это была какая-то уникальная форма или элемент, который хорошо сохраняет свои свойства и качество при масштабировании.
  • Убедитесь, что иконка хорошо смотрится на разном фоне.

В чем разница между иконкой и логотипом?

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

Иконки:

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

Логотипы:

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

Шаг 3: Используйте Launcher, чтобы настроить свой собственный значок

Существует множество инструментов запуска, которые могут помочь вам в применении созданного вами значка. Наиболее популярными являются Action Launcher и Nova Launcher

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

Применение значка с помощью Action Launcher

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

  1. Нажмите и удерживайте значок приложения, которое вы хотите изменить.
  2. Удерживайте значок и перетащите его вверх, чтобы изменить в правом верхнем углу экрана.“
  3. Перейдите в меню, чтобы увидеть все источники изображений для вашего значка.
  4. Выберите «Мои фотографии».
  5. Найдите расположение вашего собственного значка.

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

Применение значка с помощью Nova Launcher

Хотя процесс подачи заявок похож на Нова ЛаунчерЕсть несколько разных шагов.

  1. Нажмите и удерживайте значок приложения на главном экране, пока не появится новое меню.
  2. Выберите «Изменить».
  3. Коснитесь поля со значком, чтобы настроить изображение приложения.
  4. Выберите «Галерея приложений».
  5. Выберите «Документы».
  6. Найдите местоположение вашего нового изображения значка.
  7. Отцентрируйте значок и убедитесь, что он находится внутри краев коробки.
  8. Нажмите «Готово».

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

Как адаптировать новый пакет ко всем программам запуска

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

Adapticons
Цена: бесплатно

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

Для этого мы добавляем виджет Adapticons, нажимаем и выбираем приложение, для которого мы собираемся изменить дизайн

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

Так что со всеми приложениями мы хотим изменить. Во всяком случае, мы рекомендуем использовать Nova Launcher для лучшей реализации иконок.

Подведем итоги

Итак, давайте вкратце подытожим, каким должен быть дизайн иконок для вашего мобильного приложения:

Пленительная простота

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

Узнаваемость

Никто не будет анализировать икону, чтобы понять ее значение.

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

Никаких фотографий, скриншотов или элементов интерфейса.

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

Проверьте значок на разных обоях

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

Вот и все! Мы желаем Вам удачи и много красивых иконок для ваших приложений.

Гость форума
От: admin

Эта тема закрыта для публикации ответов.