当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:交互设计中色彩的运用

心得技巧
淘宝网技术专家:大型交易网站的设计和调优
设计思想:商务Web应用程序的界面设计
简洁富有创造性的深色调网页设计
讨论产品的设计:用户学一次就会用了
兼容Firefox 3.6最好的IE Tab的替代插件:Coral IE Tab
架构是把握问题的关键:平衡设计
设计观点:搜集设计线索和搜集客户资料
国内SNS现状:2008年之前facebook:校内
HTML5视频的注意事项
网页设计技巧:设计颜色尺寸对齐方式对比
细致的Microsoft、轻巧的Apple和简洁的Google
中国用户体验设计精英汇走进清华大学
设计理论:用户界面UI的icon设计
使用情境决定设计一致性原则
分享比较热门的原型设计工具
设计观点:如何不让自己的设计变得俗气
交互设计(IxD)在中国
能帮助销售的网站设计的8点设计方法
搞笑漫画说明常用浏览器的区别
交互设计理论:有关内容和容器的关系

心得技巧 中的 设计理论:交互设计中色彩的运用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 33 ::
收藏到网摘: n/a

也许有人说,色彩是视觉设计师需要考虑的问题,交互中可以不考虑颜色。没错,视觉设计师对于颜色有较强的见解和把握,由于色彩设计的重要度(人们对于信息的把握,首先也是由色彩开始的,其次才是图形,文字),在产品设计过程中,视觉设计师有着第一评判权。

对于色彩的认知,从哲学层面转入科学范畴后,人们发现,色彩对于人的心理影响有其固化的习惯性,这些认知也就延伸到了人对于产品的使用中。这样,在产品交互过程中,色彩也就可以被宽泛的表述进来,从而明确人的行为动机。


先举几个生活中的例子,红绿灯已经很明确颜色对于人的行为的认知了;冷热水管中,红色代表热水,蓝色代表冷水…..这些都是根据人对色彩的心理认知而做的指示设计,至于红是哪个红,蓝是天蓝还是钴蓝,这些就要根据不同品牌来明确给用户了,这也就是视觉设计师要考虑的。

在互联网产品设计中,这个道理同样存在,网络最初定义的文字颜色,蓝色为链接,黑色为文本色,灰色为当前不可点或者非重要信息,红色起到强调、警示作用,默认链接还有下划线。

具体讲一个改进的例子,以前“我的淘宝”中,交易提醒内容为:“买入:在最近三个月内,您共有13笔买入交易记录,请到“已买到的宝贝”中查看。”新版做了优化,先是缩减文案改成:“最近三个月买入(13)”。整条可点击,这里的问题就是文字不像链接,可视提示不明确,用户以为黑字不可点,都点后面的数字,数字区域又很小。最后改成“三个月买入(13)”,文字用链接色(又一次缩减了文案)。这里还有个问题,提醒中,有马上需要操作的提醒,如:待确认收货。也有用户看看就可以,不需要马上操作的,如:三个月买入。这样,又做了一个调整,需要用户马上操作的,后面数字用橙色,如:待确认收货(9),不需要马上操作的,数字还是用黑色。(强调提醒用暖色系更能让人注意,比如红色,淘宝惯用橙色)。

上面这个例子的几经变迁,就是通过颜色的调整使用户更快速的完成任务,当然我们更可以改进功能直接让用户确认某个宝贝收货。


在色彩理论中,色相对应其特点相对给人的感觉固定些,比如暖色有膨胀感,贴近感,急切感;冷色系后退感,冷静感,收缩感;无色系有客观,叙述,优雅等感觉。


有研究表明,深色车比亮色车易发车祸,原因就是深色车的收缩感使后面的司机感觉离前面的车还比较远,而且看起来小,注意度就会降低。颜色都到了人命关天的地步,不过没这么恐怖,呵呵。