web 2.0设计指导之一:简单[译]（3）
作者：杨梅 来源：口碑网UED Team 发布时间：2008-10-12 09:37:00
为什么简单更好
网站和每个页面都有目标；
用户的注意点是有限的资源；
帮助用户找到他们想要的（或让用户注意我们希望他们看的内容）是设计师的职责；
屏幕上的元素吸引眼球，元素越多，用户去关注的各种不同的事情就越多，同时他去关注重要内容的几率就下降了；
所以我们需要很确定的交流方式，也需要把信息噪音减少到最少，那代表着我们要找到一个尽可能少用元素的解决方案，那就是节约元素即简单。
何时/如何让你的设计简单
何时 始终如此
如何做 有两个方面能让你成功做到简单
在不影响效果的情况下，去掉多余的元素
能达到同样效果的可行方案中，选择更简单的
看起来达到完美的结果，不是没有东西可再添加，而是没有任何东西可被去除的时候，每当你设计的时候，有意识的把去除多余的视觉元素作为准则。
不要把注意力特别集中在和页面目标相关性比较小的区域，因为用户视线在关注这些时会分散在主要内容和导航的注意力。利用视觉细节如线条、文字、形状和颜色去传达信息，而不仅仅是为了装饰。
这里有个设计的例子，由于不够简单而深受其害：
Yaxay 的界面用了很多像素，但是大多数都是修饰性的，一部分是页面的背景。相对少的像素被用来让用户找到或理解信息或被站点吸引。
想想这个页面看上去东西可真多啊，但是能使真正的导航、内容和交互特征清晰的元素实在太少了。
爱德华•托佛特用“数据墨水”（如可以传递信息的细节）和“非数据墨水”（如只是修饰的细节）来形容这一现象。
托佛特的衡量信息设计（图形，图表，演示等）有效性的一种标准是数据墨水和非数据墨水的使用比例，数据墨水使用的比例越高，设计的有效性可能就越高。
以Yaxay第二幅的细节图为例，它有太多被称为“繁忙”的元素，比如大量的边缘、色调、颜色变化、形状、线条……很多要看的元素，但是在这个细节真正有用的是：
网站的logo
导航按钮上的标签文字：art gallery
剩余的其他“繁忙”元素：背景上的形状、界面上的斜线、网格、渐变……所有这些噪音都是非数据墨水，因为它们都不能传达信息。
我并不反对网站设计的丰富、复杂或美感性
简单的意思：无论采用什么方式，只要是为了让信息传达更顺利的元素是越多越好，当然，通常你要传达的不是硬数据，而是软数据；
硬数据：指事实，如新闻、股票价格、列车时间或你银行账户的存款……
软数据：涉及信息传达的质量，如公司给人的第一印象，服务提供者是否亲切，一种产品是否适合你……这些都是同样重要的。
无论你要传达的是硬数据还是软数据，你都应该有意识并谨慎的使用元素数量。
以下图为例：
Alex Dukal的站点很丰富、有趣、吸引人，它用了一系列视觉技巧来引起你注意，让你感觉有趣，对Alex的工作给你一种温暖的感觉。但是它也是简单的，因为它谨慎而敏感的使用像素、墨水或繁忙元素，它并非是没必要的，而是节俭而丰富的。
无论怎么说，当你使用墨水、像素时要明智的选择，用它来传达首要的信息，同时，问问自己用少量的元素能否有效的传达信息，如果可以，就这样做。[未完待续……]
第一次翻译专业性文章，有不得到之处欢迎指正
原文地址：
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm
0
投稿猜你喜欢
- 以前在工作中遇到一个问题，当表单发送的数据量很大时，就会报错。查阅MSDN了解到，原因是微软对用Request.Form()可接收的最大数据
- 这篇文章详细的介绍了Oracle数据库SQL语句性能调整的基本原则，具体内容请参考下文。一、问题的提出在应用系统开发初期，由于开发数据库数据
- 这个是捕获键盘事件输入状态的js代码，它可以判断你敲打了键盘的那个键，ctrl、shift，26个字母等等，返回具体键盘值。Javascri
- 国外的空间和我们国内的空间使用的语言系统一般不一样，所以在网页程序上时如果处理不当很容易出现乱码，看了让人摸不着头脑。所以我们在编写程序时就
- <script language="vbscript" runat="s
- 如果您还不太了解XML技术，您可以先看看此文：XML的语法、结构以及相关的一些技术 及 XML DOM介绍和例子XML中 CDATA的作用：
- 在默认的情况下，MySQL搜索不区分大小写（但某些字符集始终区分大小写，如czech）。这意味着，如果你使用col_name LIKE &#
- MySQL有6种日志，监控数据库系统的时候必须知道select日志slow select日志变更日志二进制变更日志(binlog)
初学ASP，程序是能勉强写出来了，但若每进行一次网站页面的改版，所有的源程序都将进行一次移植手术。为此所耗费的人力精力不计其数，甚至一不小心- 您是否常常在做网页的过程中发现一个问题呢？当图片上传的时候，如果图片太大 ，就会把网页撑破，唯一做的就要先把它用软件缩小，再上传上
- 首先，我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器，设置border。接着，m
- 在写ASP网页时常用的检测代码:服务器现在时间:<％ =now ％>服务器CPU型号:<％=Request.ServerV
- 今天，由于工作需要，我在自己的电脑上配置了Mysql5环境，同时安装了一个phpMyAdmin管理工具，安装完成后，发现在phpMyAdmi
- 我页面上有控制了只能输入数字的控件，禁止了输入法切换的，但是搜狗的云输入却控制不了，有没有办法在页面里面禁止它运行啊？发现这玩意儿真的很讨厌
- 网上有很多提供在线按钮制作、文字标题制作、Logo制作服务的网站，它们可以非常方便了让大家轻松的获得效果出色的各类图标型的图片，下面就快来看
- SQL Server数据库查询速度慢的原因有很多，常见的有以下几种：1、没有索引或者没有用到索引(这是查询慢最常见的问题，是程序设计的缺陷)
- 围绕文字、符号、链接三个方面，主要是中文，草拟的个人行文经验：1. 文字避免写错。应付挑剔的读者是一个方面，某些关键词的错误，有可能就避过了
- 在WEB2.0 网页充斥的年代，身边无时无刻都听到这样的声音：“拒绝海报式设计，要做有用的设计，要简洁，要清爽，要大气”产品经理
- 最近和一程序员合作项目。弄的我头都大了~埋怨我的CSS命名看不懂~得按照他的来。结果我打开他的页面，看了看,从头第一个开始就是content
- 以前工作的时候由于Oracle8i数据库经常出现用户过多的错误,由于数据量大,经常出现ORA:12500错误,但主要原因是访问过多而引起的,
