6. 网格
讨论布局的文章是不可能避开网格不谈的。网格通常被认为是任何平衡、有序、简练的网页布局的基础。很多设计师都认为网格是处理信息容量很大的页面时 的必备武器。有时候单独使用网格就能很好的展示信息,甚至不需要其他技巧。好的网格能够将一个页面中的全部内容都整合进流动布局里,而内容的可读性,或者 如果用户想快速浏览,都不会受到影响。
下面的网站使用了严格的网格布局。整个站点只有一张页面,需要融入大量信息。不过,全部信息被整合进这整洁的两栏布局网格中。整个布局严谨、强健、稳固,留白恰到好处。浏览或仔细研读内容都非常方便。
使用不同背景区分网格区域使用网格一般是因为你需要在一个很紧凑的区域内放置大量内容。你想要创建整洁有序的网站布局,但是又不能随意添加很多留白来区分区块。如此的话,你就需要使用不同背景来区分网格区域。没了网格间的大量留白,只要网格内还有少量的内边距,也可以看起来很不错。Valleycreek.org 就用了这种战术,尽管已经有一条细线来分割网格区域,背景色的差异还是被用到,以提供更明显的区分。
网格生成器、模版和更多工具
|