使用深色系UI,有哪些点你需要注意?

12月13日 收藏 14 评论 4 UI/交互

使用深色系UI,有哪些点你需要注意?

设计师的主要职责之一,就是为产品定制合理的视觉,基于目标用户的特征和产品的设计目标,给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作,而 UI设计师更是要确保产品的 UI 和视觉最终落地。

在设计过程中,有诸多因素会影响 UI 给用户的感受。其中,色彩是最重要也是最明显的一个部分。

许多设计师会在选择配色方案的时候,会使用浅色的、明亮的背景色彩。其实,大众和设计师的这个倾向是有科学依据的。在白色的背景上使用黑色的文本,可读性是最佳的。在不同的测试和研究当中,浅色背景上的深色文本,比起深色背景上的浅色文本,阅读性更强。

在一项著名的研究当中,受试者面对深色背景阅读浅色文本的时候,视觉疲劳的现象表现得更加明显。(Bauer, D., Bonacker, M., and Cavonius, C. R. 1983)

而另外一方面,人们习惯了在白色背景上查看图片,阅读深色的文本。这种状况已经延续了上百年。而在中国,这种状况更是延续了几千年。向上追溯到35万年前的旧石器时代,当时的原始人类同样是使用木炭在浅色的墙壁上书写。

而如今,许多 UI界面的设计并没有一直遵循这种规律。一方面,采用深色系的设计风格,只要确保对比度,本身的可用性和易用性并没有太大的问题,另一方面,这样的设计在美学上也有着独有的优势,让界面呈现出一种独特的戏剧性,同时还能让一些品牌拥有更加有趣和引人入胜的视觉。


C 4条回复 评论
你是闰土我是猹

干货满满,很详细,评论占个坑

发表于 2023-09-10 23:00:00
0 0
望岳

有没有蜕变测试或者ai测试的教程

发表于 2021-09-28 22:00:00
0 0
你是闰土我是猹

真棒!茅塞顿开的感觉。

发表于 2021-09-13 19:00:00
0 0
pyyyyy

技多不压身

发表于 2021-09-13 15:35:00
0 0
喜欢你喜欢你

前端真的不难,后台确实比前台难一点,奥利给。

发表于 2021-09-09 22:20:00
0 0