mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-11-30 11:08:45 +08:00
Update dark.md (#21184)
* Update dark.md * Update dark.md Co-authored-by: 偏右 <afc163@gmail.com>
This commit is contained in:
parent
207fc03c91
commit
7715657cf1
@ -11,19 +11,23 @@ skip: true
|
||||
|
||||
## 何时使用
|
||||
|
||||
- 当需要长时间在暗光环境下工作时,建议使用暗黑模式,减小亮度对比带来的视觉压力,保证使用者的体验舒适
|
||||
- 当需要沉浸式的专注工作内容时,建议使用暗黑模式,可以帮助使用者更关注凸显出来的内容和操作
|
||||
> 如同在电影院看电影时要全场关灯,是一样的原理
|
||||
- 当需要长时间在暗光环境下工作时,建议使用暗黑模式,减小亮度对比带来的视觉压力,保证使用者的体验舒适。
|
||||
- 当需要沉浸式的专注工作内容时,建议使用暗黑模式,可以帮助使用者更关注凸显出来的内容和操作。
|
||||
> 如同在电影院看电影时要全场关灯,是一样的原理。
|
||||
|
||||
## 设计原则
|
||||
|
||||
**1、内容的舒适性** 暗黑模式下避免使用对比很强的色彩或内容,长时间使用会带来疲劳感
|
||||
1. **内容的舒适性**
|
||||
|
||||
**2、信息的一致性** 暗黑模式下的信息内容需要和浅色模式保持一致性,不应该打破原有的层级关系而应该延续。在浅色模式下越浅的代表信息的层级越弱,所以在暗色模式下应该越深,反之则越浅
|
||||
暗黑模式下避免使用对比很强的色彩或内容,长时间使用会带来疲劳感。
|
||||
|
||||
2. **信息的一致性**
|
||||
|
||||
暗黑模式下的信息内容需要和浅色模式保持一致性,不应该打破原有的层级关系。
|
||||
|
||||
## 色彩
|
||||
|
||||
暗黑模式中的颜色使用依旧可以延续浅色模式中的 12 套基础色板。应用思路上结合透明度规则处理,来让内容在不同的环境色下可以更好融合。
|
||||
颜色的应用上,我们基于 12 套基础色板,并结合透明度规则处理,来让色彩在不同的环境色下可以更好融合。
|
||||
|
||||
### 基础色板
|
||||
|
||||
@ -31,6 +35,6 @@ TODO: Image
|
||||
|
||||
### 色板生产工具
|
||||
|
||||
我们也同样提供了一套暗色下的色板生成工具,需要选择你的主色以及页面的背景色,我们会为你生成一套暗色下的色板
|
||||
同样,我们也提供了一套暗色下的色板生成工具,需要选择你的主色以及页面的背景色,我们会为你生成一套暗色下的色板
|
||||
|
||||
TODO: Panel
|
||||
|
Loading…
Reference in New Issue
Block a user