2020年Android推出了两种深色模式,苹果和谷歌都将深色主题作为UI的重要组成部分。未来会看到越来越多的深色模式,所以深色模式逐渐成为2020年的新趋势。深色模式虽然炫酷,但是我们在使用时要有更多的思量。今天,石家庄网站建设工程师就来给您分享一下关于提升UI深色主体设计感的小技巧的分析内容。
第一,避免使用纯黑色。纯黑色和纯白色的文案,这种高度对比度的画面效果会使用户产生视觉疲劳,对这两种色彩亮度很难适应。
第二,避免使用高饱和度。高饱和度的颜色会使用户视觉疲劳,但饱和度低的颜色会缓解压力。低饱和度的颜色(200–50范围内的颜色),在深色主题上具有更好的可读性,并不会降低UI的视觉表现力。
第三,符合无障碍颜色对比标准。在深色主题下确保内容的可读性,即使是黑色的背景,但他要足够暗才能凸显白色的文案。我们也可以使用颜色对比工具测试对比度。
第四,颜色深度。在深色主题中,需要呈现层次结构并强调布局中的重要元素。当元素处于较高色阶位置时候,通过较浅的表面颜色来呈现这种纵深上的差异。
第五,允许亮色/深色主题切换。设计的时候深色主题不要使用自动启用,我们应该让用户根据自己的需求手动去选择打开或关闭。而且,我们要注意,转换主题时,不能只是简单的替换局部暗色部分,要注意考虑全局性。
第六,文字的不透明度。深色主题上如果使用纯白色的文案的话是会存在视差的。所以建议最重要的内容,白色文案的不透明度设置为87%;中等重要的内容,白色文案不透明度设置为60%;被禁用的内容,白色文案不透明度设置为38%。
以上就是今天石家庄网站建设开发人员跟您分享的内容,希望能对大家的UI设计方面能有所帮助。如果您需要做网站,欢迎您来石家庄尚武科技咨询,我们将竭诚问您服务!