网页的栅格系统设计

作者:青云 来源:Taobao.com UED Team 时间:2008-09-19 21:13:00 

栅格系统的形成

1692年,新登基的法国国王路易十四感到法国的印刷水平强差人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方各单位,每个方各单位再分成36个小格,这样,一个印 刷版面就有 2304个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的编排,试验传达功能的效能,这是是世界上最早对字体和版面进行科学实验的活动,也 是栅格系统最早的雏形。

栅格系统英文为“grid systems”,也有人翻译为“网格系统”,其实是一回事。不过从定义上说,栅格更为准确些,从 * 查到栅格的定义为:栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。

网页设计中的栅格系统

我给网页栅格系统下的定义为:以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。

栅格系统在现在的网页设计中应用越来越多,从网络上搜罗了一篇关于栅格系统应用的文章:30个最顶尖的基于栅格系统的博客网站设计

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

猜你喜欢

  • PHP Ajax JavaScript Json获取天气信息实现代码

    2023-11-20 20:51:27
  • DB2和 Oracle的并发控制(锁)的比较

    2009-02-28 10:29:00
  • TensorFlow2.0使用keras训练模型的实现

    2023-08-30 09:25:49
  • python图像常规操作

    2022-12-28 18:21:52
  • Python 实现将大图切片成小图,将小图组合成大图的例子

    2023-05-23 18:08:36
  • 指导:SQL Server无日志恢复数据库

    2009-02-20 17:07:00
  • “你帮我把这个做成这个样子!”—当我听到这句话

    2009-04-16 12:57:00
  • mysql重复索引与冗余索引实例分析

    2024-01-25 11:52:53
  • Tableau连接mysql数据库的实现步骤

    2024-01-21 20:50:41
  • Python练习之操作SQLite数据库

    2024-01-22 03:23:39
  • 如何修改Linux的下MySQL 5.0的默认连接数

    2012-01-29 18:07:04
  • 一文初探Go语言中的reflect反射包

    2024-02-07 01:31:51
  • 不用script仅用css编写无限级弹出菜单

    2008-04-24 14:03:00
  • Python Web版语音合成实例详解

    2021-11-28 04:37:20
  • Can''t connect to MySQL server on localhost (10061)解决方法

    2024-01-22 00:25:02
  • PHP伪协议基本原理介绍

    2023-05-30 00:24:11
  • asp中如何对ip段进行过滤限制

    2007-09-17 11:14:00
  • Go高级特性探究之对象比较详解

    2024-04-26 17:26:59
  • 用python生成mysql数据库结构文档

    2021-05-15 12:04:33
  • 百度、谷歌和雅虎的近日LOGO

    2008-05-19 12:11:00
  • asp之家 网络编程 m.aspxhome.com