The Story of Mr.Gray — Web 交互设计“灰色”的8类应用（3）
作者：T.D 来源：Tencent CDC Blog 发布时间：2009-12-30 16:57:00
标签：交互设计,灰色,网页设计,web设计
5. 次要可链接信息
深色下划线会给清爽的页面带来些许不和谐，“灰色”处理可以调和这种矛盾，既能准确传达所需表达的信息，又能使得页面整体和谐统一。
Apple在此的Web设计秉承了一贯的简洁风格，使用简单的一小段下划线，却传达出了丰富的信息。
6. 不鼓励用户进行的消极或危险操作
下图中Flickr的“封锁”操作点击后，会阻止该好友与你进行一切信息交换与互动，该操作的“灰色”处理恰好可以辅助表达出这层隐含的意思。
又如删除整条标签的icon。
存储与取消的操作，一个为亮色另一个进行“灰色”处理，这类应用在Web交互设计中应用十分普遍。
这类应用与禁用使用场景的一些区别，在于鼠标mouseover时，会有响应，如鼠标变手型，对象变色等。
7. 信息分隔
常见的有下图中的斑马线，虚线，色块等来区分不同信息区域。
斑马线
虚线分隔
浅色块区分标题与内容区
8. Mr.Gray的相对性
因为色彩具有明显的相对性，而某些Web设计为保持整体风格的一致，甚至会将主要导航“灰色”处理，然而，这些处理都是相对的，也同样可以做到主次分明。如下图中wordpress的主导航。虽然导航当前态文字为灰色，但依靠浅色背景，相对而言还是更为突出的。只要把握住Mr.Gray的相对性，对其使用便能更加自如了。
0
投稿猜你喜欢
我的同事Fara给大家介绍了戴尔网站首页的改版设计，这里我还想和大家介绍一下戴尔是如何从网站用户使用体验的角度进行设计，让大家进一步了解戴尔- 如果我们的web应用有大量的异步请求，而这些异步请求是在web服务器认证的情况下，那当我们请求发生在服务器认证失效下，服务器自动302到登录
- （1）更有意义的搜索 数据可被XML唯一的标识。没有XML，搜索软件必须了解每个数据库是如何构建的。这实际上是不可能的，因为每个数据库描述数
- 使用本文提供的JavaScript脚本，配合Dreamweaver的层和行为的运用，可以在页面中显示可拖动的精美月历。具体制作步骤如下：1、
- 一，fso.GetFile提取文件相应的 File 对象1，getfile.asp<％whichfile=Serv
- 说起模板引擎，很多人会认为这是后台的东西（如PHP的Smarty、Java的Velocity），跟前端没有关系。然而，随着前端的逻辑变得越来
- 下面发一个简单的在线调试服务端js代码的asp源码。并可以提示代码具体错误信息。<％@language="javascrip
- 问：假如我的一个表里含有(a,b,c,d)和(a,b)形成组合键。我能在列值中写这个查询吗？例如： select a,c,d from my
- 在安装好MYSQL ODBD的驱动程序后，应如何建立ASP文件连接数据库？我们有两种方法：一种是在ODBC数据源中建立一个DSN。具体方法是
- 因为主键可以唯一标识某一行记录，所以可以确保执行数据更新、删除的时候不会出现张冠李戴的错误。当然，其它字段可以辅助我们在执行这些操作时消除共
- 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码；服务器Response被XMLHTTP不正确编
- 在开发 图像 动画 游戏 相关的程序时, 双缓冲( double-buffer )一直是程序员常用(必用)的技巧. 当然 随着各种引擎 框架
- 几个常用的js小函数，在表单验证时也许您用得到：一检查是否是email地址，二检查是否为数字，三检查是否为电话号码，四检查num是否是负数或
- 网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图
- 这篇文章不谈大道理，只谈细节。关于facebook的大道理，大家可以去海内网的帖子《谁去救救麦田老师吧》讨论。那里有很多IT评论高手，谈的很
- 关于这个话题，我也看到网上有其他方法来解决。 不过从性能和代码量上来看，我有更好的办法。 在这里和大家 分享。 原理其实很简单， 知识1、长
- 计算机键盘每天用得太多了，以致于我们无视它的存在（盲打），当然也很少有人去问这样一个问题——为什么键盘字母的排列方式是QWERTY而不是AB
- “看图购”beta版今日起正式在淘宝网上线了，域名是：http://go.taobao.com。从此您也可以像翻看杂志一样翻看女装的图片了，
- 很早之前就在PJ的blog上看到可以用VS2005调试ASP程序，但是没有写出具体的步骤，后来一次偶尔也让我找到了方法，但是一直没把它写出来
- LoadRunner监控MySQLhttp://www.docin.com/p-92272846.htmlAdvanced MySQL Pe
