深颜色背景在UI设计中的应用

发布时间:2020-05-10 12:20:00

影响配色方案和背景色选择的因素很多。在网页和appui界面使用暗背景时,其优缺点同样明显。tubik studio的许多设计项目的实践经验证明,暗背景确实可以带来良好的用户体验,并提供有吸引力的解决方案。因此,让我们来探讨如何在UI设计中限度地利用暗背景。

影响配色方案和背景色选择的因素很多。在网页和appui界面使用暗背景时,其优缺点同样明显。tubik studio的许多设计项目的实践经验证明,暗背景确实可以带来良好的用户体验,并提供有吸引力的解决方案。因此,让我们来探讨如何在UI设计中限度地利用暗背景。

ProBlogger就做了相应的研究。当被问及用户喜欢什么样的博客背景时,几乎一半的用户反馈说他们喜欢浅背景——这是合理的。毕竟博客主要是以文字内容为主,光背景更符合每个人的日常阅读习惯。但有趣的是,约有10%的用户会喜欢深色背景,约三分之一的用户认为背景颜色与网站本身的属性和内容有关。同时,这也意味着在设计过程中忽略了相当一部分用户需求。然而,对于非文本驱动的网站和应用程序,用户可能对暗背景有更高的需求。从用户研究在实际设计项目中的重要性可见一斑。更多信息,请咨询南京万和UI培训。

用户对背景颜色的感知已经被Richard h.hall和Patrick Hanna的科研项目所证实。此前,不同领域的科学家对网页的可读性进行了系统的实验和分析。他们得出的结论是,背景和内容之间的对比度与可读性成正比,而白色背景上的黑色文本具有的可读性。这一原则也适用于黑底白字,并控制对比度和清晰度。这两位科学家把整个实验设计得很合理。本研究包含了多种不同色彩组合的效果测试,对设计师具有重要意义。

雅各布·尼尔森是用户体验领域出名的先驱之一,他曾经说过:“文本和背景应该使用高对比度的颜色。白底黑字能提高阅读能力。在黑色背景下,白字对可读性的影响几乎相同。虽然两种颜色方案的对比度相同,但后者会使用户识别文本的速度稍慢一些。受配色方案的限制,白色文字的内容会比白色背景上的黑色文字更薄、更模糊,整体清晰度其实不如普通的黑色文字。这种情况在纯黑色背景和纯白色字体的组合中为明显。”

事实上,可读性是影响产品性能的重要因素。可读性不仅与文本有关,还与所有有意义的文本、徽标、符号、数字和图案有关。因此,当设计师准备使用暗背景时,他们应该测试字体、图标和图像在不同设备上的实际效果,以支持整个设计。

如awwards网站提供的黑色精品网站设计集所示,这些优秀的黑色系列网站和应用程序页面精心选择了合理的配色方案,以便在黑色背景上正常显示内容。这些优秀案例为我们提供了以下经验:

·因为暗背景会“吸收”其他元素的“光”,元素内部和元素之间应该有足够的空间来保证识别;

·较长的文本可读性更强,用户更容易理解

·行距和文本长度对可读性有很大影响,特别是在深色背景下,因此需要仔细考虑长度、字距和行距

·深色并不意味着纯黑色,不同背景和人物的效果也不一样,所以我们应该虚心尝试

·色度、梯度和光晕对可读性有显著影响

·非衬线字体在暗背景下更可读,而衬线字体在暗背景下更优雅。在实际的设计过程中,要充分利用两者的特点。更多信息,请咨询南京万和UI培训。

同样,对比度也是确保移动性识别和清晰的一个重要因素。

早期的调查是为了对比和清晰。调查显示:在深色背景下,尽量不要使用纯白色,应淡化白色至浅灰色,防止极端对比度造成白色眩光,而消除眩光至少需要5%的灰色才能达到效果。有趣的是,这种灰色在视觉上仍然被认为是白色。此外,粗体字也是一种放置白色被黑色“吃掉”的方式。更多信息,请咨询南京万和UI培训。

此外,值得一提的是,深色尤其是黑色比其他颜色更为深邃厚重,也更适合展示图片、插图、海报等内容。黑色具有良好的布局和组织结构,可以显著提高其他视觉元素的表现力,使内容更具吸引力。

色彩心理学也是一个需要考虑的因素。后台不仅是内容展示的平台,也是访问者传递信息的平台。深色通常更优雅和神秘。从色彩心理学的角度来看,黑色传达出优雅、拘谨、名气和力量的感觉,这可能是很多大品牌围绕黑色进行视觉设计,并用黑白来制作主色调方案的原因。熟悉黑色的这一特性,能在用户界面设计过程中为用户提供优秀合理的设计方案,并能给出清晰的说明。更多信息,请咨询南京万和UI培训。

综上所述,我们可以总结暗背景的优点:

另外,暗背景也有一面麻烦,如果没有合理的规划细节,用户很容易在布局上迷失方向。所以,我们还有其他一些问题要考虑:

·用户研究:对目标用户进行实际调查、理论研究和实验,获得的数据和信息是创建有效、有吸引力的配色方案的基础。

·竞争产品研究:对竞争对手和竞争产品进行市场研究。研究结果将影响设计方案,使产品更容易理解,创造出更引人注目的设计。

·用户测试:在不同的设备和分辨率下,暗背景对可读性和清晰度的实际影响,并通过测试找出影响因素。

·环境因素:分析产品在其他方面对用户的支持等外部因素,以及用户反感的原因。

·内部容量:页面内容覆盖率与背景深度等典型因素的比值,以及它们对用户体验和视觉感知的影响。

·内容属性:深色背景对图形、文本等不同属性元素的影响。

提示:

暗背景在用户界面设计中的应用仍然是一个有争议的问题。背景的选择对于界面的效率非常重要。合理的后台设计使界面更易于使用。相反,一个不合适的背景可能会毁掉你精心设计的用户界面。今天,我们来讨论一下在UI设计中使用暗背景的问题。