广告设计师-栅格系统与版式设计.ppt

栅格系统与版式设计 倾斜版式的设计思路 倾斜版式构成是这一系列构成中最复杂的，构成要素可以被处理成导向一致或导向冲突，由此形成的空白空间都是三角形的。 3×3网格放置的位置可以变化，而且利用版面的四边能够创造出张力。 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 阅读导向 边线张力 栅格系统与版式设计 倾斜版式的设计思路 系列1：同一导向45° 栅格系统与版式设计 倾斜版式的设计思路 系列2：冲突导向/45°与45°导向 栅格系统与版式设计 倾斜版式的设计思路 系列3：同一导向/30°或60° 栅格系统与版式设计 倾斜版式的设计思路 系列4：冲突导向/30°与60°导向 栅格系统与版式设计 倾斜版式中张力 因为倾斜的动态性质，当倾斜靠近一条边时，构成中就会显现运动；而当圆变成一个起点或终点时，可以增强这种动态性质。 没有张力——构成放置在方形版面内，但浮在版面中间，版面四条边都是虚空间 张力出现在左上角 栅格系统与版式设计 倾斜版式中张力 张力出现在右边和底边 栅格系统与版式设计 倾斜版式中张力 圆放在底边，产生了张力 栅格系统与版式设计 45°的同一导向小样 45°倾斜矩形构成的虚空间是等腰三角形，而且视觉上对称。 45°顺时针和逆时针旋转产生的阅读导向是不一样的。顺时针旋转后的阅读导向稍微轻松一点。 栅格系统与版式设计 45°与45°的冲突导向小样 所谓冲突导向就是顺时针旋转和逆时针旋转的矩形组合在一起。由于虚空间被不同导向的构成要素所分割，这个构成也就更加复杂、有趣和活跃。虚空间由隐藏的三角形和频繁相交的矩形所组成 栅格系统与版式设计 30°与60°的同一导向小样 30°和60°倾斜构成出现的三角形动感比45°更强，因为它们的顶角角度更小，而且不对称 栅格系统与版式设计 30°与60°的冲突导向小样 顺时针旋转30°或60°与逆时针旋转30°或60°的矩形组合在一起。形成的效果与45°冲突导向是一致的。 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 倾斜版式案例 栅格系统与版式设计 版式设计的层次 对于所要表达的信息来说，所有的视觉传达都有一个层次顺序，即依据信息的重要性来安排它们的阅读顺序。 设计师在开始设计的时候必须为信息中的所有要素做出合理的层次顺序。其后就可以理性地运用视觉设计来体现和强化这个顺序。 栅格系统与版式设计 版式设计的层次 看一下： 行距 排列 栅格系统与版式设计 版式设计的层次 线段和抽象要素在层次中的使用 使用线段和抽像要素有三个原因： 强调、组织、平衡。 1、当发挥了抽象要素的这些功能时，它们就会增强并支持文字信息的意义。 2、当抽象要素不承担功能时，它就会变成装饰要素，并把注意力从有意义的文字信息那里吸引过来。 栅格系统与版式设计 水平构成 长矩形放置在底部位置评论A 这个设计已经具有一定的协调性了，后面的修改有意识的使用了三的法则，来寻求更好的协调性 三的法则表明，四个交点是最吸引人的焦点 这种处理是调整行距后以及圆的位置得到的改变结果 栅格系统与版式设计 水平构成 长矩形放置在底部位置评论B 这个设计也具有一定的协调性，后面的修订通过行距的变化，来寻求更好的协调性 缩紧行距就创造了两个由不同要素组成的截然不同的组合 把两组分得更开，使差异更大，胖矩形被分成三条，创造出更加不同的韵味 栅格系统与版式设计 水平构成 长矩形放置在底部位置替换为文字举例 栅格系统与版式设计 水平构成 长矩形放置在内部位置 把所有的构成特性都融合在一起 强调： 组合 虚空间 边长 轴列 三的法则 圆的位置 行距 最长矩形放在内部的位置是可变的，由于长矩形将版面分割成两个较小的矩形，如果没有其他的构成要素放置在它们中间，版面就会显得沉闷，看起来不舒服。这两个矩形至少要各放一个构成，整个空间才会被激活。 栅格系统与版式设计 水平构成 长矩形放置在内部位置评论A 这个构成有很好的内部排列，但是长矩形在顶部隔开了一个沉闷的空间。被隔开的这个虚空间不能利用的话就显得笨拙。而且整个构成底部沉重 两个小矩形被上移，激活了空间。 一个单独的构成要素，比如一个小矩形，也可以用来激活空间。作为一个孤立的构成要素，它会吸引相当的注意 栅格系统与版式设计 水平构成 长矩形放置在内部位置评论B 下面有沉闷的虚空间，这个虚空间笨重，感觉构成要素要飘到顶上去。 一个单独的圆便激活了这个虚空间，并且对版面起到了稳固的作用 多样的要素激活了虚空间，这个圆创造了张力，吸引了注意力 栅格系统与版式设计 水平构成 长矩形放置在内部位置替换为文字举例 栅格系统与版式设计 水