返回首页
当前位置: 主页 > 教学研究 > 图文教程 >

Web 交互设计“灰色”的8类应用

时间:2010-01-03 21:26来源:cdc.tencent.com 作�:T.d 点击:
在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分。我们常会发现许多灰色的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一。本文将从一些实际案例
  

  Mr.Gray在Web 交互设计中的8类应用

  Mr.Gray谦和内敛等特性决定了他在职业生涯中,大部分时间都在扮演辅助陪衬的角色。下文将以一些实际案例来进行详细说明。

 

  1. 当前场景下禁用或不可操作

  这类设计处理的好处是避免用户进行无效的操作,提高用户的使用效率,并且给予一定的信息暗示。下图中是一些禁用、不可操作或者没有权限的图例:

 

  2. 暗示一定秩序下,即将发生的步骤、事物

  此类设计可以让用户对即将进行的任务全局一目了然,较少而清晰的步骤不会给用户带来心理压力,相反会促进用户完成该项任务。如下图中的创建QQ群的步骤预示。

 

  3. 弱提示,辅助信息(包括色彩信息)

  这一类应用较为广泛,如大段辅助信息文字,一些提示信息,次要陪衬信息,不常用功能操作等,“灰色”处理会让页面和谐统一,并突出最主要的用户体验操作。如下图1中,浏览照片为最首要体验,上排对照片操作的工具栏则进行了“灰色”处理,mouseover时再变亮和丰富。

  再如一些登录与搜索中的辅助说明与操作信息:

 

 

  4. 表示未被激活的“隐藏”状态

  在Web设计当中,常需要考虑当前态、未被激活态等样式。常见方式是灰色化处理未被激活态,在对比中使用鲜明的色彩告诉用户当前所处的位置或状态。

  下图为igoogle联系人当前不在线时场景,使用了灰色icon来进行区分,这类设计在即时通信产品中较为普遍。

 

顶一�
(1)
100%
踩一�
(0)
0%
------分隔�----------------------------
最新评� 查看所有评�
发表评论 查看所有评�
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论�
评价:
表情:
用户�: 密码: 验证�:
发布者资�
设计个蛋 用户等级:高级会员 最后登�:2012-01-09 10:01
推荐内容

ʹ֢״׷֢״ôʹ綨Ƭʹѷôʹʹѷ֢״ʹ粡˵ʳ׷֢״Լĸ֢״ʹƫʹķţƤѢ֢״ѷ֢״ư취ʪ֢״ư취ʹֲҩʪʲôѷҩƬٷҩʹ֢״ѷư׷ʹ粻ܳʲôʹʲôҩʪķţƤѢܳʲôţƤѢķʹʲôư취ʪôţƤѢĸ֢״ʪҩƷʹʮζʹʹ綨Ƭʹ