快捷搜索:  汽车  科技

栅格数据的管理模式有(栅格系统在设计中的要点总结)

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

一、栅格的来源

二、什么是栅格

三、为什么要用栅格

四、栅格涉及的基本词

五、栅格在设计中的应用

六、主流网站如何使用栅格系统

七、如何用栅格系统布局页面

一、栅格的来源

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

栅格的定义为:栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格

栅格数据的管理模式有(栅格系统在设计中的要点总结)(1)

二、什么是栅格

栅格系统英文为“grid systems”,也有人翻译为“网格系统”,在二战后大受欢迎,已成为今日出版物设计的主流风格之一

定义:运用固定的格子,遵循一定的规则,进行页面的布局设计,使布局规范简洁有规则

印刷中也会用到栅格,但就本文而言,我主要想讨论的是用于PC和移动设备上的栅格系统设计

网页栅格:

包括网页端和移动端,是以规则的网格阵列来指导规范界面中的版面布局以及信息分布

三、为什么要使用栅格

设计师可以利用栅格让画面更有调性,让内容更具可读性;可以快速校准元素的位置,让画面更平衡;可以模块化地管理元素,让版面更有层次感

四、栅格涉及的基本词

栅格数据的管理模式有(栅格系统在设计中的要点总结)(2)

最小单位

需要先定好界面的单位基础,后续内容元素和布局规则都是基于它整数倍递增

网页端最小单位:10

移动端最小单位:3、4、5

栅格数据的管理模式有(栅格系统在设计中的要点总结)(3)

栅格数据的管理模式有(栅格系统在设计中的要点总结)(4)

栅格数据的管理模式有(栅格系统在设计中的要点总结)(5)

猜您喜欢: