版式的视觉流程培训教材

1、版式设计版式设计版式的视觉流程版式的视觉流程曲线视觉流程曲线视觉流程2重心视觉流程重心视觉流程3单向视觉流程单向视觉流程1反复视觉流程反复视觉流程4导向视觉流程导向视觉流程5散点视觉流程散点视觉流程6版式设计版式设计版式的视觉流程版式的视觉流程一、单向视觉流程一、单向视觉流程 示示 例例下一张下一张版式设计版式设计版式的视觉流程版式的视觉流程二、曲线视觉流程二、曲线视觉流程 示示 例例下一张下一张版式设计版式设计版式的视觉流程版式的视觉流程三、重心视觉流程三、重心视觉流程 示示 例例下一张下一张版式设计版式设计版式的视觉流程版式的视觉流程四、反复视觉流程四、反复视觉流程示示 例例下一张下一张版

2、式设计版式设计版式的视觉流程版式的视觉流程五、导向视觉流程五、导向视觉流程 示示 例例下一张下一张版式设计版式设计版式的视觉流程版式的视觉流程六、散点视觉流程六、散点视觉流程 示示 例例下一张下一张版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张骨格式骨格式版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张满版式满版式版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张上下分割型上下分割型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张左右分割型左右分割型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张中轴型中

3、轴型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张曲线型曲线型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张倾斜型倾斜型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张对称型对称型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张重心型重心型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张三角型三角型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张并置型并置型版式设计版式设计版式设计的类型版式设计的类型示示 例例下一张下一张自由型自由型版式设计版式设计版式设计的类型版式设计的类型示示

4、例例下一张下一张四角型四角型版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张作业：作业：1 1、任选版面设计的编排类型，做四、任选版面设计的编排类型，做四张不同风格的版式设计。张不同风格的版式设计。2 2、不同的视觉流程设计三张。、不同的视觉流程设计三张。版式设计版式设计图形的编排设计图形的编排设计示示 例例下一张下一张一、图形的分类：一、图形的分类：二、图形在编排中的形式：二、图形在编排中的形式：三、形状图形、形态图形编排构成方式三、形状图形、形态图形编排构成方式方形图方形图去底图去底图出血图出血图形状图形形状图形形态图形形态图形骨格式骨格式满版式满版式中轴式中轴式

5、曲线式曲线式倾斜式倾斜式对称式对称式三角式三角式重心式重心式并置式并置式自由式自由式四角式四角式上下分割式上下分割式左右分割式左右分割式版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张v 1 1、形状图形、形状图形（1 1） “ “形状形状” ” 一般是指平面的形，限于二次元的形，即只一般是指平面的形，限于二次元的形，即只具有长度和宽度。具有长度和宽度。 形状是由轮廓或界线所包围的。如形状是由轮廓或界线所包围的。如“球球”，它的形状是圆，它的形状是圆形，则圆形就我们称为的形，则圆形就我们称为的“形状形状”。 （2 2）形状包括）形状包括“几何形状几何形状”和和“不规则形状不规则形

6、状”。 “ “几何形状几何形状”是能利用制图仪器绘制的形，如正方形、圆是能利用制图仪器绘制的形，如正方形、圆形、形、 三角形、长方形、椭圆形等。三角形、长方形、椭圆形等。 “ “不规则形状不规则形状”是指轮廓弧线呈现自由形式的形状，一般是指轮廓弧线呈现自由形式的形状，一般不规则形状是自然形成的。不规则形状是自然形成的。版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张v 2 2、形态图形、形态图形 v “ “形态形态” ” 与与“形状形状”都具有长度与宽度，但是形态还具都具有长度与宽度，但是形态还具有深度，是三度空间的形

7、体。有深度，是三度空间的形体。v 形态亦分为形态亦分为“几何形态几何形态”和和“不规则形态不规则形态”两种。两种。版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张方形图：方形图：以直线边框来规范和限制的图形以直线边框来规范和限制的图形版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张去底图去底图：沿图像边缘剪裁而保留轮廓分明的图：沿图像边缘剪裁而保留轮廓分明的图形。此图形在编排中显得轻松、活泼，动态。形。此图形在编排中显得轻松、活泼，动态。版式设计版式设计版式设计概述版式设计概述示示 例例下一张下一张出血图

8、出血图：即将图形充满版面，无边框，有向外扩张和舒展之势。：即将图形充满版面，无边框，有向外扩张和舒展之势。版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张对比与调和对比与调和2对称与均衡对称与均衡3单纯与秩序单纯与秩序1节奏与韵律节奏与韵律4虚实与留白虚实与留白5版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张一、单纯与秩序一、单纯与秩序 版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张二、对比与调和二、对比与调和 版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张三、对称与均衡三、对称与均衡

9、 四平八稳的均衡呆板单调，四平八稳的均衡呆板单调，毫无生趣。不讲究均衡，则毫无生趣。不讲究均衡，则会产生不稳定、不可靠、不会产生不稳定、不可靠、不安全的印象。只有在有动态安全的印象。只有在有动态的情况下，在有变化中谈均的情况下，在有变化中谈均衡，才生动有趣。如何在变衡，才生动有趣。如何在变化的动态中取得均衡呢？就化的动态中取得均衡呢？就是在偏重一方的另一侧去进是在偏重一方的另一侧去进行调节，如同在倾斜向一侧行调节，如同在倾斜向一侧的天平的另一方加码一样。的天平的另一方加码一样。版式设计版式设计版式设计的形式法则版式设计的形式法则示示 例例下一张下一张四、节奏与韵律四、节奏与韵律 另：人的身姿体态可以表另：人的身姿体态可以表达某种意念，同时会使人达某种意念，同时会使人产生各种联想，这就是身产生各种联想，这就是身体语言。犹如舞蹈语汇通体语言。犹如舞蹈语汇通过动作传达意念一样，在过动作传达意念一样，在广告中利用图片中的身体广告中利用图片中的身体语言，来补充文字所无法语言，来补充文字所无法表达的一些意向和理念，表达的一些意向和理念，从而使广告达到更高境地。从而使广告达到更高境地。版式设计版式设计版式设计的形