欢乐升级甩拍牌视频|qq打欢乐升级死机
首页 > 网页教程 > 设计分享 > 那些配色方案能让你的设计体验更好?

那些配色方案能让你的设计体验更好?

时间:2018-12-18    来源:优设网

优设译者:陈子木 原文作者:Cameron Chapman

当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对于用户的心理和行为的影响相对更深,最终会反映在用户体验和行为反馈上。

经过深?#38469;?#34385;的配色最终会从「不错」提升到「优秀」,平庸的配色最终会降低用户体验,甚至会影响网站本身的可用性。

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

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

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

1、色彩心理学和用户体验紧密关联

我们其实没少讨论色彩心理学上的问题,不过这本身并不是一个?#35802;?#30340;问题,色彩的心理影响是一个主观且复杂的话题。不过,能够利用好色彩心理学的知识,能够解决更普遍的设计问题。

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

色彩本身的含义很容易学习和?#19988;洌?#20854;中更加微妙的含义同样可以很好运用于数字设计。(Vandelay Design)

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

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

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

2、对于不同用户,配色的影响也不相同

虽然不愿意承认,但是设计师们经常忽略一些色彩在不同文化当中存在的差异,而这是一定不能忽略的。

2.1、文化差异对配色的影响

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

▲不同国家的用色倾向

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

▲《白》和《Subtle》

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

相关推荐
30个出色的网页设计色彩搭配案例欣赏
网页配色之色彩搭配?#35760;?#19982;色彩对用户的心理作用
网页色彩搭配教程:三个实用方法搞定网页配色设计
色彩搭配教程:颜色对用户究竟有哪些影响?
三分?#24433;?#20320;快速入门极简色彩学
网页配色设计:如何运用黄色来表达网页的光感?
网页配色设计:如何用蓝色调搭配出天空和大海的感觉?
PANTONE潘通预测的10种2017年秋冬两季流行色
给设计师的用户体验设计发展简史
这7个原则是产品用户体验设计的重点
优秀的用户体验设计是如何打动用户的心?
7个原则让你的网页用户体验更优秀
移动应用图标配色诀窍 APP界面配色设计教程
2015年网页设计配色趋势预测
QQ空间配色变迁解密:“杀集取?#36873;保?/a>
网页配色教程:六条网页设计安全配色指南
配色教程:手把手教你从大师的作?#20998;?#20511;鉴配色灵感
网页配色设计:红色空间如何设计才好看?
年度总结:最新视觉设计六大趋势分享
3个使用鲜艳配色来制作WEB/APP界面的?#35760;?#20998;享
5个色彩进阶?#35760;桑?#24110;你创造更优质的网页用户体验
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
色彩设计:色盲用户的友好体验,你应该注意五点
配色设计:写给零基础新手的配色指南
100%提升转化率?据说懂这些色彩心理学知识就行
最受欢迎的色彩出炉了,她的名字?#26032;?#23572;斯绿
配色设计一些有趣且有用的小?#35760;?#20998;享
超全面的UI设计配色指南 拿走不谢!
色彩设计:配色方法论之观感谜题
UI设计中最常用的色彩为什么是蓝色?
配色设计:如何在设计中搭配出好看的颜色?

精彩推荐

?#35753;?#25945;程

欢乐升级甩拍牌视频