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


猜你喜欢
- Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,
- 正则表达式(Regular Expression,在代码中常简写为regex、regexp或RE)是计算机科学的一个概念。正则表达式使用单个
- 目录while语句if 语句for语句BreakContinuePass流程控制无非就是if else之类的控制语句,今天我们来看一下Pyt
- js部分setInterval("time_controller()",1000);function time_cont
- 是不是很烦每次注册网站或填写相关资料时都要重来一遍?其实会有很多自动填写工具能代劳。比如使用 Mac, 在 Safari 的表单中,它可以足
- 大家好,今天来学习用Flask API创建Python后台任务。在Python中,有若干解决方案可以实现后台任务,比如Celery或Redi
- 细心的人都会发现GitHub个人主页有一个记录每天贡献次数的面板,我暂且称之为贡献面板。就像下图那个样子。只要当天在GitHub有提交记录,
- 关于 pynput pynput 可以监控我们的键盘和鼠标。目前具有此类功能的库有很多,比如 pygame 等游戏库,但是当我们只需要
- 1、先检测系统是否自带原有版本mysql安装包,如果有要先卸载删除,不然不能成功安装和启动;# rpm -qa|grep mysql&nbs
- 前言项目开发中,产品经理提了这样一个需求:将系统中的附件实现批量打包下载功能。本来系统中是有单个下载及批量下载功能,现在应业务方的需求,需要
- Pygame是一个超好用的SDL绑定。自从有了Pygame,妈妈再也不用担心我内存泄漏了。但是这里有一个问题,Pygame的Movie模块已
- 这篇文章主要介绍了Python OpenCV视频截取并保存实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价
- 本文分析了PHP7新特性之抽象语法树(AST)带来的变化。分享给大家供大家参考,具体如下:这里大部分内容参照 AST 的 RFC 文档而成:
- 1、吃金币源码分享:import osimport cfgimport sysimport pygameimport randomfrom
- python中如何for循环把字符串添加到列表?实例:1.单个字符串用for循环添加到列表中:# 把L1中的字符串添加到列表alist里面L
- 通过当前排序字段获取相邻数据项1.业务场景(1)需要专门以一个弹窗页面展示一项数据的所有字段值.其中一些字段值长度较大。(2)能够左右切换上
- django在一个项目的目录结构划分方面缺乏必要的规范,因此不同人的项目组织形式也千奇百怪,而且也很难说谁的做法就比较好。我根据自己的项目组
- 说明Django 默认的用户表 auth_user 包含 id, password, last_login, is_superuser, u
- 如何分析程序运行所需时间及cpu的使用率?使用shell内置的time指令最常见的方式便是linux中内置的time指令,通过time go
- 很多朋友想用SQL2000数据库的编程方法,但是却又苦于自己是学ACCESS的,对SQL只是一点点的了解而已,这里我给大家提供以下参考---