暗黑模式
在基础元素里面提到,ReX 提供 2 种颜色主题:浅色和深色。每个产品可以支持任意主题的切换。选择哪种主题应该基于内容,平台和用户体验来进行选择。
#
设计原则- 舒适的
信息的易读性,避免大面积使用高纯度色彩以及强对比度的颜色等
- 平衡感
在亮色模式 & 暗色模式切换的时候,需要保持色彩的对比平衡,不可出现在另外一个模式下信息层级出现不对齐的情况
#
如何选择- 需要沉浸式工作的时候,建议使用暗黑模式,可以让用户获取信息降噪;
- 作业环境比较昏暗的环境且不受屏幕反光影响的情况下,建议使用暗黑模式。在绝对昏暗的光线下减少光线亮度对视觉带来的冲击,减少视疲劳;
#
基础色板我们基于品牌色、语义色,包括可视化色板,进行了算法处理,让色板可以在暗黑环境下更好的表现
#
品牌色 + 语义色 Dark Mode可视化色板 - Dark Mode