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

版式设计 -------网格系统与构图原理
网格系统与版式设计
版式设计离不开网格系统，但版式又可以分为网格型和网格自由型，我们今天要学习的就是网格型的版面设计。
版式设计不仅提供阅读的信息，而且是一篇文章中由行列织成的肌质。
在字行中间时，它就隔开了字行，同时对字行起到组织作用。
圆远离文字时，在观看版面时，它就吸引目光，同时控制视觉流程，可以起到使构成趋向平衡的作用。
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
平衡放置和轴的支点
当圆的放置显示了它额网格的联系，就产生了一种视觉平衡，从结构的四周来看，这个圆也是轴的支点
激活空间
当圆在狭窄的空白位置中占据了一个位置时，这个空间变得活跃起来，产生一种强烈的不对称感，试版面视觉上更有趣味
栅格系统与版式设计
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
张力
当圆放在与其他构成要素非常接近的位置时，就出现了视觉张力
张力
当圆靠近一个近90度的角上，就会强化形状和张力的对比
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
栅格系统与版式设计
圆与构成
圆潜在的功能：
激活空间
轴的支点
张力
起点或停留点
组织
平衡
栅格系统与版式设计
版面设计中的网格系统分三种类别：
水平构成
水平/垂直构成
倾斜构成
栅格系统与版式设计
版面设计中的网格系统分三种类别：
水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
版面设计中的网格系统分三种类别：
水平构成 水平/垂直构成 倾斜构成
栅格系统与版式设计
水平构成（最简单的）
我们将最长的构成要素（横跨版面三个格子）按照其不同的放置位置来划分出三种处理方式。
1、长矩形放置在顶部位置
2、长矩形放置在底部位置
3、长矩形放置在内部位置
栅格系统与版式设计
水平构成 长矩形放置在顶部位置
主要考虑构成的基本方面
强调：
组合
虚空间
边长
轴列
要把最长的矩形放在顶部位置，挨住版面的顶边，或是非常接近。
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论A
这个设计少了内部的协调感。顶部留下了虚空间，感觉沉闷。许多要素没有组合，杂乱，并且底端没有很好的利用
把短矩形放置在长矩形上方并接触顶边，是虚空间被激活。同时下边的短矩形很好的进行了组合。
最后，将中矩形的行距缩小，减少了虚空间，最胖的短矩形沉底，使构成感觉更加开阔
栅格系统与版式设计
水平构成 长矩形放置在顶部位置评论B
与评论A有同样的问题，要素需要更紧密的组合，从而简化构成，而且内部的轴列也需要加强
两个中等矩形仍然是各自左右偏移，但它们变得更加紧密了，而且与两个小矩形也组合起来
最后，胖矩形也被安排在底端中部来固定构成，而且圆被放置在了中心，以强化中间一栏的轴列
栅格系统与版式设计
水平构成 长矩形放置在顶部位置替换为文字举例
栅格系统与版式设计
水平构成 长矩形放置在顶部位置案例举例
栅格系统与版式设计
水平构成 长矩形放置在底部位置
主要考虑构成的控制和强调
强调：
三的法则
圆的位置
行距
底部是最稳定的放置位置，而且给所有其他要素都带来了稳定性。其他的要素可以在上面的空间里自由移动，因为稳定性已经存在下面了。
栅格系统与版式设计
水平构成 长矩形放置在底部位置评论A
这个设计已经具有一定的协调性了，后面的修改有意识的使用了三的法则，来寻求更好的协调性
三的法则表明，四个交点是最吸引人的焦点
这种处理是调整行距后以及圆的位置得到的改变结果
栅格系统与版式设计
水平构成 长矩形放置在底部位置替换为文字举例
栅格系统与版式设计
水平构成 长矩形放置在底部位置案例举例
栅格系统与版式设计
水平构成 长矩形放置在内部位置
把所有的构成特性都融合在一起
强调：
组合
虚空间
边长
轴列
三的法则
圆的位置
行距
最长矩形放在内部的位置是可变的，由于长矩形将版面分割成两个较小的矩形，如果没有其他的构成要素放置在它们中间，版面就会显得沉闷，看起来不舒服。这两个矩形至少要各放一个构成，整个空间才会被