The Story of Mr.Gray — Web 交互设计“灰色”的8类应用（2）

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

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

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

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

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

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

3. 弱提示，辅助信息（包括色彩信息）

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

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

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

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

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