应用图标适配iOS18深色与有色图标变体,适配多色图标
文章摘要
HeoGPT
这篇文章介绍了 iOS18 应用图标适配深色与有色图标变体,包括色彩改变及自定义外观,还讲解了绘制资源、添加方式,如在 xcode16.0 以上版本操作,需 1024 图标尺寸可直接拖拽等。
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结
投诉我们可以看到iOS18支持应用图标的色彩改变,这个改变需要开发者自行适配。
作为开发者我们要进行一些适配才能让应用图标与其他图标色彩更加贴合。
人们可以自定义应用图标的外观为浅色、深色或彩色。您可以创建自己的变体,以确保每个变体看起来完全符合您的要求。
设计您的深色和彩色图标,让您在系统应用程序图标和小部件旁边有宾至如归的感觉。您可以保留默认图标的调色板,但请注意,深色图标更加柔和,而浅色图标更是如此。一个伟大的应用程序图标是可见的,清晰的,可识别的,即使有不同的色调和背景。
绘制资源
目前图标需要添加两种形式,一种是你提供一个背景透明的彩色图标,一种是提供一个背景不透明的灰度图标。
使用浅色应用图标作为深色图标的基础。选择反映默认设计的互补色,并避免过于明亮的图像。有关指导,请参见深色模式颜色,请删除背景,以便系统提供的背景可以显示出来。
变体图标则是背景不透明的灰度图标,有着纯黑色的背景。iOS会根据图标的亮度变化来赋予颜色,
例子(homeapp):
灰度可以区分“透明度”,当然,整个图像是没有不透明的像素。
如何添加
在最新的xcode16.0以上版本支持添加。在iOS中选择SingleSize,然后在Appearances中选择Any, Dark, or Tinted
需要1024的图标尺寸。直接拖拽即可。
着色图标效果
鸣谢
感谢飞机弟提供的部分截图
- 感谢你赐予我前进的力量
打赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 张洪Heo
评论
生成评论
匿名评论
违规举报
✅ 你无需删除空行,直接评论以获取最佳展示效果