深色UI设计的几个实用技巧

深色主题是过去几年中最受欢迎的风格之一,苹果和谷歌都将深色主题作为UI的重要组成部分。深色主题通过把亮度降低,创造了一个在黑暗条件下使用产品的舒适环境,减少了眼部疲劳。 为了能做好深色UI设计,环球青藤小编总结了几个实用技巧,希望大家有些帮助。

第1个回答  2020-09-25

1. 避免使用太高饱和度的颜色


饱和度高的颜色在浅色界面上看起来很棒,但在深色界面上却会让用户产生视觉抖动,使得内容难以阅读。 使用较浅的颜色会使得内容有更好的可读性。饱和度降低不会降低UI的表现力,但可以帮助产品在不引起眼部疲劳的前提下保证适当的对比度。



2. 对文字使用不同透明度来强调不同层级


文字在深色主题下默认会被设置为纯白色(#FFFFFF),但#FFFFFF是一种很明亮的颜色。它会在黑暗的背景下产生视觉“抖动”,这就是为什么谷歌设计规范推荐使用稍微暗一些的白色。


3 考虑界面传达的情绪


如果接到需求是为应用做一个深色主题改版,你可能觉得只是改一下配色就万事大吉了,但界面所传达出来的情绪经常容易被忽略。 不同的背景颜色所带来的感知是不同的。 这意味着深色主题和浅色主题在传达信息上是有区别的,深色和浅色的主题风格总是会让用户产生不同的情绪。要善用这种区别,重新思考产品的特性,并及时优化自己设计。 暗色模式并不是总是必须从现有的浅色中直接得来。


4.善用灰色营造空间感


与浅色主题设计时一样,在做深色主题设计时,同样要达到清晰的层次结构并需要突出界面中的重要元素。 空间感是我们用来传达元素层次结构的工具。 在浅色模式下,我们使用阴影来突出空间感。


5. 允许用户从普通模式切换到暗色模式


很容易让系统决定何时开启或关闭深色主题。然而,这种设计决策可能会导致糟糕的用户体验。这相当于从用户那边抢夺了控制权,并让系统为他们做出决定。


以上就是深色UI设计中的一些小技巧的分享,希望对各位小伙伴们有所帮助。更多的技能分享,请关注本平台,小编将会做及时的整理和发布。

相似回答