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

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

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

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

如何选择你的栏数?

我强烈建议你不要使用超过三栏这个数目。但万事总有例外,所以我在这里列举几个使用了超过三栏却取得成功的例子,这也从某种程度上说明,所谓的设计并不是一定要遵循什么法则或规范,关键还是在于你的构思和创意,法则之外还是有很多方法能让你充分而准确的表达信息:

 

Derek Powazek的博客在主要位置使用了三栏布局,但是在底下却加入了四小栏。下面那些小栏目给人一种亲切随意的感觉,传达给你一种”想看什么就看什么”吧的感觉;

 

Popurls.com 拥有很多站外信息,比如来自digg或del.icio.us的链接。但是他在页面的主要位置仍然保持了三栏的配置。更妙的是,他在页面下方提供了一组来自Flickr的照片群。为什么放在这里很合适呢,因为当人们看到页面底部时,都是正想放松一下的时候,这样的布局让人感觉很亲切。

下面是一个失败的案例,All Things Web2.0使用了四栏布局,两列主内容和两列侧边栏:

 

纵观整张页面,你似乎不知道该从哪里开始浏览,因为至少在视觉上它里面没有很明显的关注点。网页中的内容在重要性上没有明显的差异,缺乏优先级暗示和指引,这在一定程度上也要归咎于那灰蒙蒙的背景色。

0
投稿

猜你喜欢

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