想使用深色系UI，这些注意事项你一定要了解

设计师的主要职责之一，就是为产品定制合理的视觉，基于目标用户的特征和产品的设计目标，给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作，而UI设计师更是要确保产品的UI和视觉最终落地。

在设计过程中，有诸多因素会影响UI给用户的感受。其中，色彩是最重要也是最明显的一个部分。

许多设计师会在选择配色方案的时候，会使用浅色的、明亮的背景色彩。其实，大众和设计师的这个倾向是有科学依据的。在白色的背景上使用黑色的文本，可读性是最佳的。

在不同的测试和研究当中，浅色背景上的深色文本，比起深色背景上的浅色文本，阅读性更强。在一项著名的研究当中，受试者面对深色背景阅读浅色文本的时候，视觉疲劳的现象表现得更加明显。（Bauer, D., Bonacker, M., and Cavonius, C. R. 1983）

而另外一方面，人们习惯了在白色背景上查看图片，阅读深色的文本。这种状况已经延续了上百年。而在中国，这种状况更是延续了几千年。向上追溯到35万年前的旧石器时代，当时的原始人类同样是使用木炭在浅色的墙壁上书写。

而如今，许多UI界面的设计并没有一直遵循这种规律。一方面，采用深色系的设计风格，只要确保对比度，本身的可用性和易用性并没有太大的问题，另一方面，这样的设计在美学上也有着独有的优势，让界面呈现出一种独特的戏剧性，同时还能让一些品牌拥有更加有趣和引人入胜的视觉。

Apple TV 就采用了深色系UI。比如最新的 macOS Mojave 中加入的深色系主题，就是用户呼吁了很多年之后的结果。

不过，真的要深入到 UI 设计的「黑暗面」，设计师还需要跨越很多挑战。和平时设计的浅色为主的主题不同，深色系的UI需要处理不一样的可用性问题——主要是可读性和对比度上的问题。此外，还需要关注用户所使用的环境，以及设备本身的一些属性。

Breitling 为他们的手表加入黑色背景，和竞争对手做差异化区分。

其实，选择深色系的UI设计，本身是为了帮助现代人缓解数字产品所带来的视觉疲劳（之前的实验是做的深浅两种色彩下的单纯定量对比）。随着现代人对于数字内容的日渐沉迷，每天都会花费大量的时间看屏幕，而屏幕和数字内容所带来的视觉疲劳，不可避免地大幅增加。

数字视觉疲劳如今已经被定性为一种常见病了，每天都会有大量的普通人受到这种病症的困扰，因为视觉疲劳所带来的并不只是眼部的不适，还伴随着头疼和颈部疼痛，眼部的症状则呈现为视力下降，视野模糊和灼伤感、刺痛感。

事实上，类似的病症和定义还有不少，比如计算机视觉综合征（CVS）。一项研究表明，83% 的美国人每天使用数字设备的时间超过2小时，60.5% 的人表示他们出现了和CVS 类似的症状。

大量的B2B的程序， SaaS类产品，以及媒体类数字产品，如今大都配备了深色系主题，让用户在合适的时候从浅色主题下切换过来，用来调整和修正视觉模式，降低视觉疲劳。不过，这些深色系的UI，需要通过合理的设计和调整之后，才能够合乎需求。

目前，长时间使用电脑的人群当中，开发者占据了不小的比例，而他们也是深色系主题的最大粉丝之一。因为需要长时间面对代码编辑器，视觉疲劳是不可避免的。正如同 Toptal 的开发人员 Kevin Bloch 所说：「黑色背景下查看代码，亮度相对更低，高对比度下面对不同色彩的代码更容易阅读，也更容易理解其中的信息。」

而 Toptal 的另外一名开发者 Amin Shah Gilani 则补充道：「我会长时间使用深色系主题，也更加喜欢它，因为眼睛其实会更容易适应，尤其是在灯光黯淡的情况下，或者晚上工作的时候。」

Toptal 开发者Amin Shah Gilani 使用 Atom 编辑代码

游戏 APP 中的 UI设计也大多是深色系的，游戏玩家大都更加倾向于黑色系配色所带来的沉浸式环境，黑色的背景让视觉效果更加醒目，神明暗更强，对比度更明显，视觉层次感也更加丰富。

适合使用深色系 UI 的地方

绝大多数涉及到娱乐的UI界面，大都会有一定的倾向使用深色系主题，无论是智能电视、游戏机还是电影类应用，这其实不仅仅和对比度有关系，它和用户的日常使用环境和时间也有着极深的关联：绝大多数的娱乐活动都发生在晚上，并且大家会愉悦地享受相对昏暗的房间环境。丰富多彩的视觉内容，也同样会在深色系的UI上显得更加炫目。