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

心得技巧
产品设计:在时空人综合的情况看待产品
产品市场思考:越来越担心360安全卫士
在互联网面前,音乐产业太被动了
视觉设计中的微软雅黑的字体设计
视觉设计理论:设计中的生理色差
用户体验设计理论:用户体验设计的方方面面
网页设计中保持清晰简洁的图片设计技巧
网页设计理论:各种元素在页面的综合设计
WEBJX整理的24个Firefox Web开发插件
BBC网站设计中的新网站视觉系统
互联网产品设计:适当的无序信息设计
17个用于设计开发的chrome扩展工具
用户体验设计实例:网易邮箱开放pop3
用户体验设计:用户常见的信息需求
审视IE6的过去 分析多年IE6改变的原因
网站用户体验 为增加顾客体验设计页面
web开发人员谈IE8浏览器新特性
用户体验:我不喜欢豆瓣新首页的几点
用户体验设计实例分析:豆瓣新首页UI
优秀的设计团队需要的4种关键的成员

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


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

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

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


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

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

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

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


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


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