首页客户案例网站建设微信与APP开发排名优化终端形象商业摄影公司新闻联系咨询

教你选择合适的界面配色方案!

2018年05月15日

一、影响配色方案选择的因素

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

1. 可读性和易读性

这些术语都与文本内容带给用户的感受有直接的关系:

可读性定义了人们阅读单词、短语和文本块的难易程度;

易读性衡量用户识别特定字体中字母的速度和直观程度。

应该仔细考虑可读性及易读性两个特性,特别是对于拥有大量文本内容的界面。众多因素中,在用户对本文感知的有效程度上,为界面选择配色方案起着至关重要的作用。

2. 可访问性

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

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

3. 清晰度

清晰度定义了在屏幕或页面上查看和区分所有核心细节的能力。首先,它与导航的简单性和直观性相关:能够浏览布局并找到信息区域和交互元素,用户不需要花费太多精力就能找到他们需要的东西。如果清晰度没有得到适当的测试,可能会导致视觉层次较弱,并且会使屏幕变得一团糟。

对比在这里扮演着极其重要的角色,配色方案就成了它的基础。检查一下,界面是否清晰并且对比度足够高,在模糊模式下查看屏幕或页面时,请不要忘记「模糊检验」这样一个很好的老技巧,看看所有重要的东西在模糊的状态下是否容易触达和明显可见。

4. 响应性

界面的响应性意味着无论用户在何种设备上都可以正常使用。在高分辨率的专业显示器上看起来时尚和吸引人的东西,在小的低分辨率屏幕上可能变成很脏的污点。

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

由于配色方案直接影响颜色、形状和文本感知,所以在做出最终决定之前,应该在不同的设备上进行测试。

5. 环境

在对目标受众进行仔细研究的情况下,WEB 和移动界面的使用可能被认为是典型的。

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

因此,颜色组合、对比度和色调问题在这里引起了很大的关注。

二、配色方案选择清单

考虑到上面提到的因素,我们提供了一个简短的清单,列出了在为 WEB 或移动界面选择通用的配色方案时应该遵循的基本步骤。

1. 定义界面的用途

在确定了界面应用程序的核心点和解决问题的能力之后,你可以更合理的选择配色方案。

如果 UI 是文本驱动的(一个博客、新闻平台、电子阅读器等),浅色的背景往往会是一个比较好的选择。浅色背景使的屏幕更有呼吸感和宽敞,用户的注意力更容易集中在副本上。

另一方面,如果界面是视觉内容为核心,有大量的图片并且没有什么文字,那么带有深色或者明亮背景的配色方案可能是一个好的选择,因为图像的颜色会更深,平时看起来普通的布局方式也会变得更时尚,甚至很「豪华」。

2. 分析你的目标用户

对目标用户的定义和分析是设计师应该做的首要工作。了解谁是你的潜在用户,以及他们希望从网站或应用程序中得到什么,这样就为设计出一个可用的、有用的、有吸引力的界面打下了坚实的基础。

中年人和老年人倾向于使用浅色的界面,因为他们觉得这些界面更直观,更易于导航;年轻人通常会倾向于具有较好表现力的界面,背景更新颖,更时尚,这样可以让目标用户参与进来;使用浅色的背景和有趣的细节来吸引青少年和儿童。

显然,颜色的选择取决于界面功能和内容的性质。但是,如果你的策略是以用户为核心,那么目标用户的偏好就是一个做设计选择时的重要判断依据。

3. 研究竞争

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

配色方案的选择是应用或者网站吸引用户关注的一种方式,它会影响用户对于应用或者网站产生的第一印象以及影响用户是否会去使用。要么花点时间研究现有产品,要么就浪费时间在重新设计无效的解决方案上。

4. 测试测试再测试

上面描述的要点对于关键的事情是有说服力的:由于颜色属于直接影响界面可用性和吸引力的因素,所以每一个设计解决方案都应该在不同的分辨率、不同的屏幕和不同的条件下进行适当的测试。

测试揭示了在产品上市前颜色方案的优点和缺点,如果设计解决方案效率低下,就失去了让用户留下令人惊叹的第一印象。

三、折中解决方案

不愿遵守严格的配色方案,UI 设计师有时会找到折中的解决方案。

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

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

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

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

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

一方面,这样的方式对于用户来说非常友好,不仅是根据产品的可用性,而且是根据用户的审美偏好,使用户的选择更加个性化。另一方面,设计师和开发人员需要花费额外的工作时间来制定所有的方案。


本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

标签: 网站制作公司 、 企业网站开发 、 网站建设企业 、 专业网站设计 、 专业网站建设 、 手机网站建设 、 商城网站建设 、 企业网站建设 、 专业建站 、 做网站 、 广州做网站 、 网站建设公司

填写您的服务需求获取项目报价。

* 请认真填写需求信息,我们会在24小时内与您取得联系。
线上服务咨询020-82352603填写需求索取报价