基于网格的网页设计概念及实际应用案例(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