深色背景在优漫动游UI设计中的使用技巧和注意事项

　　这是一篇来自Tubik Studio的文章，丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解。聊的就是深色系背景在设计中的运用，这当中有什么门道呢？黑暗系背景，或者说深色的背景，在UI设计中的运用至今都是一个相当有争议的议题。背景选取对于界面的使用效率而言是至关重要的，合理的背景设计让界面更易用，相反，一个不恰当的背景则可能毁掉你精心设计的UI。

　　深色背景在UI设计中的使用技巧和注意事项

　　影响配色方案和背景色选取的因素有很多，深色的背景在网页和APP UI界面中运用时，优点和缺点一样明显。Tubik Studio的诸多设计项目的实际经验证明，深色背景本身的确可以带来良好的用户体验，提供极具吸引力的解决方案。所以，我们探讨一下如何在UI设计中最大程度地运用深色系背景。

　　可读性方面

　　用户体验领域最著名的先驱之一Jacob Nielsen曾经说过：“文字和背景应当使用高对比度的配色。白底黑字能将可读性提升到最高，黑底白字在可读性上的效果几乎是一样的。虽然两种配色方式对比度是相同的，但是后者还是会让用户对文字的识别稍慢一些。受限于配色方案，白色的文本内容相比于白底黑字的情况，会显得更加纤细、模糊，整体的清晰度其实是不如常见的黑字。这种情况在纯黑背景和纯白字体的搭配下，最为明显。”的确，可读性是影响产品性能的最重要的影响因素，而可读性又不仅仅只牵涉到文本，所有有意义的文本、标识、符号、数字、图案都存在可读性的问题。因此，当设计师准备使用深色背景的时候，应当在不同的设备上测试字体、图标和图像在深色背景下的实际效果，用来支撑整个设计。

　　深色系视觉感知

　　早在2009年的时候，ProBlogger就曾做过相应的调研，当问及用户他们喜欢什么样的博客背景之时，几乎有一半的用户反馈喜欢浅色的背景——这很合理，毕竟博客是以文本内容为主，浅色的背景更符合大家的日常阅读习惯。不过有意思的地方在于，大概10%的用户反馈会更喜欢暗色背景，大概三分之一的用户则认为背景的色彩与网站本身的属性以及内容相关。同时，这也意味着有相当大一部分用户需求在设计师设计过程中被忽略掉了。然而，对于非文字驱动类的网站和APP当中，用户对于深色调背景方面的需求可能还要高。用户调研在实际的设计项目中的重要性，由此可见一斑。