1、版式设计,数字媒体专业群教学资源库项目组,网格是现代版面设计中的重要元素之一。网格最重要的作用就是约束版面,使版面就有次序感和整体感,合理的网格结构能够帮助设计者在设计时掌握明确的版面结构,这一点在文字的编排中尤为重要。,网格的定义和特点 版式设计中网格的重要性,网格的定义 及特点,网格的类型,对称式网格单栏对称式网格双栏对称式网格三栏对称式网格多栏对称式网格对称单元格网格 非对称式网格非对称栏状网格非对称单元格网格 基线和成角网格,利用页面比例建立网格(德国) 利用单元格建立网格(Fibonacci),多语言网格编排 说明式网格编排 数量信息网格编排 打破网格,网格的建立,网格的编排,网格的
2、类型 非对称式网格,非对称网格,是指在版式设计中虽然左右两页的版面采用了相同的编排方式,但是栏与栏之间的宽窄对比发生变化,在页面的整体性方面不再对称,而是出现偏左或偏右的倾向。,网格的类型 非对称式网格非对称单元格网格,4.2,非对称式单元格网络从非对称式网格中演变而来,在单元格中可以根据需要调整文字与图片的位置和大小,同时还可以合并几个单元格,将内容放置在合并后单元格中。严格按照单元格大小进行排列,并选择出最适合的版面编排方式。,非对称单元格网格是与单元格为基础的网格设计。使用非对称单元格可以很轻松的找到防止图片和文字的位置。设计师只需要将图片或文字放置在一个或多个单元格中,即可完成版面的编
3、排了。,网格的类型 非对称式网格非对称单元格网格案例,4.2,在单元格中进行排版,去掉单元格,观察效果,1,网格的类型 非对称式网格非对称单元格网格案例,4.2,在单元格中进行排版,去掉单元格,观察效果,2,网格的类型 非对称式网格非对称单元格网格案例,4.2,此版面设计中,图片和文字的尺寸、大小以及位置都不相同。但是整体却并没有给人以杂论无章的感觉,反而显得版面整体感较强,负有一定韵律。,3,网格的类型 非对称式网格非对称单元格网格案例,4.2,利用非对称单元格网格编辑大量的文字和图片时,我们可以通过各种排列组合方式,得到多种多样的版面形态。在单元格的控制下,可以通过单元格合并等方式灵活地调整文字和图片的大小以及位置,使得版面丰富多彩而不显杂乱。,此杂志的版面采用了非对称网格设计。左栏比右栏较宽,使得整个界面张中有弛。,4,