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