网格系统与版式设计全攻略课件.ppt

栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 版面设计中的网格系统分三种类别： 水平构成 水平/垂直构成 倾斜构成 栅格系统与版式设计 水平构成（最简单的） 我们将最长的构成要素（横跨版面三个格子）按照其不同的放置位置来划分出三种处理方式。 1、长矩形放置在顶部位置 2、长矩形放置在底部位置 3、长矩形放置在内部位置 栅格系统与版式设计 水平构成 长矩形放置在顶部位置 主要考虑构成的基本方面 强调： 组合 虚空间 边长 轴列 要把最长的矩形放在顶部位置，挨住版面的顶边，或是非常接近。 栅格系统与版式设计 水平构成 长矩形放置在顶部位置评论A 这个设计少了内部的协调感。顶部留下了虚空间，感觉沉闷。许多要素没有组合，杂乱，并且底端没有很好的利用 把短矩形放置在长矩形上方并接触顶边，是虚空间被激活。同时下边的短矩形很好的进行了组合。 最后，将中矩形的行距缩小，减少了虚空间，最胖的短矩形沉底，使构成感觉更加开阔 栅格系统与版式设计 水平构成 长矩形放置在顶部位置评论B 与评论A有同样的问题，要素需要更紧密的组合，从而简化构成，而且内部的轴列也需要加强 两个中等矩形仍然是各自左右偏移，但它们变得更加紧密了，而且与两个小矩形也组合起来 最后，胖矩形也被安排在底端中部来固定构成，而且圆被放置在了中心，以强化中间一栏的轴列 栅格系统与版式设计 水平构成 长矩形放置在顶部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在顶部位置案例举例 栅格系统与版式设计 水平构成 长矩形放置在底部位置 主要考虑构成的控制和强调 强调： 三的法则 圆的位置 行距 底部是最稳定的放置位置，而且给所有其他要素都带来了稳定性。其他的要素可以在上面的空间里自由移动，因为稳定性已经存在下面了。 栅格系统与版式设计 水平构成 长矩形放置在底部位置评论A 这个设计已经具有一定的协调性了，后面的修改有意识的使用了三的法则，来寻求更好的协调性 三的法则表明，四个交点是最吸引人的焦点 这种处理是调整行距后以及圆的位置得到的改变结果 栅格系统与版式设计 水平构成 长矩形放置在底部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在底部位置案例举例 栅格系统与版式设计 水平构成 长矩形放置在内部位置 把所有的构成特性都融合在一起 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 最长矩形放在内部的位置是可变的，由于长矩形将版面分割成两个较小的矩形，如果没有其他的构成要素放置在它们中间，版面就会显得沉闷，看起来不舒服。这两个矩形至少要各放一个构成，整个空间才会被激活。 栅格系统与版式设计 水平构成 长矩形放置在内部位置评论A 这个构成有很好的内部排列，但是长矩形在顶部隔开了一个沉闷的空间。被隔开的这个虚空间不能利用的话就显得笨拙。而且整个构成底部沉重 两个小矩形被上移，激活了空间。 一个单独的构成要素，比如一个小矩形，也可以用来激活空间。作为一个孤立的构成要素，它会吸引相当的注意 栅格系统与版式设计 水平构成 长矩形放置在内部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在内部位置举例 把所有的构成特性都融合在一起 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 栅格系统与版式设计 水平构成案例 栅格系统与版式设计 水平构成案例 栅格系统与版式设计 水平/垂直构成 水平/垂直构成更加活泼，这是因为构成要素或横或竖的导向对比，以及虚空间的种种变化所致，文字要替代这些矩形要素，所以，观看顺序应该是设计师考虑的重要因素。 当文字代替矩形后就存在看文字是从顶部向底部，还是从底部向上部看这样的问题，阅读的次序取决于版式设计和眼睛围绕这个设计而转动。 当圆作为构成的中心时，它常常变成观看者眼中的支点。 栅格系统与版式设计 水平/垂直构成分4个系列 系列1：长矩形在顶部位置 系列2：长矩形在底部位置 系列3：长矩形在左边或者右边的位置 系列4：长矩形在内部的位置 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 阅读导向 栅格系统与版式设计 水平/垂直构成的旋转 每一个构成都可以通过旋转来产生三个新的构成 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 阅读导向 栅格系统与版式设计 水平/垂直构成的阅读导向 文字的阅读导向，不管是从底部向顶部还是反之，都需要和其他的要素相一致。 顺时针阅读