【黑底布喷绘和白底布喷绘】-喷绘黑布和白布区别

　　暗中系布景，或者说深色的布景，在UI设想中的运用至今都是一个相当有争议的议题。布景拔取关于界面的利用效率而言是至关重要的，合理的布景设想让界面更易用，相反，一个不得当的布景则可能毁掉你精心设想的UI。今天我们一路来切磋一下深色布景在UI设想中的利用技巧和留意事项。

　　影响配色计划和布景色拔取的因素有良多，深色的布景在网页和APP UI 界面中运用时，长处和缺点一样明显。Tubik Studio 的诸多设想项目标现实经历证明，深色布景自己确实能够带来优良的用户体验，供给极具吸引力的处理计划。所以，我们切磋一下若何在UI设想中更大程度地运用深色系布景。深色系视觉感知早在2009年的时候，ProBlogger 就曾做过响应的调研，当问及用户他们喜好什么样的博客布景之时，几乎有一半的用户反应喜好淡色的布景——那很合理，究竟结果博客是以文本内容为主，淡色的布景更契合各人的日常阅读习惯。不外有意思的处所在于，大要10%的用户反应会更喜好暗色布景，大要三分之一的用户则认为布景的色彩与网站自己的属性以及内容相关。同时，那也意味着有相当大一部门用户需求在设想师设想过程中被忽略掉了。然而，关于非文字驱动类的网站和APP傍边，用户关于深色彩布景方面的需求可能还要高。用户调研在现实的设想项目中的重要性，由此可见一斑。用户关于布景颜色的感知规律在Richard H.Hall 和 Patrick Hanna 的科学研究项目中得到了证明。早些时候，差别范畴的科学家专门针对网页的可读性停止了系统化的尝试和阐发，他们得出了如许的结论：布景和内容两者之间的比照度和可读性是成反比的，白色布景下的黑色文字拥有更好的可读性。那个事理同样适用于黑底白字，控造好比照度和明晰度，两位科学家又合理的设想整个尝试。那项研究包罗了许多差别色彩组合的有效性测试，关于设想师而言有很重要的参考意义。

　　可读性方面用户体验范畴最出名的前驱之一 Jacob Nielsen 曾经说过：“文字和布景应当利用高比照度的配色。白底黑字能将可读性提拔到更高，黑底白字在可读性上的效果几乎是一样的。固然两种配色体例比照度是不异的，但是后者仍是会让用户对文字的识别稍慢一些。受限于配色计划，白色的文本内容比拟于白底黑字的情况，会显得愈加纤细、模糊，整体的明晰度其实是不如常见的黑字。那种情况在纯黑布景和纯白字体的搭配下，最为明显。”确实，可读性是影响产物性能的最重要的影响因素，而可读性又不单单只牵扯到文本，所有有意义的文本、标识、符号、数字、图案都存在可读性的问题。因而，当设想师筹办利用深色布景的时候，应当在差别的设备上测试字体、图标和图像在深色布景下的现实效果，用来支持整个设想。正如供给的更佳黑色细网站设想合集中所展现的，那些优良的黑色系网站和APP页面为了在黑色布景上一般显示内容，都精心挑选了合理的配色计划。那些优良的案例为我们奉献出了如下经历：·因为深色的布景会“吸收”其他元素的“光辉”，所以元素之内、元素和元素之间要留有足够的空间，确保识别度；·较长篇幅的文本具有更好的可读性，关于用户更容易消化·行间距和文本的长度关于可读性有显著的影响，尤其是在深色的布景之下，所以篇幅长短、字间距、行间距需要认真考虑·深色其实不意味着是地道的黑色，差别深浅的布景和文字的搭配带来的效果也不尽不异，所以应当怀着开放的心态多加试验·色度、渐变和光晕关于可读性有着显著的影响·非衬线字体在深色布景下可读性更强，衬线字体在深色布景下则会显得愈加文雅。在现实设想过程中应当运用好两者的特征。

　　比照度方面所给出的那个比照度的表单很好的为我们展示了差别色彩在比照度上的现实效果。那个表格最有意思的处所在于，黑色那一栏证了然黑色几乎是独一一个能和其他色彩都构成不错比照度的色彩。在停止界面设想的时候，尽量认真测试每种色彩，而黑色的那种特征使得深色布景下的色彩搭配拥有更多的可能性。同样的，比照度也是确保可动性的辨识度和明晰的重要因素。有个早期的查询拜访是针对比照度和明晰度的，查询拜访表白：在暗中的布景下，尽量不要利用纯白，应当将白色淡化为浅灰色，避免极端的比照使白色产生炫光，而消弭炫光至少需要* %的灰色来达效果果。有趣的处所在于，如许的灰色在视觉中仍然被识别为白色。此外，将字体加粗也是放置白色被黑色“吃掉”的一种法子。别的值得一提的是，深色，尤其是黑色比起其他的色彩来的愈加深厚厚重，那也使得它更适宜于展现图片、插画、海报等内容。优良的规划和组织构造下，黑色可以显著的提拔其他视觉元素的表示力，让内容更具有吸引力。情感感知方面色彩心理学同样是需要考虑的因素。布景不单单是内容展示的平台，同时也想访客传递着信息。深色凡是会显得愈加文雅，也会展示出奥秘感。从色彩心理学上来看，黑色传递出文雅、正式、名望、权利的觉得，那也许是为什么许多大品牌会围绕着黑色来做视觉设想，而且利用黑白来做次要的配色计划。熟知黑色的那一属性，可以在UI设想过程中为客户供给优良、合理的设想计划，并可以给出明晰的解释。深色布景的优势综上所述，我们能够总结出深色布景的优势：·气概化，文雅·给人奥秘的觉得·带来豪华和高端的气氛·拥有宽广而优良的比照度·更容易缔造视觉条理感·缔造视觉深度，让内容更容易被获取·视觉吸引力别的，深色布景也有费心的一面，若是没有合理规划细节的话，用户容易在规划间丢失。所以，我们还有一些问题是值得思虑的：·用户研究：针对目的用户停止现实查询拜访、理论研究和试验，得出来的数据和信息是缔造有效和有吸引力的配色计划的根底。·竟品研究：对合作敌手、竟品停止是市场调研，调研成果会影响设想计划，让产物更容易被理解，缔造愈加注目的设想。·用户测试：深色系布景在差别的设备、差别分辩率下的可读性、明晰度上的现实效果，通过测试寻求影响因素。·情况因素：阐发产物可供给给用户其他方面的撑持，以及用户感应恶感的原因等外部因素。·内容量：页面的内容的笼盖范畴和布景深浅等典型因素之间的配比，以及它们关于用户利用体验、视觉感知的影响。·内容属性：深色的布景关于图形和文本等差别属性的元素的影响。

　　专业广州UI设想团队，复杂的系统交互筹谋阐发团队。别样设想。