基于网格的网页设计概念及实际应用案例(2)

来源:asp之家 时间:2010-03-30 14:59:00 

2、下载现成的网格模板

相比制作自己的网格,从网上下载一些标准的网格同样可以用来辅助网页设计,并且还省了你自己制作网格的很多时间。

当前最流行的网格可能就是960 grid system了。它是nathan smith制作的,允许你制作12、16、和24栏的布局。

这个项目是Smith

smith在谈到960grid system时说:”我只是简单地把这个网格系统分享给大家,如果有人从中获益,那再好不过了。”

这个下载包括了CSS ,HTML,Photoshop,Illustrator,InDesign等等文件。设计文档包括了很多有用的文档,它们用来建立整齐而且清爽的站点。

打破规则

在介绍了网格的基础知识之后,我们现在来打破这些规则。网格是把元素对齐的一非常好的方法,它让你的设计显得干净、整洁,而且用户友好。

然而,正如前面提到的,我们不能让网格禁锢了我们的灵感和创新。要勇敢地向网格以外的地方冒险,要创造一个基于网格的作品,不意味着任何东西都要对齐。

越出网格边界的元素会让作品看起来更加。。和流畅,而不是像表格那样死板和枯燥。

看看下面的例子,它们是应用960 grid system制作的,展示了网格可以是漂亮而不古板的。

标签:网格,网页设计,应用
0
投稿

猜你喜欢

  • Oracle 管道 解决Exp/Imp大量数据处理问题

    2009-07-12 18:31:00
  • 在ASP中用“正则表达式对象”来校验数据的合法性

    2010-05-27 12:25:00
  • W3C优质网页小贴士(三)

    2008-04-09 13:32:00
  • 用自定义html标签让IE支持html5新增元素

    2011-03-17 16:10:00
  • 番茄的js表单验证类

    2008-01-07 13:53:00
  • html注释所引起的一系列问题

    2008-11-04 13:23:00
  • 写给应聘页面重构的同学

    2009-03-18 11:01:00
  • 背景图片千万不要gzip压缩,尤其是PNG

    2009-06-19 12:42:00
  • 一个Access数据库数据传递的实例方法

    2008-11-28 16:24:00
  • SQL Server数据库备份出错及应对措施

    2009-04-20 17:02:00
  • 深入研究ASP中的Session

    2007-09-13 12:37:00
  • JavaScript在ASP页面中实现掩码文本框效果代码

    2013-06-01 19:57:23
  • javascript面向对象编程(二)

    2008-03-07 12:59:00
  • 大家都来设计创意XP黑屏!

    2008-10-25 14:59:00
  • MySQL数据库数据备份和恢复详解

    2009-07-15 10:51:00
  • mysql存储过程学习总结

    2011-07-04 12:03:53
  • 利用global.asa计划执行程序

    2008-03-05 12:49:00
  • 垂直栅格与渐进式行距(上)

    2009-04-01 18:30:00
  • 用Dreamweaver 4.0编制会议通知

    2010-10-20 20:06:00
  • ASP获取远程文件大小信息(通过header头信息)

    2010-03-11 21:25:00
  • asp之家 网络编程 m.aspxhome.com