Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

积极与消极的颜色

  红色和绿色,哪个是积极的?哪个是消极的?这是个设计上非常纠结的问题。如果是股票的话,红色表示增加,绿色表示减少。但在记账时我们通常用红色表示亏损。另外,如果是街上的红绿灯的话,是绿色才能通行,红色禁止通行。它们并没有固定的象征意义。
  前面的文章中我把Switch控件的设计使用红色和绿色来区分它的两个状态,但感觉依然很难理解。因为这两个颜色的含义太模糊了。
  红色和绿色虽然是完全不同的两种颜色,但他们只是色相上不同,亮度、对比度、饱和度都是相同的(具体使用时可能会因为配色存在差异,但眼睛基本看不出来)。而色相并不是一个实数区间,它可以看做是一个角度(或者可以用单位复数来表示)。而复数这东西本身是无法比较大小的,所以红色和绿色这两种颜色在某种意义上非常相似,而且无法数值化比较。
  为了解决这个问题,很多设计中都使用红色配灰色或绿色配灰色来表示其状态。因为灰色的饱和度为0,它和红色或绿色做对比时人们会很容易地使用饱和度来衡量他们的大小,而且我们通常认为,饱和度高的东西更现实,饱和度低的比较古老。比如现在的照片都是彩色的,而以前的照片是黑白的。电影中很多回忆的画面也会降低饱和度来使页面有一种“回忆”的效果。

  因此,用户会很自然的认为饱和度高的是当前状态,是积极的。而饱和度低的则是消极的。
  不仅是Switch控件设计,在一些存在正负值的地方也可以使用饱和度高的颜色表示正值,饱和度低的表示复值。这样比使用红色和绿色表示涨跌要容易理解。
  我不是美工,对于配色实在不内行,只能在这种我自己遇到过的问题上来扯一扯蛋而已。其实我一直很消极,看我的博客配色就知道。。
网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^