搜狐首页 科技 刺客列传2

手机搜狐

SOHU.COM

色彩如何影响 UX 和用户行为

色彩:设计得当时你可能从未关注过它-但是设计不得当时呢?无论是过亮且灼眼的背景,或者暗灰色背景下的黑色文字,还是以次充好的色彩选择都足以毁掉一款功能强大的app。如同设计的其他方面,色彩不仅仅是为 app 锦上添花。色彩与用户体验的其他方面一样,也可以是一种工具。

用于设计 app 的图形 设计哲学 - 从元素尺寸,滑动方式,当然也包括色彩 - 都在影响着用户的行为。因此,设计师通常在项目前期用几个月的时间搭配色彩而不是设计布局。

选择颜色搭配的区别就在于,完美的色彩搭配能设计出一个能让用户感到放松并沉浸于此的 app,糟糕的色彩搭配会让用户有拿手机砸墙的冲动。以银行业务的 app 来看,糟糕的颜色搭配会让你每次查余额时都非常紧张,而完美的色彩搭配能够缓解你的焦虑,比如马上要清付下一次账单了。

那怎么才能设计得当 - 即如何在你的设计里掌握色彩呢?

图形设计哲学:色彩理论

在深入图形设计哲学(和心理学!)之前,需要了解一些色彩和设计的基本原则。虽然色彩看起来不是一门非常复杂的学问,但我们仍然有理由让每堂艺术课不光教授如何使用色彩,还要教授如何创造色彩。

基本原则: 拿色盘来说 -很简单:原色(红,黄,蓝)可以结合调出二级颜色(绿,紫,橙)。同样地,不同分量的白色加到颜色里,能调出浅色,不同分量的黑色能调出深色。

实现图形设计哲学的时候,色盘将会是一个不可或缺的重要工具。

对角线上的两个颜色(如红色和绿色,蓝色和橘色)是互补色。这些颜色反差强烈,放在其互补色颜色旁边(或之上)时十分突出。相邻的两个颜色是类似色。这些颜色对比度低,放在一起并不突出。

颜色对比度的高低没有绝对的 ”正确“ 和 ”错误“。有时一个应用需要强对比的亮色组合。有时,又需要温和一些。一般来说,越想要突出的东西,越需要强对比度。

感受色彩组合是否搭配的最好方法就是亲身体验。即便你手头没有项目,快速旋转 Adobe 色盘 也许会让你对色彩有新的认识。

情感色板:色彩心理学

巩固 app 的图形设计哲学史,你不应只考虑外观 - 你必须要思考它们给你的感受。我们说的不是触觉反馈。自从 Johann Wolfgang Goethe 研究 色彩对生理学影响 以来,我们着迷于用颜色产生生理和情感效果。

甚至今天,色彩在许多品牌的设计哲学中都占有主导地位。医疗,商业,和政府都倾向于使用蓝色,因为蓝色给人一种值得信任和专业的感觉。绿色看起来更年轻富有活力 - 当然,还反映了环境主义和亲近自然的感觉。红色是精力充沛和冲动的象征,给人速度,效率和力量的印象。我们看到的每个颜色(当然每个颜色本身都会与特定品牌相联系)都暗示了一些东西,直接或间接地,影响着我们对于独立品牌的看法。

精选