近期,华为云DevCloud推出了暗黑模式,用户在网页端也可以体验到桌面级应用才有的特性,不仅满足广大开发者的使用需求,还带来十足的神秘感和科技感。
暗黑模式,也称深色模式(Dark Mode),是近2年以来用户呼声最高的功能之一,国外很多顶级厂商都将深色主题作为UI的重要组成部分,其产品绝大部分都提供了深色模式,有的甚至让生态中的APP都提供暗黑模式。
手机暗黑界面
暗黑式降低了视觉的亮度,在黑暗环境中提供了安全性,并且可以最大程度减少眼睛疲劳。据统计,有超过70%的软件工程师在Dark Theme IDE上进行编码,某些流行的IDE工具更是将暗黑色系作为默认色系,例如开发工具VsCode和Sublime。
暗黑模式的优势
华为云DevCloud产品主要面向开发者,开发者通过产品端到端参与研发流程,提升研发效率。我们看看暗黑模式给用户带来哪些体验呢?
1、久用舒适,减轻团队长时间工作焦虑
华为云DevCloud可能是开发者使用时间比较长的产品,其中某些工具可能需要沉浸式使用,这么长时间的使用,势必会让用户眼睛产品视觉疲劳,这也正是设计团队考虑深色系模式的原因之一。
深色模式
我们面对的用户群体中有一部分是色弱用户,深色模式的高对比度对于这部分群力是比较友好的。
2、体验一致性与易用性
华为云DevCloud的暗黑模式,底层源自于规模化微服务场景下对产品一致性和易用性的考量:呈现在用户面前的DevCloud平台是一个完整的工具链平台,其背后是由几十个微服务团队协作开发而成。每一个微服务就是一个小微型团队,团队按照各自产品的目标和竞争力演进,难免在视觉交互体验上有偏差,我们称之为规模化微服务产品体验问题。为此,部门中的DevUI团队也是经过很长时间的摸索,从规范,组件,场景等等方式进行解决。其中深色模式,是一种有效的方式。
深色模式带来的是视觉体验一致,于用户而言,产品体验更加流畅,并且间接提升任务效率。
Wiki编辑场景
看板交付场景
最终,无论是浅色模式还是暗黑模式,DevCloud在细节上都尽量考虑B端产品致简特质,设身处地考虑开发者喜好,细节处提升工具的视觉体验。
我们持续不断演进
深色模式不仅仅是简单的黑白,是有很多东西需要思考的。比如,
1. 确保内容在深色模式下清晰刻度,背景色和文本对比度对少才比较合适,Material Design建议至少是用15.8:1的对比度。
2. 字体的粗细、透明度在浅色、深色背景下都会有所不同。
3. web产品的层次是通过阴影来表达的,而阴影在深色背景和浅色背景也是不一样的。