版式设计-栅格系统与版式设计辩析.ppt

栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 水平/垂直构成案例 栅格系统与版式设计 倾斜构成 可以安排30°、45°、60°的构成要素； 构成要素可以顺时针或逆时针的旋转。 栅格系统与版式设计 倾斜版式的设计思路 倾斜版式构成是这一系列构成中最复杂的，构成要素可以被处理成导向一致或导向冲突，由此形成的空白空间都是三角形的。 3×3网格放置的位置可以变化，而且利用版面的四边能够创造出张力。 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 阅读导向 边线张力 栅格系统与版式设计 倾斜版式的设计思路 系列1：同一导向45° 栅格系统与版式设计 倾斜版式的设计思路 系列2：冲突导向/45°与45°导向 栅格系统与版式设计 倾斜版式中张力 因为倾斜的动态性质，当倾斜靠近一条边时，构成中就会显现运动；而当圆变成一个起点或终点时，可以增强这种动态性质。 没有张力——构成放置在方形版面内，但浮在版面中间，版面四条边都是虚空间 张力出现在左上角 栅格系统与版式设计 倾斜版式中张力 张力出现在右边和底边 栅格系统与版式设计 倾斜版式中张力 圆放在底边，产生了张力 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 常用的编排数学原理 1、黄金分割原理 yy’为黄金分割线 栅格系统与版式设计 2、斐波那契数列： 1、1、2、3、5、8、13、21、34 3、根方二长方形 1.414 8/5＝1.6；13/8＝1.62 ------- 栅格系统与版式设计 * * * * * * * * 栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 水平构成（最简单的） 我们将最长的构成要素（横跨版面三个格子）按照其不同的放置位置来划分出三种处理方式。 1、长矩形放置在顶部位置 2、长矩形放置在底部位置 3、长矩形放置在内部位置 栅格系统与版式设计 水平构成 长矩形放置在顶部位置 主要考虑构成的基本方面 强调： 组合 虚空间 边长 轴列 要把最长的矩形放在顶部位置，挨住版面的顶边，或是非常接近。 栅格系统与版式设计 水平构成 长矩形放置在顶部位置评论A 这个设计少了内部的协调感。顶部留下了虚空间，感觉沉闷。许多要素没有组合，杂乱，并且底端没有很好的利用 把短矩形放置在长矩形上方并接触顶边，是虚空间被激活。同时下边的短矩形很好的进行了组合。 最后，将中矩形的行距缩小，减少了虚空间，最胖的短矩形沉底，使构成感觉更加开阔 栅格系统与版式设计 水平构成 长矩形放置在顶部位置评论B 与评论A有同样的问题，要素需要更紧密的组合，从而简化构成，而且内部的轴列也需要加强 两个中等矩形仍然是各自左右偏移，但它们变得更加紧密了，而且与两个小矩形也组合起来 最后，胖矩形也被安排在底端中部来固定构成，而且圆被放置在了中心，以强化中间一栏的轴列 栅格系统与版式设计 水平构成 长矩形放置在顶部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在顶部位置案例举例 栅格系统与版式设计 水平构成 长矩形放置在底部位置 主要考虑构成的控制和强调 强调： 三的法则 圆的位置 行距 底部是最稳定的放置位置，而且给所有其他要素都带来了稳定性。其他的要素可以在上面的空间里自由移动，因为稳定性已经存在下面了。 栅格系统与版式设计 水平构成 长矩形放置在底部位置评论A 这个设计已经具有一定的协调性了，后面的修改有意识的使用了三的法则，来寻求更好的协调性 三的法则表明，四个交点是最吸引人的焦点 这种处理是调整行距后以及圆的位置得到的改变结果 栅格系统与版式设计 水平构成 长矩形放置在底部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在底部位置案例举例 栅格系统与版式设计 水平构成 长矩形放置在内部位置 把所有的构成特性都融合在一起 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 最长矩形放在内部的位置是可变的，由于长矩形将版面分割成两个较小