Skip to main content

暗黑模式

在基础元素里面提到,ReX 提供 2 种颜色主题:浅色和深色。每个产品可以支持任意主题的切换。选择哪种主题应该基于内容,平台和用户体验来进行选择。

设计原则#

  1. 舒适的

信息的易读性,避免大面积使用高纯度色彩以及强对比度的颜色等

  1. 平衡感

在亮色模式 & 暗色模式切换的时候,需要保持色彩的对比平衡,不可出现在另外一个模式下信息层级出现不对齐的情况

如何选择#

  • 需要沉浸式工作的时候,建议使用暗黑模式,可以让用户获取信息降噪;
  • 作业环境比较昏暗的环境且不受屏幕反光影响的情况下,建议使用暗黑模式。在绝对昏暗的光线下减少光线亮度对视觉带来的冲击,减少视疲劳;

基础色板#

我们基于品牌色、语义色,包括可视化色板,进行了算法处理,让色板可以在暗黑环境下更好的表现

品牌色 + 语义色 Dark Mode#

UI-Token-Color-Light@2x.png

可视化色板 - Dark Mode

UI-Token-Color2-Light@2x.png

Copyright © 2021 Alibaba Inc.
Built with ❤️ by hema-FE.