最专业的八方代购网站源码!

资讯热点
光明还是黑暗?教你选择合适的界面配色方案!

发布时间:2022-9-6 分类: 行业资讯

我们的日常生活总是面临着无数的选择,特别是在我们的职业生涯中。我们必须考虑许多反对意见和挑战。更好的设计解决方案不仅基于建议,还基于事实,经验和知识。的。今天我们将讨论UI设计师在工作中经常遇到的项目:哪种配色方案更适合用户界面,是浅还是暗?

I.影响配色方案选择的因素

可以肯定的是,没有任何一个选择来实现所有目标。该解决方案与许多因素密切相关,不仅包括用户方面,还包括业务目标,市场条件和当前设计趋势。让我们来看看设计师在这个问题上必须考虑的一些重要因素。

1. 可读性和易读性

这些术语与文本内容给用户的感觉直接相关:

可读性定义了人们阅读单词,短语和文本块的容易程度;易读性测量用户可以快速和直观地识别特定字体中的字母。

应仔细考虑可读性和易读性,尤其是对于具有大量文本内容的接口。在众多因素中,本文用户感知的有效程度在选择界面的配色方案中起着至关重要的作用。

例如,对于在不同背景中感知的物理对象,白色或明亮背景上的黑色文本看起来比黑色背景上的白色文本大。可读性差导致用户体验不佳:用户不仅无法读取信息,更糟糕的是,即使信息相关,也无法顺利阅读,因此用户会觉得文本带来了他自己的莫名其妙紧张,最终导致用户错过了关键信息。

这是否意味着具有明亮背景的界面更容易阅读?这并非总是如此。

着名的用户体验设计大师Jacob·尼尔森提到:

在文本和背景之间使用高对比度颜色。最佳易读性要求:白色背景上的黑色文本(所谓的正面文本),或黑色背景上的白色文本(所谓的负面文本)。尽管对比度与正面文本相同,但相反的颜色方案可能会导致一些偏差并降低读取速度。在配色方案中,清晰度更像纯黑色背景而不是浅色背景,特别是当背景颜色比纯白色更暗时。

因此,如果设计师能够弄清楚不同背景图案的文本感知并仔细研究字体的选择,那么任何颜色方案都可以高度可读。

△博物馆登录页面

然而,早在20世纪80年代的一些科学研究表明,对于大多数用户来说,大量使用明亮的背景文本似乎是一种更有效的选择。

D. Bauer和C.R. Cavonius在关于广告载体如何工作的论文中分享了他们的发现《通过对比反转,提高视觉显示元素的易读性》(1980)。特别是,他们发现在阅读文本时,参与者在明亮的背景上浏览深色文本时,准确度提高了26%。

为什么会这样?来自英国Lenbia大学的感官知觉和互动研究小组的Jason Harrison通过以下方式解释了这一现象:

有散光的人(根据各种数据:大约50%的人)认为黑色背景上的文字比白色背景上的黑色文字更难以察觉,这与光线水平有关。在明亮的显示屏(白色背景)上,光圈会略微闭合,从而减少“变形”镜头的影响;在黑暗的显示屏(黑色背景)上,光圈将打开并接收更多光线。镜头的扭曲会使眼睛的焦距更加模糊。

因此,如果界面上有大量文本并且用户需要长时间阅读,那么使用浅色背景将使用户感觉更友好。

2. 可访问性

可访问性主要定义为WEB或移动界面可以被尽可能多的用户访问,并且所提供的功能可供所有人使用,而不会出现“功能歧视”。因此,使用或不使用的决定必须基于用户的需求和偏好,而不是基于他们的身体能力。

配色方案是影响这一点的主要因素之一。在选择调色板和颜色组合时,设计师需要考虑不同年龄,特殊需求和残疾的用户。这些用户还会影响背景和布局元素的颜色选择。在设计人员深入了解目标用户的过程中,用户研究获得的数据对他们的设计决策非常有帮助。

3. 清晰度

清晰度定义了查看和区分屏幕或页面上所有核心细节的能力。首先,它与导航的简单性和直观性有关:导航布局和查找信息区域和交互元素的能力,用户不必花费太多精力来找到他们需要的东西。如果没有正确测试清晰度,则可能导致视觉水平较弱并且可能使屏幕变得混乱。

对比度在这里起着非常重要的作用,配色方案成为它的基础。检查界面是否清晰,对比度是否足够高。在模糊模式下查看屏幕或页面时,不要忘记“模糊检查”是一个很好的老技巧,可以查看在模糊状态下是否所有重要事物都易于触摸。哒清晰可见。

△数字代理登录页面

4. 响应性

界面的响应性意味着用户无论设备如何都可以使用它。在高分辨率专业显示器上看起来时尚且吸引人的东西可能会成为小型低分辨率屏幕上的脏点。

因此,在设计阶段看起来漂亮的一些配色方案可能在各种实际条件下失去其原始的美感。

由于配色方案直接影响颜色,形状和文字感知,因此在做出最终决定之前,应在不同设备上对其进行测试。

5. 环境

当仔细研究目标受众时,可以认为使用WEB和移动界面是典型的。

例如,在自然光下连续使用时,深色背景会产生反射,特别是在平板电脑和智能手机的屏幕上。相反,在昏暗的环境中,深色背景可以使光线远离屏幕,这对导航和可读性有很大影响。

因此,色彩组合,对比度和色调问题在这里引起了很多关注。

△明亮的日历

二,配色方案选择清单

鉴于上述因素,我们提供了一个简短的列表,列出了在为WEB或移动界面选择通用颜色方案时应遵循的基本步骤。

1. 定义界面的用途

确定界面应用程序的核心和解决问题的能力后,您可以选择更合适的配色方案。

如果UI是文本驱动的(博客,新闻平台,电子阅读器等),浅色背景通常是一个不错的选择。明亮的背景使屏幕更加透气和宽敞,用户的注意力更容易集中在副本上。

另一方面,如果界面是视觉内容核心,有很多图片而且没有文字,那么背景暗或亮的配色方案可能是个不错的选择,因为图像的颜色会更深。通常看起来很普通布局也将变得更时尚,甚至“奢侈”。

2. 分析你的目标用户

目标用户的定义和分析是设计人员应该完成的主要任务。了解潜在用户的身份以及他们对代购源码网站或应用程序的需求为设计有用,有用且引人入胜的界面奠定了坚实的基础。

中年人和老年人倾向于使用浅色界面,因为他们觉得这些界面更直观,更容易导航;年轻人倾向于拥有更好的表达界面,更新的背景,更时尚,以便Target用户参与其中;使用浅色背景和有趣的细节来吸引青少年和儿童。

显然,颜色的选择取决于界面的性质和内容。但是,如果您的策略基于用户,则目标用户的偏好是进行设计选择的重要基础。

3. 研究竞争

要记住的另一个方面是您的产品不会出现在蓝海市场。因此,它将在激烈的市场竞争中获得广泛的用户关注。

颜色方案的选择是应用程序或代购源码网站吸引用户注意力的一种方式。它会影响用户对应用程序或代购源码网站的第一印象,并会影响用户是否使用它。要么花时间研究现有产品,要么浪费时间重新设计无效的解决方案。

4. 测试测试再测试

上述关键点对于关键事项具有说服力:因为颜色是直接影响界面可用性和吸引力的因素,每个设计解决方案应该在不同的分辨率,不同的屏幕和不同的条件下完成。适当的测试。

该测试揭示了产品上市前配色方案的优缺点。如果设计解决方案效率低下,则会失去用户的第一印象。

△素食食谱APP

第三,妥协解决方案

UI设计师不愿意遵循严格的配色方案,有时会发现妥协的解决方案。

1. 深色的界面,白色的标签文本

正如我们在《用户体验设计趋势回顾》中提到的:这种趋势在基于暗背景方案的界面中特别普遍。它还使用另一种方法来实现适当的可读性,这通常是有争议的:在核心信息区域使用浅色背景。

设计师解决了这个问题:为屏幕或页面添加优雅的对比度。其中一个案例:由Tubik团队设计的浇水跟踪器应用了这一原则。

△浇水跟踪器页面

2. 为用户提供色彩方案的选择

另一种方法是让用户选择配色方案的模式。我们为Upper做的设计是:一个任务列表应用程序,为用户提供颜色方案的选择。

一方面,这种方法非常用户友好,不仅基于产品的可用性,而且基于用户的审美偏好,使用户的选择更加个性化。另一方面,设计人员和开发人员需要花费额外的工作时间来开发所有解决方案。

△上限App

« 代购源码网站价格不需要看起来太沉重,以揭示低成本代购源码网站建设的危害! | 学习链接分析并快速找到代购源码网站问题 »