抛砖引玉Web2.0设计指南(2)
作者:ximicc 来源:西米CC 发布时间:2008-06-30 12:49:00
引言—— 简约:
接下来我们开始体验当前最流行的各种页面设计风格及要素,并为你分析为何它们每个都那么成功,最后当然是教你如何在自己的站点里使用它们了。如果要我用一个词来总结Web 2.0设计,我会选择”简约”。我觉得“简约”是未来设计的发展方向,当今这些简单、醒目、优雅的页面用更少的元素传递了更多的信息:
1.它让设计师能从网站的功能出发,避免用户被无用视觉元素干扰,引导用户一步步的使用这些功能;
2.它用更少的话去表达更多的含义,这样就要求每张图片都必须经过精心选择以达到所需要的效果;
3.它颠覆了我们无法预测用户需求的观点。
1.简约而不简单 朴素而不粗陋
页面设计比从前任何时候都简单了,这不是很好么?2.0就是意味着专注,干净,简洁,但这并不意味着简陋。
我真的很信仰简朴,可这并不意味着所有网站都应该尽可能简单化,只是我们应该让所有元素都物有所用,不要有多余的元素出现。我曾经写过一篇有关Occam’s Razor的文章,这是一个我经常使用的原则。用我的话来说就是:遇到一件有两个选择的事,简单的那个选择就是最好的。
这里有一些例子,注意其中那些不必要的元素是怎么被去除的。你会发现原来多余的元素是那么多,而那些多余的元素起到什么作用了么?比如让你的主题更鲜明了?结论就是你应该专注于内容,你将发现你是在制作程序员所需要的界面。很简单的方法,却得到了大家想得到的结果。
为什么简朴就很好?
• 网站是有功能目的的,所有的网页也都有自己的意义;
• 用户的注意力是一个有限的资源;
• 帮助用户找到他们所想要的(或者让他们感受到这个网站是干什么的),是设计师的责任;
• 越多的元素就需要用户去关注更多不同的东西,那么最重要的元素的被关注度就会下降;
• 所以我们需要加强主要信息的强度,用更少的元素去表述更多的含义,这就是经济又简朴的设计方式。
何时以及如何让你的设计变得简洁?
我们何时应该考虑简约的设计?答案是:时时刻刻!
这里有两个做到简朴的重要建议:
1.移除不必要的组件,以此提高页面阅读效率;
2.试试另一种既能达成目标,又更加简洁的方案。
当你在设计时,请将这句话当成一个教条来记住:移除所有不必要的视觉元素!特别关注那些与页面主题无关的地方,因为在那些地方添加视觉元素将会不可避免的吸引走用户的注意力。使用各种视觉符号——线条、语言、图形、颜色来表达所需表达的信息,而不仅仅是用来装饰。
这里有一个因为不够简洁而十分让人苦恼的例子。Yaxay的界面使用了很多元素,但是大多都是用来装饰的。只有很少的元素是用来让用户明白这个站点是用来干什么的:
看看有多少元素等着你去注意,其中又有多少是与实际的信息、导航、交互内容相关的呢?当涉及到有关信息资源的设计时Edward Tufte就是王道,他使用了这两个术语:一个是“信息体”,指能让传递信息的细节;第二个是”非信息体”,它们仅仅是细节的细节。
Tufte用来衡量一个设计是否高效的方法就是使用信息体评级法,信息体所占的比例越高,这个设计就越高效。就拿上面这个Yaxay的设计来说,它充斥着太多的”繁杂因素”,比如有很多的边界线,色彩变换,造型,线条……太多需要关注的细节了。但在这些细节中,真正有用的只有:
1.站点的Logo;
2.导航栏上的标签信息。
其余那些”繁杂信息”:背景中的那些图形、交互界面上的对角线、网格、斜角……都是干扰信息,都是“非信息体”,因为它们对网站和用户之间的沟通没有实质性的帮助。


猜你喜欢
- 什么是insert buffer? 插入缓冲,也称之为insert buffer,它是innodb存储引擎的关键特性
- python连接clickhouse数据库在Python中获取系统信息的一个好办法是使用psutil这个第三方模块。顾名思义,psutil
- 总结了部分所学、所听、所看、所问的一些CSS写作经验,书写高效的CSS - 漫谈CSS的渲染效率,它们与渲染效率及所占用
- 算法优缺点:优点:容易实现缺点:可能收敛到局部最小值,在大规模数据集上收敛较慢使用数据类型:数值型数据算法思想k-means算法实际上就是通
- numpy.where() 有两种用法:1. np.where(condition, x, y)满足条件(condition),输出x,不满
- 本文实例讲述了mysql多个left join连接查询用法。分享给大家供大家参考,具体如下:mysql查询时需要连接多个表时,比如查询订单的
- '****'函数名称: strReplace(Str)'函数功能: 过滤单引号'参数说明: Str 
- 1、问题描述:在学习北京大学曹健老师的tensorflow2.0笔记的时候,遇到了[Errno 2] No such file or dir
- 使用pandas导入csv文件内容1. 默认导入在Python中导入.csv文件用的方法是read_csv()。使用read_csv()进行
- 这篇文章主要介绍了python调用接口的4种方式代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的
- 一、概述OLAP的系统(即Online Aanalyse Process)一般用于系统决策使用。通常和数据仓库、数据分析、数据挖掘等概念联系
- ORCLE数据库备份策略 1.通过使用exp和imp命令实现数据库导出和导入。 有三种模式: a. 用户模式: 导出(导入)用户所有对象以及
- 今日使用 npm init webpack love 创建一个新项目,然后执行 npm run dev 之后项目报错,提示错误如下:没有给这
- 一个简单但功能比较完善的自动生成缩略图的函数,可以按需要对图片进行缩放、裁切、锁定宽或高、使用空白填充以下为源码,比较简单,相信很容易看明白
- 字符串查找基本操作主要分为三个关键词:find()、index()、count()。这三个用法相同,格式都是为:自定义字符串名.关键词(‘子
- 本文研究的主要是python模块之paramiko的相关用法,具体实现代码如下,一起来看看。paramiko模块提供了ssh及sft进行远程
- 本文实例为大家分享了python实现udp传输图片的具体代码,供大家参考,具体内容如下首先要了解UDP的工作模式对于服务器,首先绑定IP和端
- 绘制八个子图import matplotlib.pyplot as pltfig = plt.figure()shape=['.
- 0 引言前段时间找到了一个免费的天气预报API,费了好段时间把这个API解析并组装成自己想用的格式了,就想着如何实现每天发送天气信息给自己。
- 思路:利用栈实现代数式中括号有效行的的检验:代码:class mychain(object): #利用链表建立栈,链表为父类 length=