构造 Windows 应用的图标 |
您所在的位置:网站首页 › uwp应用大全 › 构造 Windows 应用的图标 |
构造 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 |