网络编程
位置:首页>> 网络编程>> 网页设计>> 提升设计品质的8个布局方案[译](6)

提升设计品质的8个布局方案[译](6)

作者:笨活儿 来源:笨活儿 发布时间:2010-03-18 16:06:00 

标签:设计,布局,网页设计,导航

6. 网格

讨论布局的文章是不可能避开网格不谈的。网格通常被认为是任何平衡、有序、简练的网页布局的基础。很多设计师都认为网格是处理信息容量很大的页面时
的必备武器。有时候单独使用网格就能很好的展示信息,甚至不需要其他技巧。好的网格能够将一个页面中的全部内容都整合进流动布局里,而内容的可读性,或者
如果用户想快速浏览,都不会受到影响。

下面的网站使用了严格的网格布局。整个站点只有一张页面,需要融入大量信息。不过,全部信息被整合进这整洁的两栏布局网格中。整个布局严谨、强健、稳固,留白恰到好处。浏览或仔细研读内容都非常方便。

使用不同背景区分网格区域

使用网格一般是因为你需要在一个很紧凑的区域内放置大量内容。你想要创建整洁有序的网站布局,但是又不能随意添加很多留白来区分区块。如此的话,你就需要使用不同背景来区分网格区域。没了网格间的大量留白,只要网格内还有少量的内边距,也可以看起来很不错。Valleycreek.org 就用了这种战术,尽管已经有一条细线来分割网格区域,背景色的差异还是被用到,以提供更明显的区分。

网格生成器、模版和更多工具

0
投稿

猜你喜欢

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