网页的栅格系统设计
作者：青云 来源：Taobao.com UED Team 发布时间：2008-09-19 21:13:00
标签：栅格,设计,网页
栅格系统的形成
1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印 刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也 是栅格系统最早的雏形。
栅格系统英文为“grid systems”，也有人翻译为“网格系统”，其实是一回事。不过从定义上说，栅格更为准确些，从 * 查到栅格的定义为：栅格设计系统（又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格），是一种平面设计的方法与风格。运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。
网页设计中的栅格系统
我给网页栅格系统下的定义为：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。
栅格系统在现在的网页设计中应用越来越多，从网络上搜罗了一篇关于栅格系统应用的文章：30个最顶尖的基于栅格系统的博客网站设计。
0
投稿猜你喜欢
教育信息化时代，考试成绩也要求上网公布。一次我将考试成绩制作成一个HTML文件，如图1所示，领导审查的意见是“将成绩按名次排列”，可是所有的- 最近碰到一个mysql5数据库的问题。就是一个标准的servlet/tomcat网络应用，后台使用mysql数据库。问题是待机一晚上后，第二
- 在使用SQL Server 的过程,中由于经常需要从多个不同地点将数据集中起来或向多个地点复制数据,所以数据的导出,导入是极为常见的操作.我
- 做为一个编程爱好者，也作为一个小站长（asp之家），中国站长站（www.chinaz.com）我时不时的都会去灌一下。当然发现好的文章我也不
- 一、ASP中处在双引号中的可以是任意的字符、字符串，HTML代码1.<％response.write ("I&nb
- 1.基本结构 create OR REPLACE PROCEDURE存储过程名字 ( 参数1 IN NUMBER, 参数2 IN NUMBE
- 环境准备好了!我们怎么使用这些东东?IIS用组件初始化是用这个过程Public Sub OnStartPage给个使用asp组件的例子:数字
- 1．建立Recordset对象 代码如下:Dim objMyRst Set objMyRst=Server.C
- 有时候希望可以用js另开新窗口，但用window.open方法打开窗口总是被浏览器阻止，可以用下面的方法打开新窗口而不会遭到拦截1.新添加一
- MooTools 1.2介绍原文地址：30 Days of Mootools 1.2 Tutorials - Day 1 - Intro t
- 段落已经讲完了，那么一些基本的应用方式也讲了一些，那么是否已经应用了呢？当然应用可以更为丰富，那么这些就需要自己在实际工作中不断的摸索与思考
- 表格(Table)可读性提升的系统总结，包括“行列组织关系模糊、单元格内容不清晰”两大方面...前边写了个大框架，好像有点笼统，因为没有各点
- Variant变量一般会将其代表的数据子类型自动转换成合适的数据类型,但有时候,自动转换也会造成一些数据类型不匹配的错误.这时,可使用转换函
- 一、介绍QQ空间相册的个性化利器，能对照片进行效果的优化、文字编辑等等。从设计上使用了创新的手法，尽量减少用户的思考。其中，通过界面的特殊表
- 一直以来，Web 字体背着单调的恶名，因为想在网页上显示一种字体，该字体文件本身必须存在于用户的电脑中，由于这个限制，加上 Web 用户可能
- 在Windows环境下，经常遇到系统Over的情况，如果你在新装了系统和SQL Server 2005后，需要把SQL Server2000
- 前段时间在开发雨哲树网程序的时候，遇到需要转换地址中的参数，需要用到简单可逆运算的加密功能。在网上找了很多都不理想。因为我需要的这个可逆运算
- SQL Server 2008的一些新特点及独到之处：设置和安装SQL Server 2008的设置和安装也有所改进。配置数据和引擎位已经分
- sql exist的妙用create table b(a varchar(10),b varchar(10),c varchar(10))i
- 人们对于产品设计这类事情，往往容易眼高手低，在宇宙层面上夸夸其谈，却落不了地，只能飘着。真正到了自己动手的时候，才会发现问题很多，实践和理论
