构造 Windows 应用的图标

您所在的位置:网站首页 uwp应用大全 构造 Windows 应用的图标

构造 Windows 应用的图标

2023-08-31 07:22| 来源: 网络整理| 查看: 265

构造 Windows 应用的图标 项目 07/13/2023

设计应用的图标后,需要自行创建图标文件。 由于 Windows 支持多个主题、显示分辨率和比例系数,因此应提供多个版本的图标,以确保它在任何尺寸的每台设备上都显示美观。

wpf、UWP、WinUI) (图标大小

Windows 将以各种大小显示应用图标,具体取决于图标的显示位置和用户的显示比例设置。 下表列出了 Windows 可用于显示图标的所有可能大小。

图标大小 (Win32)

Windows ICO 文件已经存在了很长时间。 使用的标准大小是上述完整集的子集。

图标缩放

当 Windows 显示应用的图标时,它将首先查找确切的大小匹配项。 如果没有完全匹配项,它将查找上一个大小并缩减。 在应用中包含更多图标大小意味着 Windows 更经常具有像素完美匹配,并减少应用于缩放图标的缩放量。

Windows 11比例系数 100% 125% 150% 200% 250% 300% 400% 上下文菜单、标题栏、系统托盘 16px 20px 24px 32px 40px 48px 64px 任务栏、搜索结果、启动所有应用列表 24px 30px 36px 48px 60px 72px 96px 起始引脚 32px 40px 48px 64px 80px 96px 256px

注意

应用应至少具有:16x16、24x24、32x32、48x48 和 256x256。 这涵盖了最常见的图标大小,并且通过提供 256px 图标,确保 Windows 应仅纵向缩减图标,永远不会纵向扩展。

透明背景

图标在透明背景下看起来效果最佳。 如果你的应用品牌要求将图标印在背景上,也没关系。 但是,你必须重新实现透明图标免费提供的一些主题功能。 例如,你可以在两个不同的背景上提供应用图标的一个版本,一个更适合浅色主题,另一个更适合深色主题。

图标和变体的完整列表

Windows 在不同的 UI 上下文中使用不同的图标资产。 在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不使用磁贴资产,但目前至少需要 100% 的中等磁贴资产才能发布到 Microsoft Store。 如果应用Windows 10&兼容 11,建议包含尽可能多的磁贴资产。

初始屏幕

初始屏幕也可以是浅色和深色主题感知,如应用图标资产。

默认值

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


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3