也许有人说,色彩是视觉设计师需要考虑的问题,交互中可以不考虑颜色。没错,视觉设计师对于颜色有较强的见解和把握,由于色彩设计的重要度(人们对于信息的把握,首先也是由色彩开始的,其次才是图形,文字),在产品设计过程中,视觉设计师有着第一评判权。
对于色彩的认知,从哲学层面转入科学范畴后,人们发现,色彩对于人的心理影响有其固化的习惯性,这些认知也就延伸到了人对于产品的使用中。这样,在产品交互过程中,色彩也就可以被宽泛的表述进来,从而明确人的行为动机。
先举几个生活中的例子,红绿灯已经很明确颜色对于人的行为的认知了;冷热水管中,红色代表热水,蓝色代表冷水…..这些都是根据人对色彩的心理认知而做的指示设计,至于红是哪个红,蓝是天蓝还是钴蓝,这些就要根据不同品牌来明确给用户了,这也就是视觉设计师要考虑的。
在互联网产品设计中,这个道理同样存在,网络最初定义的文字颜色,蓝色为链接,黑色为文本色,灰色为当前不可点或者非重要信息,红色起到强调、警示作用,默认链接还有下划线。
具体讲一个改进的例子,以前“我的淘宝”中,交易提醒内容为:“买入:在最近三个月内,您共有13笔买入交易记录,请到“已买到的宝贝”中查看。”新版做了优化,先是缩减文案改成:“最近三个月买入(13)”。整条可点击,这里的问题就是文字不像链接,可视提示不明确,用户以为黑字不可点,都点后面的数字,数字区域又很小。最后改成“三个月买入(13)”,文字用链接色(又一次缩减了文案)。这里还有个问题,提醒中,有马上需要操作的提醒,如:待确认收货。也有用户看看就可以,不需要马上操作的,如:三个月买入。这样,又做了一个调整,需要用户马上操作的,后面数字用橙色,如:待确认收货(9),不需要马上操作的,数字还是用黑色。(强调提醒用暖色系更能让人注意,比如红色,淘宝惯用橙色)。
上面这个例子的几经变迁,就是通过颜色的调整使用户更快速的完成任务,当然我们更可以改进功能直接让用户确认某个宝贝收货。
在色彩理论中,色相对应其特点相对给人的感觉固定些,比如暖色有膨胀感,贴近感,急切感;冷色系后退感,冷静感,收缩感;无色系有客观,叙述,优雅等感觉。
有研究表明,深色车比亮色车易发车祸,原因就是深色车的收缩感使后面的司机感觉离前面的车还比较远,而且看起来小,注意度就会降低。颜色都到了人命关天的地步,不过没这么恐怖,呵呵。

12月 16th, 2009 at 8:42 下午
[…] 源地址:http://dimcolor.com/blog/?p=527 […]
12月 17th, 2009 at 8:43 下午
学习!!!
我的web新作~~
反传统web风格: http://abincn.cn/
欢迎大家点评.提出有效建议.
谢谢啦~!
12月 18th, 2009 at 6:57 上午
很好的举例,学习了。
12月 19th, 2009 at 12:58 上午
终于,终于,我又长见识了,谢谢楼主
1月 12th, 2010 at 1:27 上午
博主分析得非常透彻, 观点也很有见地.
1月 25th, 2010 at 12:24 上午
站长好
我在你BLOG做过友情链接 :绿茶馆儿 geto.cn
现为预防朝廷追杀,已经换了移民后的新域名和空间
更名为 “华丽的悬浮” 地址:http://www.dodobig.com
烦请更新一下BLOG的友情链接信息 谢谢啦:)
6月 8th, 2010 at 1:07 上午
博主很有见解!
7月 16th, 2010 at 1:32 上午
很好,我学习了!