Иконки для приложений windows 10: Иконки «Windows 11» — скачивайте бесплатно в PNG и SVG

Значок в Windows — Windows apps

Twitter LinkedIn Facebook Адрес электронной почты

• Статья
• 09/24/2022
• Чтение занимает 2 мин

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

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

Где отображаются значки приложений?

Значки приложений отображаются в различных местах Windows

• Меню «Пуск»
• список «Все приложения» меню
• Панель задач
• Экран-заставка
• Заголовок окна приложения
• Результаты поиска

• Уведомления
• Список «Открыть с помощью»
• Диспетчер задач
• JumpLists
• Параметры
• Окно обмена файлами

Принципы для отличных значков приложений

Простота

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

Сохраняйте его универсальным

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

Делать меньше, лучше

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

Проектирование и создание значка приложения

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

Создавайте значки, которые хорошо выглядят на любом размере на любом экране.

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

Создание значка приложения для Windows — Windows apps

• Статья
• 09/24/2022
• Чтение занимает 3 мин

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

Размеры значков (WPF, UWP, WinUI)

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

Размеры значков (Win32)

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

Масштабирование значков

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

коэффициент масштабирования Windows 11	100 %	125%	150%	200 %	250%	300%	400 %
Контекстное меню, строка заголовка, панель системной области	16 пикселей	20 пикселей	24 пикселей	32 пикселей	40px	48 пикселей	64 пикселей
Панель задач, результаты поиска, запуск списка всех приложений	24 пикселей	30 пикселей	36 пикселей	48 пикселей	60 пикселей	72 пикселей	96 пикселей
Начальные закрепления	32 пикселей	40px	48 пикселей	64 пикселей	80 пикселей	96 пикселей	256 пикселей

Примечание

Приложения должны иметь не менее: 16×16, 24×24, 32×32, 48×48 и 256×256. Это охватывает наиболее распространенные размеры значков и, предоставляя значок размером 256 пикселей, гарантирует, что Windows только когда-либо масштабировать значок вниз, никогда не вверх.

Прозрачные фоны

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

Полный список значков и вариантов

Windows использует различные ресурсы значков в разных контекстах пользовательского интерфейса. Использование немного изменилось между Windows 10 & Windows 11.

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

Значок приложения

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

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

Целевой размер списка приложений (обязательно)

• AppList.targetsize-16.png
• AppList.targetsize-20.png
• AppList.targetsize-24.png
• AppList.targetsize-30.png
• AppList.targetsize-32.png
• AppList.targetsize-36.png
• AppList.targetsize-40.png
• AppList.targetsize-48.png
• AppList.targetsize-60.png
• AppList.
  targetsize-64.png
• AppList.targetsize-72.png
• AppList.targetsize-80.png
• AppList.targetsize-96.png
• AppList.targetsize-256.png

Темная тема (обязательно)

• AppList.targetsize-16_altform-unplated.png
• AppList.targetsize-20_altform-unplated.png
• AppList.targetsize-24_altform-unplated.png
• AppList.targetsize-30_altform-unplated.png
• AppList.targetsize-32_altform-unplated.png
• AppList.targetsize-36_altform-unplated.png
• AppList.targetsize-40_altform-unplated.png
• AppList.targetsize-48_altform-unplated.png
• AppList.targetsize-60_altform-unplated.png
• AppList.targetsize-64_altform-unplated.png
• AppList.targetsize-72_altform-unplated.png
• AppList.targetsize-80_altform-unplated.png
• AppList.targetsize-96_altform-unplated.png
• AppList.targetsize-256_altform-unplated.png

Светлая тема (обязательно)

• AppList. targetsize-16_altform-lightunplated.png
• AppList.targetsize-20_altform-lightunplated.png
• AppList.targetsize-24_altform-lightunplated.png
• AppList.targetsize-30_altform-lightunplated.png
• AppList.targetsize-32_altform-lightunplated.png
• AppList.targetsize-36_altform-lightunplated.png
• AppList.targetsize-40_altform-lightunplated.png
• AppList.targetsize-48_altform-lightunplated.png
• AppList.targetsize-60_altform-lightunplated.png
• AppList.targetsize-64_altform-lightunplated.png
• AppList.targetsize-72_altform-lightunplated.png
• AppList.targetsize-80_altform-lightunplated.png
• AppList.targetsize-96_altform-lightunplated.png
• AppList.targetsize-256_altform-lightunplated.png

Масштабирование списка приложений (Windows 10) (необязательно)

• AppList.scale-100.png
• AppList.scale-125.png
• AppList.scale-150.png
• AppList.scale-200.png
• AppList. scale-400.png

Светлая тема (Windows 10) (необязательно)

• AppList.scale-100_altform-colorful_theme-light.png
• AppList.scale-125_altform-colorful_theme-light.png
• AppList.scale-150_altform-colorful_theme-light.png
• AppList.scale-200_altform-colorful_theme-light.png
• AppList.scale-400_altform-colorful_theme-light.png

Примечание

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

Плитки

Windows 10 поддерживает четыре размера плитки: малый, средний, широкий и большой.

Тема по умолчанию и темная (частично обязательная)

• SmallTile.scale-100.png
• SmallTile.scale-125.png
• SmallTile.scale-150.png
• SmallTile.scale-200.png
• SmallTile.scale-400.png

• MedTile.scale-100.png
• MedTile. scale-125.png
• MedTile.scale-150.png
• MedTile.scale-200.png
• MedTile.scale-400.png

• WideTile.scale-100.png
• WideTile.scale-125.png
• WideTile.scale-150.png
• WideTile.scale-200.png
• WideTile.scale-400.png

• LargeTile.scale-100.png
• LargeTile.scale-125.png
• LargeTile.scale-150.png
• LargeTile.scale-200.png
• LargeTile.scale-400.png

Светлая тема (необязательно)

• SmallTile.scale-100_altform-colorful_theme-light.png
• SmallTile.scale-125_altform-colorful_theme-light.png
• SmallTile.scale-150_altform-colorful_theme-light.png
• SmallTile.scale-200_altform-colorful_theme-light.png
• SmallTile.scale-400_altform-colorful_theme-light.png

• MedTile.scale-100_altform-colorful_theme-light.png
• MedTile.scale-125_altform-colorful_theme-light.png
• MedTile.scale-150_altform-colorful_theme-light. png
• MedTile.scale-200_altform-colorful_theme-light.png
• MedTile.scale-400_altform-colorful_theme-light.png

• WideTile.scale-100_altform-colorful_theme-light.png
• WideTile.scale-125_altform-colorful_theme-light.png
• WideTile.scale-150_altform-colorful_theme-light.png
• WideTile.scale-200_altform-colorful_theme-light.png
• WideTile.scale-400_altform-colorful_theme-light.png

• LargeTile.scale-100_altform-colorful_theme-light.png
• LargeTile.scale-125_altform-colorful_theme-light.png
• LargeTile.scale-150_altform-colorful_theme-light.png
• LargeTile.scale-200_altform-colorful_theme-light.png 8 LargeTile.scale-400_altform-colorful_theme-light.png

Примечание

Windows 11 не использует ресурсы плиток, но в настоящее время для публикации в Microsoft Store требуется как минимум средний ресурс плитки с 100 %. Если ваше приложение Windows 10 & 11 совместимо, рекомендуется включить как можно больше ресурсов плитки.

Экран-заставка

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

Default

• SplashScreen.scale-100.png
• SplashScreen.scale-125.png
• SplashScreen.scale-150.png
• SplashScreen.scale-200.png
• SplashScreen.scale-400.png

Темная тема (необязательно)

• SplashScreen.scale-100_altform-colorful_theme-dark.png
• SplashScreen.scale-125_altform-colorful_theme-dark.png
• SplashScreen.scale-150_altform-colorful_theme-dark.png
• SplashScreen.scale-200_altform-colorful_theme-dark.png
• SplashScreen.scale-400_altform-colorful_theme-dark.png

Светлая тема (необязательно)

• SplashScreen.scale-100_altform-colorful_theme-light.png
• SplashScreen.scale-125_altform-colorful_theme-light.png
• SplashScreen.scale-150_altform-colorful_theme-light.png
• SplashScreen.scale-200_altform-colorful_theme-light. png
• SplashScreen.scale-400_altform-colorful_theme-light.png

Эмблема

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

Windows 10 (необязательно)

• BadgeLogo.scale-100.png
• BadgeLogo.scale-125.png
• BadgeLogo.scale-150.png
• BadgeLogo.scale-200.png
• BadgeLogo.scale-400.png

Логотип пакета (логотип Microsoft Store)

Эти ресурсы необходимы для публикации в Microsoft Store.

Темная тема по умолчанию (требуется)

• StoreLogo.scale-100.png
• StoreLogo.scale-125.png
• StoreLogo.scale-150.png
• StoreLogo.scale-200.png
• StoreLogo.scale-400.png

Светлая тема (необязательно)

• StoreLogo.scale-100_altform-colorful_theme-light.png
• StoreLogo.scale-125_altform-colorful_theme-light.png
• StoreLogo.scale-150_altform-colorful_theme-light. png
• StoreLogo.scale-200_altform-colorful_theme-light.png
• StoreLogo.scale-400_altform-colorful_theme-light.png

Иконография в Windows — приложения для Windows

Редактировать

Твиттер LinkedIn Фейсбук Эл. адрес

• Статья
• 02.06.2022
• 2 минуты на чтение

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

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

Где появляются значки приложений?

Значки приложений появляются в различных местах Windows

• Меню «Пуск»
• Список «Все приложения» меню «Пуск»
• Панель задач
• Заставка
• Строка заголовка приложения
• Результаты поиска

• Уведомления
• Список «Открыть с помощью»
• Диспетчер задач
• Списки переходов
• Настройки
• Диалоговое окно «Поделиться»

Принципы создания отличных значков приложений

Будьте проще

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

Сделайте его универсальным

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

Делайте меньше, лучше

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

Дизайн и создание значка вашего приложения

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

Создавайте значки, которые хорошо смотрятся любого размера и на любом экране.

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

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

значков логотипов в стиле Windows 11 для графического дизайна и дизайна пользовательского интерфейса

значков

Иконки

Иллюстрации

Фото

Музыка

Windows 11

Анимированные и статичные

Анимированные и статические

Анимированный

Статическая

Перекрасить

Adobe

Adobe

Adobe After Effects

Adobe Animate

Adobe Audition

Adobe Bridge

Adobe Dreamweaver

Adobe Fireworks

Adobe Flash

Adobe Illustrator

Adobe Indesign

Adobe Lightroom

Adobe Photoshop

Adobe Premiere Pro

Яблоко

App Store iOS

Apple Arcade

Apple Logo

Apple Music Lyrics

Apple Pay

Apple TV

FaceTime

Garage Band

Itunes Note

Itunes Squared

Launchpad

Music

News

SwiftUI

iOS 10

iOS Logo

iOS Photos

Браузеры

Веб-браузер Brave

Chrome

Internet Explorer

Microsoft Edge

Opera

Safari

Предприятие

Amazon Web Services

Angrycreative

Asymmetrik

Atlassian

Bimobject

Centercode

Confluence

Dell

Earlybirds

First Order

First Order Circle

Fujitsu

General Electrics

HP

IBM

Korvue

Lego

Logitech

Логотип Oracle

Redhat

SAP

Speakap

Sprite

Staylinked

Think Peaks

Yammer

Логотип Яндекса

Кино

007

Aviato

BBC

Breaking Bad

Buy n Large

CBS

CorleOne Family Emblem

Disney Movie

Game of Thrones

HBO

9003 9003

Game of Thrones

HBO GO

Game of Thrones

HBO GO

9003

.