创造产品的外观和感觉是设计师的主要职责之一 - 初步设计决策必须适合于产品的目的，特定情况和观众。颜色方案将会产生长期的影响，必须仔细选择，而且一切都从选择设计元素的背景 - “画布”开始。通常的选择，几乎默认情况下是白色背景。

选择明亮的背景有很好的理由。对比度，文字和可读性，以及使用各种微妙颜色的能力是其中的一些。根据许多科学研究，最佳可读性需要在白色背景上的黑色文本。品牌也可能影响决定，因为公司徽标和颜色将无法使用深色调色板。

大多数研究表明，浅色背景上的深色文字优于黑色背景上的浅色文字，即更容易阅读。在一项着名的研究中，当受试者在黑暗背景上阅读光线字符，而在浅色背景上读取黑色人物时，“视觉疲劳”明显更大（Bauer，D.，Bonacker，M.，and Cavonius，CR 1983）。

还有一个期望：人们习惯看到与图像呈现在白色背景上的深色墨水呈现的各种内容。考虑报纸和杂志，已经有350多年了。再次回到旧石器时代（穴居人日）的三万五千年之久，我们发现狮子和猛mamm象的洞穴图画通常放置在用于画描绘的木炭或烧骨的浅色背景上。

然而，当一个项目需要它时，今天的数字产品设计师可能会因为各种原因选择深色配色。如上所述，通常是一种美学选择，意味着传达戏剧和引发情感 - 意想不到的事情 - 或者设计师想要将设计与品牌融合，或者确定视觉内容脱颖而出。

但是，如果设计师选择跨越“黑暗面”，他们将面临一些挑战。各种可用性问题发挥作用，主要与可扫描性，可读性和对比度有关。要考虑的主要方面是文本和背景之间的足够的对比。还必须考虑上下文（用例）和环境，以及UI可能被查看的设备。

一些黑暗的UI设计是为了尽量减少“数字眼睛疲劳”。随着数字技术的增加，我们大部分时间都在盯着屏幕。由于计算机使用过多，经常暴露于明亮的光线，导致头痛，颈部疼痛，视力模糊，灼伤/刺痛的眼睛。

还有一些计算机视觉综合征（CVS）和“眼睛不适”等。据一项研究显示，超过83％的美国人每天使用数字设备超过两个小时，其中60.5％的人表示经历数字眼睛的症状应变。（眼睛过度曝光：数码设备困境）

企业对企业SaaS产品和多媒体编辑应用程序直接使用许多小时。许多被设计在一个黑暗主题的用户界面，以减少眼睛疲劳，但支持视觉清晰度。然而，这种方法需要对设计方向进行仔细的前期评估。

大多数开发人员使用带有颜色编码语法的黑色屏幕来减少眼睛疲劳。正如开拓者Kevin Bloch所说：“黑色背景减轻眼睛疲劳，使自动色彩编码更容易阅读，这使代码更快地了解一下。

Toptal开发人员Amin Shah Gilani补充说：“我个人使用防晒黑色主题作为我的代码编辑器。我喜欢一个黑暗的主题，因为一个较深的背景感觉更容易在眼睛，特别是因为我喜欢保持灯光昏暗或夜间工作。

游戏App UI也趋向于较暗的主题。游戏环境和玩家游戏的环境更适合黑色调色板。黑色背景设计加强了醒目的视觉效果，引入了神秘感，具有更好的对比度，并支持视觉层次。

当Dark UI工作得很好

很多娱乐相关的UI（智能电视，游戏机，电视和电影应用）都倾向于采用黑暗主题的UI设计 - 这是很有道理的。大多数与娱乐有关的活动发生在晚上，从6-10英尺的距离观看，并在昏暗的房间中观看 - 换句话说，屏幕与环境相匹配。此外，色彩鲜艳的内容（例如封面艺术和宣传片）在黑暗主题的用户界面上脱颖而出。

目的是为了匹配活动的背景：“它变得黑暗，我很放松，我想​​看一些电视。”与成千上万的小灯泡类似，数字屏幕在任何一个明亮的像素存在的地方放出光; 因此，明亮的用户界面将照亮房间 - 考虑到活动，这是一个不良影响。在这种情况下，UI设计正在尝试匹配上下文：设备，内容，活动和环境。

在正确的环境，环境，应用程序和使用方面，黑色背景UI是有道理的。总是考虑接口可能被使用的上下文，但是它远远超过了这个选择，它应该取决于内容和上下文：什么，何时，在哪里和什么设备上。

• 实现醒目的视觉效果的强烈，戏剧性的寻找

• 投射一种风格和优雅，奢华和声望的感觉

• 创造一种阴谋和神秘感

• 以最小的注意力集中和引导用户的注意力

• 支持视觉层次结构和信息架构

黑暗的UI应该只用稀疏，最小的文本和“分块”信息，强调文字上的视觉效果。如果使用文本，它应该与黑色背景（在黑色背景上）最好是纯白色或另一种强烈的颜色（不是深灰色）形成鲜明对比。

当黑暗UI不能很好地工作

如本文前面所述，黑暗主题的UI对于文本重型和数据量较大的内容或使用各种内容类型（文本，图像，视频，数据表，下拉列表，字段等）而言是一个不错的选择。 ）。设计界的普遍共识是，黑暗的UIs是设计的巨大挑战，除非你正在处理简单的内容，只是在这里和那里洒上文本。

面临的挑战是要保持足够的对比度，这会影响到总体挑战：可读性，这与可用性相关，影响到UX。通常，所有颜色都可以在白色背景上工作，而在黑色背景下，颜色的有用范围大大降低。

这是一个真实世界的例子，当时不使用黑暗主题的用户界面：我参与了一个B2B SaaS项目，CEO坚持认为，为了“不同”，他想用一个黑暗的主题UI - 与整个平台的公司品牌相匹配。为了一切 经过几次会议，并通过让设计团队和产品经理在事业的背后聚会，我们能够从这样一个潜在的灾难性的决定中脱口而出。

该平台使用了一套标准的SaaS应用程序UI组件，因此，表格，小部件，下拉列表，象形图和图标以及表格中的文本和数字数据都是完整的。导航，布局和功能将难以管理，同时实现充分的对比度和一致的配色方案。总而言之，几乎不可能使这一切都与黑暗主题的用户界面相一致。

根据应用程序的适用性，或许正确的选择是建议混合使用的明暗UI。例如，具有小部件和表单和数据表的设置页面可以在浅色背景下设计，并且具有图表的分析页面可能被设计为具有较暗的配色方案。