科技感满满，华为云DevCloud推出网页暗黑模式

日期： 2020-05-18 分类：跨站数据 356次阅读

近期，华为云DevCloud推出了暗黑模式，让用户在网页端也可以体验到桌面级应用才有的特性。

深色模式（Dark Mode），俗称暗黑模式。是近2年以来用户呼声最高的功能之一，一些国外顶级厂商都将深色主题作为UI的重要组成部分。他们的产品绝大部分都提供了深色模式，有的甚至让生态中的APP都提供深色模式。而微信在今年也借机提供了深色模式。可见，暗黑模式已经深得人心。

手机暗黑界面

深色模式降低了视觉的亮度，在黑暗环境中提供了安全性，并且可以最大程度减少眼睛疲劳。

据统计，有超过70%的软件工程师在Dark Theme IDE上进行编码，如果您查看流行的编码环境主题下载，你会发现十大主题总是暗黑的。广大开发者对深色模式有一种发自内心的热衷和痴迷。而某些流行的IDE工具更是将暗黑色系作为默认色系，例如开发工具VsCode和Sublime。开发者热衷深色模式，除了上面的原因之外，可能还因为深色模式能够带来神秘感和科技感。

深色模式的特点

华为云DevCloud产品主要用户还是面对开发者。开发者通过产品端到端参与研发流程，提升研发效率。我们看看深色模式给用户带来哪些特点呢？

久用舒适

华为云DevCloud可能是研发团队使用时间比较长的产品。其中某些工具可能需要沉浸式使用，这么长时间的使用，势必会让用户眼睛产品视觉疲劳，从而对工作有抵触感，这也正是设计团队考虑深色系模式的原因之一。

深色模式可能是减轻团队长时间工作导致焦虑的一种方式。柔和的暗光让你的眼睛避免强光刺激，从背景填充到文字图标色，从点击到hover、以及微动效过度，都是基于大量的视觉研究以及对比度的色阶调试，只为带给你更舒适的沉浸工作体验。

深色模式

浅色模式

更易用

华为云DevCloud的深色模式，底层源自于规模化微服务场景下对产品一致性和易用性的考量。

我们分成规模化微服务产品体验实践、体验模型以及度量方式来讨论。

规模化微服务产品体验实践：

呈现在用户面前的DevCloud平台是一个完整的工具链平台，其背后是由几十个微服务团队协作开发而成。每一个微服务就是一个小微型团队，团队按照各自产品的目标和竞争力演进，难免在视觉交互体验上有偏差，我们称之为规模化微服务产品体验问题。而这样的问题是令人头疼的。为此，部门中的DevUI团队也是经过很长时间的摸索，从规范，组件，场景等等方式进行解决。其中深色模式，是一种有效的方式。
DevUI对所有DevCloud产品的颜色已经意义化的命名，让各微服务前端团队以及设计团队使用这种有意义的变量，保持视觉交互的一致，如果某一个团队采用其他颜色进行页面开发，那也是无法通过工具的检测而无法上线。从而保证了产品一致性。下图一个是不符合规范的，一个图是符合规范的。

不符合规范的显示

符合规范的显示

体验模型以及度量方式：

对于华为云DevCloud产品体验提升，团队孜孜以求。虽然业界已有大量相关体验理论，但还是要结合本身产品特性和研发模式寻找合适的定义。华为云DevCloud是B端研发类的工具产品，其背后是大规模的微服务化交付，基于这些特点，团队抽象出体验模型：稳定性、参与度、认知匹配、任务效率、愉悦感，然后用这个模型去检验产品体验好与不好，最终也是用数据去回答和驱动产品体验。

深色模式带来的是视觉体验一致，于用户而言，产品体验更加流畅，并且间接提升任务效率。

提升研发效率

在去年的 WWDC 大会上，苹果人机交互团队的设计师 Raymond Sepulveda 曾对 macOS 的「深色模式」使用场景做了进一步的解释。他指出，只有阅读浏览或是内容创作型 app 才需要长期启用黑暗模式，比如文字或代码编辑。它们会借助黑底白字的高对比度特性来让用户视线保持集中，其它大部分软件对于黑暗模式的需求反而并不强烈。