vol.4 金融股票类APP设计

2022.3.14-2022.3.18

主要是为了练习夜间模式，get了一些做夜间模式的注意点，还是学到点东西的：

⭐Tips1：避免使用纯黑色背景（#000000），在纯黑的界面上使用纯白的文字，高强度的对比度，会让眼睛特别的不舒服，造成视觉疲劳；相对于纯黑色，使用深灰色来表示具有更宽深度范围的环境中的高度与空间。深灰色表面可以表现出更广泛的颜色、高度和深度，因为我们更容易看到灰色（在纯黑色上是不容易做黑色阴影的）上的阴影。深灰色表面还可以减少眼睛疲劳，因为深灰色表面上的浅色文字比黑色表面上的浅色文字具有更低的对比度。

⭐Tips2：深色界面上避免饱和度高的颜色，高饱和的颜色会让用户产生视觉抖动，增加阅读障碍。

选择较浅的颜色（饱和度200-50之间）会使得内容有更好的可读性。低饱和度颜色不会降低UI的功能性，能帮助产品在不引起视觉疲劳的前提下保证适当的对比度。

⭐Tips3：在深色主题使用纯白色（#FFFFFF）的文本，会产生视觉冲击，造成视觉疲劳；通过对文字使用不同透明度来强调不同层级（教程中数据参数仅供参考，具体可参考相关设计规范）：最需要强调的文本不透明度为80%；中等强调的文本不透明度为60%；禁用文本使用40%的不透明度；

⭐Tips4：浅色文本在深色背景上会比深色文本在浅色背景上显得更粗，所以在深色模式下要使用更细的字体。

⭐Tips5：深色界面上的标题文本避免使用纯白色（#FFFFFF），可降低饱和度为80%；

⭐Tips6：可为导航栏添加阴影（阴影的Y值为负值），增加导航栏和列表项的层次感。