网络编程
位置:首页>> 网络编程>> 网页设计>> 抛砖引玉Web2.0设计指南(2)

抛砖引玉Web2.0设计指南(2)

作者:ximicc 来源:西米CC 发布时间:2008-06-30 12:49:00 

标签:web2.0,设计,教程

引言—— 简约:

接下来我们开始体验当前最流行的各种页面设计风格及要素,并为你分析为何它们每个都那么成功,最后当然是教你如何在自己的站点里使用它们了。如果要我用一个词来总结Web 2.0设计,我会选择”简约”。我觉得“简约”是未来设计的发展方向,当今这些简单、醒目、优雅的页面用更少的元素传递了更多的信息:

1.它让设计师能从网站的功能出发,避免用户被无用视觉元素干扰,引导用户一步步的使用这些功能;

2.它用更少的话去表达更多的含义,这样就要求每张图片都必须经过精心选择以达到所需要的效果;

3.它颠覆了我们无法预测用户需求的观点。

1.简约而不简单  朴素而不粗陋

页面设计比从前任何时候都简单了,这不是很好么?2.0就是意味着专注,干净,简洁,但这并不意味着简陋。

我真的很信仰简朴,可这并不意味着所有网站都应该尽可能简单化,只是我们应该让所有元素都物有所用,不要有多余的元素出现。我曾经写过一篇有关Occam’s Razor的文章,这是一个我经常使用的原则。用我的话来说就是:遇到一件有两个选择的事,简单的那个选择就是最好的。

这里有一些例子,注意其中那些不必要的元素是怎么被去除的。你会发现原来多余的元素是那么多,而那些多余的元素起到什么作用了么?比如让你的主题更鲜明了?结论就是你应该专注于内容,你将发现你是在制作程序员所需要的界面。很简单的方法,却得到了大家想得到的结果。

 

为什么简朴就很好?

• 网站是有功能目的的,所有的网页也都有自己的意义;

• 用户的注意力是一个有限的资源;

• 帮助用户找到他们所想要的(或者让他们感受到这个网站是干什么的),是设计师的责任;

• 越多的元素就需要用户去关注更多不同的东西,那么最重要的元素的被关注度就会下降;

• 所以我们需要加强主要信息的强度,用更少的元素去表述更多的含义,这就是经济又简朴的设计方式。

何时以及如何让你的设计变得简洁?

我们何时应该考虑简约的设计?答案是:时时刻刻!

这里有两个做到简朴的重要建议:

1.移除不必要的组件,以此提高页面阅读效率;

2.试试另一种既能达成目标,又更加简洁的方案。

当你在设计时,请将这句话当成一个教条来记住:移除所有不必要的视觉元素!特别关注那些与页面主题无关的地方,因为在那些地方添加视觉元素将会不可避免的吸引走用户的注意力。使用各种视觉符号——线条、语言、图形、颜色来表达所需表达的信息,而不仅仅是用来装饰。

这里有一个因为不够简洁而十分让人苦恼的例子。Yaxay的界面使用了很多元素,但是大多都是用来装饰的。只有很少的元素是用来让用户明白这个站点是用来干什么的:

看看有多少元素等着你去注意,其中又有多少是与实际的信息、导航、交互内容相关的呢?当涉及到有关信息资源的设计时Edward Tufte就是王道,他使用了这两个术语:一个是“信息体”,指能让传递信息的细节;第二个是”非信息体”,它们仅仅是细节的细节。

Tufte用来衡量一个设计是否高效的方法就是使用信息体评级法,信息体所占的比例越高,这个设计就越高效。就拿上面这个Yaxay的设计来说,它充斥着太多的”繁杂因素”,比如有很多的边界线,色彩变换,造型,线条……太多需要关注的细节了。但在这些细节中,真正有用的只有:

1.站点的Logo;

2.导航栏上的标签信息。

其余那些”繁杂信息”:背景中的那些图形、交互界面上的对角线、网格、斜角……都是干扰信息,都是“非信息体”,因为它们对网站和用户之间的沟通没有实质性的帮助。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com