网络编程
位置:首页>> 网络编程>> 网页设计>> 网页设计中的对比原则与接近性原则(5)

网页设计中的对比原则与接近性原则(5)

  发布时间:2010-03-30 14:51:00 

标签:网页设计,对比,原则

把关联项在视觉上进行分组

留白只是实现接近原则的一方面。一件设计作品中可以有很多的留白,但如果没有将其正确地分组,就会效果甚微,看看下面的两张名片:

左面那张有很多的留白,并不显得杂乱。但因为没有将个元素进行逻辑上的分组,使留白的效果很不明显,读者不得不看上好几遍。右面那张则在视觉上更加友好,读者一眼就能看明白。

右面那张名片中各元素的分组也更有逻辑性。上半部分包含了大字体的公司名称,其后跟着是公司地址。下半部分告诉我们如何联系他们以获得他们的服务(如:电话号码和站点地址)。

这个例子说明了接近原则在印刷设计中的重要性,它对于Web设计也同样适用,正如下面的截图。

Arora Designs 的站点尽管不怎么复杂也没有包含那么多的信息,但它却很有效地使用留白对元素进行了逻辑分组。这里要注意的是所谓“留白”并不一定是白色,留白可以是元素间的任何空白区域,而不考虑其颜色。

在Arora Designs这个例子中,尽管留白不是白色,但它仍然起到了将头部、导航和内容区分离的作用。

0
投稿

猜你喜欢

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