当前位置:首页 > 网站教程 > 内容列表

创建整洁有序的内容布局的8个技巧(6)

点击次数:更新时间:2010-11-05 09:11:22【打印】【关闭】

6. 网格

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

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

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

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

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

 

空间、网站业务联系QQ:2429256177 邮箱:beescms@163.com
客服

工作时间

周一至周日

8:00 - 18:00

在线客服

点击这里给我发消息 BUG反馈

点击这里给我发消息 网站建设

点击这里给我发消息 域名空间

点击这里给我发消息 授权服务

点击这里给我发消息 售前咨询

点击这里给我发消息 意见反馈

点击这里给我发消息 销售客服

联系手机

18288433386

powerd by BEESCMS