新闻中心

您的位置:首页 > 新闻中心

学习以下3个色彩搭配知识点,将大幅提升你的设计体验
来源:www.cdwanxin.com/news/1550.html日期:2019-04-27
当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对于用户的心理和行为的影响相对更深,最终会反映在用户体验和行为反馈上。
经过深思熟虑的配色最终会从「不错」提升到「优秀」,平庸的配色最终会降低用户体验,甚至会影响网站本身的可用性。

当然,色彩理论是一个相对复杂的主题。从用户体验的角度上来说,色彩所涉及到的远不是配色方案这一个维度。通常,我们聊得最多的是不同色彩所产生的心理效应,以及多色彩搭配的时,相互之间的影响和可访问性上的问题。

从掌握色彩的基础特征,到了解色彩背后的用户心理特征,接下来就可以逐步过渡到最有价值的部分:通过意想不到的搭配营造对比,使用协调的组合让人愉悦,以及让特定色彩最大化地发挥价值,达成设计目的。

虽然 蓝/白/灰 三色的搭配有点过度使用,但是这三种颜色确实是非常实用的搭配,在金融行业的应用非常普遍,因为其中蓝色通常和「忠诚、信任」有紧密的关联。



1、色彩心理学和用户体验紧密关联
我们其实没少讨论色彩心理学上的问题,不过这本身并不是一个浅显的问题,色彩的心理影响是一个主观且复杂的话题。不过,能够利用好色彩心理学的知识,能够解决更普遍的设计问题。

通常,配色方案会将色彩数量控制在 3 到 4 种,每种颜色单独的特征和隐喻都非常容易理解,但是搭配起来则没那么简单。设计师通过学习基础的色彩心理学,将一部分色彩本身的属性发挥出来,但是想要控制得更加细致,则需要了解更多的细节和更加深入的知识。



色彩本身的含义很容易学习和记忆,其中更加微妙的含义同样可以很好运用于数字设计。(vandelay design)

虽然黑白灰这样的色彩作为辅助色广泛存在于不同的配色方案当中,但是它们本身占据大量面积或者用作主色的时候,用户同样可以感知到。





色彩的配比同样会影响体验。以蓝色为例,在简约的布局当中,大面积使用蓝色作为主色调,和在大面积白底上使用很小的一抹蓝色用来强调 cta按钮,所带来体验是截然不同的。

另外,网站中细节的处理也会影响整体体验,比如zutano 和 p&n bank 同样是使用红色和白色作为主要的色调,但是它们的网站所带来的体验是截然不同的。

2、对于不同用户,配色的影响也不相同
虽然不愿意承认,但是设计师们经常忽略一些色彩在不同文化当中存在的差异,而这是一定不能忽略的。

2.1、文化差异对配色的影响
比如白色,在西方世界当中被视之为纯洁纯真,和希望有关。但是在亚洲地区,白色和丧事有时候是会产生关联,以白色为主的设计常常会被视之为过于「素」,认为不够吉利。



▲不同国家的用色倾向

另外一方面,随着现代主义运动的普及,白色也拥有了更加现代的特征,在日本白色甚至和当地文化结合,延伸出更加细腻独特的精神特质,随着日本战后设计领域的发展和崛起,白色在这一地区的含义则更加丰厚。原研哉在《白》一书当中,针对白色的含义和特征进行了非常深入的探讨,之后的《subtle》一书当中,虽是围绕纸来探讨微妙的体验,但是也没少提及白色本身的特征。



▲《白》和《subtle》

绿色在通常意义当中被视作为和财富、自然、生命力有关的色彩,但是在某些宗教当中被视作为神圣的色彩,它的内涵和外延也都是不一样的。

2.2、历史对配色的影响
时间变化对于配色所带来的影响不仅仅如此。比如中日两国在色彩使用上,还存在一个非常典型的差异,历史上日本在一个很长的周期内是作为中国的属国所存在的,这也使得中国自古以来崇尚饱和度较高的正色,而日本则大多使用饱和度偏低的间色,这一特征可以从两国的传统色上体现出来:



▲ 中国传统色



▲ 日本传统色

更多的色彩可以查看优设的色彩导航

2.3、性别与配色
不过,有些颜色所包含的含义,在不同的文化体系当中差异并不大,比如橙色。不过说道橙色,值得一提的是,色彩的认知还存在性别上的差异,有调研指出,男性更偏好橙色,而女性对于橙色的喜好则没有男性那么强烈。

同样的,时间对于色彩的影响最终还会影响到色彩的性别效应。粉色在二战以前其实性别意味并没有那么强烈,但是二战以后到现在,含义发生了巨大的变化,在《黑历史!粉红色背后的文化现象和心理博弈》这篇文章当中,有过详细的记述和探讨。

2.4、流行趋势对色彩的影响
不过这是更长维度上的变化,在短时间以内,流行色的趋势变化,对于用色也也同样存在影响。这种影响是非常直接的,在时尚行业有着非常直接的体现,而在网页和ui设计行业,同样存在存在。

比如 2017 年的潘通年度流行色是草木绿,戳这里了解一下:《玩转草木绿!在这里了解 2017 的年度潘通流行色》。而 2018 年的潘通年度流行色则是紫外光色,这篇文章也有相关介绍:《这款独特的紫色,是为你指引 2018 年设计方向的年度潘通色》

紫色的流行在ui设计上则体现得非常明显:



当然,我们也会好奇,是否存在一种色彩,是不分性别文化,大家都会喜欢的呢?确实有人通过大规模的调研和探索找到了一种「世界上最受欢迎的色彩」,马尔斯绿:《世界上最受欢迎的色彩出炉了,她的名字叫马尔斯绿!》

所以,当你在设计的时候,如果你的目标用户群体有着清晰的地域或者性别偏向,你可以有目的地利用这些知识来规避设计陷阱,更好地发挥色彩本身的功能和优势。如果受众广泛,则可以尽量使用通用性更强的色彩来进行设计。

3、色彩的情绪与气质
配色在品牌视觉中所发挥的作用是不言而喻的,但是,色彩本身的内涵和情绪特质并不是全部。比如一个行业当中,很多企业都使用了蓝色,那么你的公司继续使用蓝色,可以让用户更快「识别出」你所属的领域,但是本身也存在让人混淆的风险。如果你想要在视觉上脱颖而出,可以试着使用不同的色彩。



红色的含义很丰富,它是既代表危险,也代表激情和亢奋,紫色则有奢华感。维珍航空使用略偏紫的红色,来作为网页的设计用色,营造出富有奢华而富有激情的氛围,正面而富有高级感。

在进行品牌设计的时候,选择配色的第一步,始终是了解各种颜色或者色相的气质和情感属性。然后,在具体设计的时候,在进一步根据品牌的气质和需求,再在色相的基础上调整明暗和饱和度。

下面附上各种色彩的基本情感属性和气质特征:

红色:危险,激情,兴奋。它是最激烈的颜色,能够引起更强烈的反应,甚至引起生理反应。更为明亮的粉红色会带有女性化和浪漫的特征,而偏暗的栗色则显得柔和、高级而传统。



橙色:创意、冒险、青春。橙色富有活力,同时橙色和 70 年代的时代气息联系最为紧密,也最能唤起复古的感觉。