网页的栅格系统设计
作者:青云 来源:Taobao.com UED Team 时间:2008-09-19 21:13:00
栅格系统的形成
1692年,新登基的法国国王路易十四感到法国的印刷水平强差人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方各单位,每个方各单位再分成36个小格,这样,一个印 刷版面就有 2304个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的编排,试验传达功能的效能,这是是世界上最早对字体和版面进行科学实验的活动,也 是栅格系统最早的雏形。
栅格系统英文为“grid systems”,也有人翻译为“网格系统”,其实是一回事。不过从定义上说,栅格更为准确些,从 * 查到栅格的定义为:栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。
网页设计中的栅格系统
我给网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。
栅格系统在现在的网页设计中应用越来越多,从网络上搜罗了一篇关于栅格系统应用的文章:30个最顶尖的基于栅格系统的博客网站设计。
标签:栅格,设计,网页
0
投稿
猜你喜欢
form 元素内的字段 name 不要跟 form 属性名称一致
2008-10-22 13:25:00
如何以及何时使用sIFR
2008-03-07 12:38:00
用来武装Firefox的24款Web开发插件
2010-02-28 12:40:00
JavaScript性能优化小技巧,创建文档碎片
2010-03-31 18:27:00
php获取文件扩展名的3种方法实例
2023-05-25 02:15:51
这些有问题的细节设计
2009-04-20 12:47:00
是在客户端确认还是在服务器端确认?
2010-07-14 21:05:00
也谈access数据库的防下载保护
2007-08-28 13:01:00
ASP编程常用的分页代码
2007-09-11 13:57:00
DWCS3-CSS布局之一CSS规则大纲
2008-06-11 18:48:00
如何把一个Excel文件放到ASP页面中去?
2009-11-07 17:54:00
让SQL Server数据库自动执行管理任务(一)
2009-03-20 10:35:00
多级联动下拉选择框,动态获取下一级
2008-09-04 10:34:00
MySQL数据库数据备份和恢复详解
2009-07-15 10:51:00
asp不用DSN也能连接EXCEL吗?
2009-10-29 12:25:00
通过优化CSS代码 减小对系统资源的占用
2010-08-03 12:33:00
讲解Access数据库中数据表的自动重新联接
2008-11-28 16:29:00
asp下用fso和ado.stream写xml文件的方法
2011-04-07 10:55:00
通过XSL转换XML文件步骤
2008-01-27 16:03:00
几个图片按比例缩放的代码
2008-02-13 08:51:00