UI设计知识点：UI设计中如何最大程度运用深色背景

背景的选择对界面的使用效率非常重要，合理的背景设计可让界面变得更易用;反之，则可能会毁掉你精心设计的UI设计。尽管Dark Mode已经在UI设计中流行了相当长的时间，但深色背景在UI设计中运用依然是一个相当有争议的议题。

然而，在很多实践经验证明，深色背景同样能带来良好的用户体验，提供极具吸引力的解决方案。接下来，Inspirr将和大家一起探讨「UI设计中如何最大程度运用深色背景」。

UI设计知识点

UI设计是否适合运用深色背景?

2009年ProBlogger曾做过有关「网站背景色彩」的调研，当问及用户喜欢什麽样背景时，近一半用户反馈喜欢浅色背景，原因是以文本内容为主的网站，浅色背景更符合日常阅读习惯;而有意思的是，约10%的用户反馈更喜欢暗色背景，约三分之一的用户则认为背景色彩与网站本身的属性及内容相关。然而，对於非文字驱动类的网站和APP，用户对深色背景的需求可能会更高。

另外，早些时候不同领域的科学家还专门针对网页的可读性进行系统化的实验和分析，得出的结论是：

背景和内容两者之间的可读性成正比，白色背景下的黑色文字拥有最好的可读性，这个道理同样适用於黑底白字。控制好对比度和清晰度，科学家又合理设计整个实验，当中包含了许多不同色彩组合的有效性测试。

UI设计中如何最大程度运用深色背景?

一、 可读性，是影响网站性能的关键因素之一

UI设计知识点

可读性所牵涉的不仅有文本，界面中其他元素，如标识、符号、数字以及图案等都存在识别问题。因此在UI设计中运用深色背景时，应在不同设备上测试界面中所有元素在深色背景下的实际效果，以提升网站的阅读体验。

二、 对比度，是确保界面的辨识度和清晰度的重要因素之一

在UI设计中，把握对比度的控制和平衡是非常重要的，弄不好很可能会影响整个界面的展现效果。因此，在选用深色背景时，尽量仔细测试每种色彩与之搭配的效果，以创造出更多的可能性。

UI设计知识点

另外，深色(尤其是黑色)会比其他色彩更加深沉厚重，非常适用於展示图片、插画、海报等内容;同时，若网站布局和结构合理，深色背景还能显着提升其他视觉元素的表现，让内容更有吸引力。

三、 色彩心理学，也是UI设计需考虑的因素

界面不仅仅是内容展现的平台，同时也是向访客传递信息的重要容器。

从色彩心理学的角度来说，深色通常会显得优雅而神秘，这也许是为什麽许多大品牌的网页设计会围绕深色做视觉设计，甚至以「黑白配」作为UI设计中主要的配色方案。

UI设计知识点

虽然深色背景很好用，但也有很多细节是需要注意的，如果没有合理规划这些细节，同样会让用户在网站布局间迷失。

① 用户研究：针对目标用户进行实际调查、理论研究和实验，并以最终数据和信息作为基础，创造有效且有吸引力的配色方案。

② 竞品研究：针对竞争对手和竞品进行市场调研，并将调研结构运用到UI设计方案中，让产品更容易被访客理解，达到脱颖而出的效果。

③ 用户测试：网站完成後，在不同设备和分辨率下测试他的可读性、清晰度等实际效果，并改善不合理的部分，以达到最优质的特效。

④ 环境因素：考虑网站应提供访客其他方面的支持，分析访客喜欢或不喜欢网站的原因等其他外在因素。

UI设计知识点

最後我想说，

综合上述内容，我们不难发现，相比起浅色背景，深色背景对UI设计也有不少独特的优势，如：

● 给网站营造神秘、优雅、奢华和高端的氛围。

● 拥有广阔而良好的对比度。

● 更容易创造视觉层次感，提高界面视觉吸引力。

● 创造视觉深度，让内容更容易被获取等。