定义
什么是深色模式？
睡前躺在床上拿起手机，房间的灯已经关了，白色屏幕却像一盏灯一样照在你脸上。深色模式就是为这种时刻准备的。
深色模式（Dark Mode）是一种用深色背景、浅色文字和图标来显示网站或应用界面的方式，用来代替平时白底黑字的样子。内容完全不变：按钮还是那些按钮，菜单还是那些菜单，文字也一样。变的只是颜色，好让周围光线很暗时，屏幕看起来依然柔和。
它也叫夜间模式或暗黑模式。如今手机和电脑的系统里都有它，我们每天用的大部分应用也都有，所以人们也希望每个新网站、新应用都能支持。
深色模式是怎么工作的？
手机和电脑里有一个总设置，用户可以在里面选择浅色或深色外观，有些设备还会在日落时自动切换。做得好的网站或应用会读取这个设置，从打开的第一秒起就显示合适的颜色。
还有第二种方式。网站或应用里放一个小按钮，常常是太阳和月亮的图案，用户可以自己在两种模式之间切换。之后系统会记住这个选择，不会每次访问都跳回浅色模式。
在背后，设计师会为屏幕上的所有元素准备两套颜色：背景、文字、按钮、边框和表格。系统再根据当前模式选用对应的那一套。这就像一个房间有两种灯光，一种白天用，一种晚上用，家具却一直放在原来的位置。
深色模式为什么对你很重要？
如果你有网站或应用，访客会在一天中的不同时间打开它。很多人是在晚上浏览的。深色模式会明显改变他们在这些时段的使用感受：
- 弱光下眼睛更舒服：在黑暗的房间里，深色屏幕不刺眼，读者可以读完文章，或者更长时间地浏览商品，不会觉得难受。
- 手机更省电：在 OLED 屏幕的手机上，每个黑色的点几乎都是熄灭的，不耗电。所以在这类屏幕上，深色模式更省电。
- 长时间工作更少疲劳：整天对着控制面板或管理系统的员工，到下班时就能感觉到差别，夜班时更明显。
- 尊重用户的选择：如果有人在手机上选了深色外观，打开你的网站却看到一片刺眼的白色，就会觉得这个网站没有顾及他。
这是不是说深色模式永远更好？不是。在阳光下或明亮的办公室里，很多人看白底黑字反而更轻松。目标是把选择权交给用户。
浅色模式和深色模式的区别
| 方面 | 浅色模式 | 深色模式 |
|---|---|---|
| 背景 | 白色或浅色 | 深灰色或深蓝色 |
| 文字 | 黑色或深色 | 略带灰色的白色 |
| 最适合的时间 | 白天和明亮的地方 | 夜里和光线暗的房间 |
| 电池 | 正常耗电 | 在 OLED 屏幕上更省电 |
| 阅读长文 | 光线好时大多数人觉得更轻松 | 在黑暗中更舒服 |
怎样设计一个让眼睛舒服的深色模式？
只把颜色反过来，效果通常不好。让人用着舒服的深色模式，需要做很多小的决定：
- 用深灰色代替纯黑色：纯黑配上亮白，对比太强，眼睛容易累。深灰色或深蓝色的背景更柔和。
- 文字要浅，但不要太亮：略带一点灰的白色，比纯白色读起来更舒服。
- 对比度要够：对比度就是文字颜色和背景颜色之间的差别。差别太小，读起来就很吃力，老年人和视力不好的人更是如此。WCAG 无障碍标准为这个差别规定了最低要求。
- 品牌颜色调柔和一点：很鲜艳的蓝色或红色放在深色背景上会显得很扎眼，需要换成稍微平和一些的色调。
- 标志和图片要适合两种背景：黑色的标志在深色背景上会看不见，所以需要一个浅色版本。特别亮的照片可能需要稍微调暗一点。
- 表格和图表：在控制面板里，要检查柱子和线条的颜色，确保在两种模式下都看得清楚。
加入深色模式时常见的错误
- 首页开启了深色模式，却忘了其他页面，比如支付页面或登录窗口，结果突然弹出一片白色。
- 在深色背景上用很淡的灰色文字，几乎没人能看清。
- 不保存用户的选择，网站每次都回到浅色模式。
- 不理会设备的设置，强迫所有人只用一种模式。
- 上线前不在真实手机上测试深色模式，可是不同屏幕显示的颜色并不一样。
- 等设计全部完成后，在项目最后才加上去，结果它成了一块补丁，而不是界面的一部分。
我们制作的网站和应用中的深色模式
在 Linkysoft，我们从设计的第一天就规划深色模式，而不是等设计做完再补。通过我们的网站设计与开发服务建成的每个网站，都自带深色模式，支持阿拉伯语和从右到左（RTL）的书写，并符合 WCAG 2.2 无障碍标准。上线前，我们会在真实手机上进行测试。
在移动应用开发中，我们为 iPhone 和 Android 从零开始设计每一个应用，带有浅色和深色两种模式和易于使用的界面。之后我们把它发布到 App Store 和 Google Play，并负责后续更新。
你的项目是团队整天都在用的管理系统吗？比如销售、库存或人事系统？那我们会通过网络应用与管理系统服务，按照你公司的工作方式来搭建它，而且它能在各种设备上运行。在这里，眼睛的舒适度值得写进计划，因为同一块屏幕会在员工面前开着八个小时甚至更久。
正在考虑做一个新网站或新应用吗？先和我们来一次免费咨询，一起弄清楚你的用户在白天和夜里分别需要什么。