模式探索总结 第1篇
Launch Storyboard (故事启动图片)
iOS13新加入
引入黑暗模式后,原本启动图多以白色为主,这在晚上会严重影响体验。同时iOS当前需适配的屏幕尺寸非常多,在iOS13中之前的Launch Images(静态启动图片)方法已经被列入不再推荐。取而代之的是Launch Storyboard(故事启动图片)根据不同的深浅模式自动适配。
同时需要注意的是,线性的图标从默认模式直接拿到黑暗模式下会显得没有体积感,因为在浅色下,大脑会自动将镂空部分脑补成图形的一部分;但在黑暗模式下,这种效果消失。所以在黑暗模式下可以将线性图标调整为面型图标。但一切以实际情况考虑。
模式探索总结 第2篇
对比度表示一种颜色与另一种颜色的差异,通常写为1:1或21:1。比率中两个数字之间的差异越大,颜色之间的相对亮度差异越大。
要创建带有品牌色的深色表面,应在推荐的背景色上覆盖不同透明度的品牌色
当文本在最高层24dp也就是16%白色覆盖到黑暗模式主色上,对比度应满足小文本与背景对比度:1(AA级),大文本与背景对比度3:1 最低标准。
图中第一张是符合标准的,第二张是满足部分标准。
它们的区别是在标准背景色(#121212)上叠加的颜色亮度不同
模式探索总结 第3篇
语义化颜色
iOS13新加入
它是指描述颜色时不再使用固定的色值,而是以颜色使用的目的来描述颜色,而每套颜色都会在系统层面配置各自模式下的色值。
例如:iOS中定义SystemBackground(系统背景色)在浅色模式下是#FFFFFF,在深色模式下是#000000
它的优点是通过语义化定义,颜色可以自动匹配深浅两种外观,并且可以更好的适应系统级的特性。在黑暗模式下当界面位于架高层时,系统背景色(SystemBackground)可以自动匹配为架高层的背景色。
模式探索总结 第4篇
在黑暗模式下,状态是通过叠加不同透明度文本色在其默认颜色上,以区别不同状态,应满足AA级标准。但是这种方式有限制,只能使用在主色、辅助色及表面颜色的容器。
以下展示哪些属于表面容器哪些属于主要颜色容器。
按钮状态样式
根据指导文件,总结可以直接使用按钮状态示意