苏州ui设计师如何设计好深色模式

发布者: u-walker 发布时间: 2019-12-30 浏览 109
  苏州ui设计师如何设计好深色模式?各大系统都陆续推出了自己的深色模式,对于零基础学ui的学员来说,该如何设计好深色主题模式呢?

苏州ui设计师如何设计好深色模式

  一、少用大面积亮色

  在浅色主题中,我们经常使用大面积的亮色,效果通常还不错,因为我们最重要的元素可能会更亮。但在深色主题中是行不通的,大面积亮色会把我们的注意力吸引过去。在浅色主题的某些界面中,浅色的蒙层不会把用户的注意力从颜色更亮的对话框上吸引走,但是在深色主题中,同样的蒙层却会吸引注意力。所以苏州ui设计师拿掉了这种蒙层,这样用户就可以快速、轻易地关注到重要的部分,少用大面积亮色可以让重要信息更受关注。

  二、深暗浅明

  大多数深色主题的ui设计都遵循这一原则:深层界面更暗,浅层界面略亮。这模拟了从上方投射光线的环境,带来熟悉且令人安心的物理效果。在进行深色主题设计时,很容易就会通过反转浅色主题来实现效果。然而,这样做反而会使底层变亮,而表层变暗,这有悖于物理规律,会让人感觉不自然。所以,我们一般从浅色主题的主界面取色,反转此颜色,以获得深色主题的主界面颜色。然后在近表层调亮这种颜色,在底层调暗这种颜色。推荐阅读>>>苏州ui设计师如何写年终总结

  三、加深颜色

  为了避免眼睛疲劳和光晕,我们把文本的颜色调暗,所以彩色元素和按钮可能会显得太亮了。必须调整这些颜色,以更好地适应深色的主题。首先,我们降低亮度,使这些颜色不会抢附近文本的视觉焦点。然后,增加饱和度,使他们仍然保持原有特征。为黑暗的主题创造更深的颜色:保持色调,降低亮度,增加饱和度。

  四、重新审视感知对比度

  在通过参考浅色主题来设计深色主题时,很重要的是要重新审视感知对比。也就是说,关键是看一个元素表现出来的差异,而不是看数值究竟是多少。例如,在我们的浅色主题中,联系人界面信息文字为不透明度为 60% 的黑色。但是在我们的深色主题中,我们将联系方式设置为不透明度为 65% 的白色。虽然两者的对比度都超过 AA 标准,但是额外的 5% 却可以防止视觉疲劳,特别是在弱光条件下。对于这些补偿并没有严格的规定。相反,我们会根据文本区域、字体大小和行宽分别调整每一个元素,以确保深色主题和浅色主题一样清晰、易于阅读。

  苏州ui设计师如何设计好深色模式?当然,除了以上这几点外,新手设计师们还要注意避免使用纯黑或纯白主题,我们要强调的是一种均衡的对比。

本页网址:https://www.u-walker.com/suzhou/1838.html

上一篇: 苏州ui设计新手需要掌握的AI技巧

下一篇: 芯传汇品牌企业VI

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部