第四章：型录设计的版面设计技法
教学目的：
1、了解视觉流程八种常见的流程；
2、了解图文关系，准确处理图文之间的主次关系；
3、掌握图文版面设计的四种基本版式和形式法则；
教学方法:以实践为主，采用多媒体讲授、結合学生实际情況進行辅导。

教学重点：版面设计的版面构图设计技巧
教学难点：版面设计技法
教学过程：
第一节视觉流程
所谓视觉流程，就是人的视觉在接受外界信息时的流动程序。

这是因为人的视野极为有限，不能同时感受所有的物象，必须按照一定的流动顺序进行运动来感知外部环境。

视觉流程主要在于诱导视线随着设计元素的有序组织，完成设计本身的信息传达功能。

视觉流程没有一条具体的线路，而是设计师利用各个组成部分的相互联系、相互作用，创造出一个富有哲理的视觉环境，主观控制设计的内容与形式的相关联的各种元素，重新整理、组合，使其脉络清晰、形成统一的整体。

通常视觉流程可以分为单向视觉流程、斜线视觉流程、曲线视觉流程、导向视觉流程等几种形式。

一、单向视觉流程
单向视觉流程一般按照常规的视觉习惯从左至右或从上到下，引导读者视觉随编排中的各种信息，由主到次富有逻辑性地、有序快速地观看。

其特点是传达速度快，给人简洁有力感，适合客观、理性的内容。

根据视觉观察方向还可具体分为竖向视觉流程、横向视觉流程。

1. 竖向视觉流程
竖向线的流程在版面中由于有一条或多条竖线贯穿版面上下,牵引着人们的视线上下来回地浏览,给人坚定、直观、顺畅的感觉。

2. 横向视觉流程
横向视觉流程引导人们的视线左右移动,给人稳定、恬静、条理性的感觉。

二、斜线视觉流程
斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。

三、曲线视觉流程
曲线视觉流程是由视觉要素随弧线或回旋线运动而形成的。

它不如直线视觉流程直接简明，但更具流畅的美感。

版面的曲线视觉导向寓意深刻、构成丰富，具有无限变化,能使形式与内容达到完美的结合。

曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形(c形)视觉流程：有扩张感和方向感；回旋形(s形)视觉流程：两个相反的弧线产生矛盾回旋，在平面中增加深度和动感。

四、导向视觉流程
在型录设计中，设计者通过诱导元素，使读者的视线按一定的方向顺序运动，由大到小、由主到次，把版面各构成要素依序串联起来，组成一个整体，使重点突出，条理清晰，发挥最大的信息传达功能，形成最具活力、最有动感的流畅视觉因素。

其表现形式主要有以下四种：文字视觉流程、手势视觉流程、指示视觉流程、视线视觉流程。

1. 文字视觉流程
借助文字的导向因素编排版面的视觉流程。

它也是平面设计中最为普遍的一种。

2. 手势视觉流程
手势的导向是设计师所经营的视觉导向主题,轻松自然、生动有趣。

3．指示视觉流程
例如运用铅笔或路线所示方向,令视线导向主题方向，形成醒目、强劲的视觉冲击力。

4. 视线视觉流程
视线导向以眼神为引导元素，把读者的视线引向主题,有效地提高了美感和注意力。

当然，型录版面中有时并无明显的导向元素，但读者仍能从中感觉到视觉流程的存在。

五、散点视觉流程
指版面上图与图、图与文字间成自由分散状态的编排。

强调感性、自由随机性、偶合性、空间感和动感。

追求新奇、刺激的心态，常表现为较随意的编排形式。

六、重心视觉流程
违背视觉流程的规律，文字与图形把版面的重心引向上方或下方、异常出位。

但从整体布局来看，具有一种与众不同、标新立异的独特魅力。

七、反复视觉流程
把相同或相似的版面视觉要素进行重复地、有规律地排列，使其产生有秩序
的节奏韵律，从而起到加速视觉流动的功效。

八、重复视觉流程
相同或相似的视觉要素作规律、秩序、节奏的逐次运动，虽然视觉效率不如单向、曲线和重心强烈，但更有秩序美与韵律美。

第二节图文关系
一、文字服从图形
在型录版面中，当图形成为创意和视觉的主要中心时，文字就要围绕图形编辑，而不能与之发生视觉上的冲突。

文字在编排时，要善于与图形的动势保持一致，来符合版面的视觉流程，或与图形成呼应，起着稳定构图的作用。

文字编排的时候，要善于分析画面。

在一些版面中，通常只有一个位置是最适合排列文字的，这样的文字排列不仅仅要看图形的实空间，还要看空白的虚空间，恰到好处的文字排列往往能起到连接虚实空间的作用。

二、图文并置
图文并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

型录设计中的图文并置是将所有的视觉元素置于与画面平行的不同层面上。

这样，文字和图形是分开的，文字可以在图中，读者的视线在图形和文字之间来回移动，读图的同时也在读文。

三、图文相融
图形和文字经常会融合为一体，文字也就成为图形的一部分，成为型录版面中重要的视觉元素。

在这样的版面中，图形要结合文字的笔画特征作灵活处理，文字也要适应图形的形态和质感，它们之间的大小比例、动态关系要相互呼应以达到完美的结合。

四、网格
网格是一种包含一系列等值空间(网格单元)或对称尺度的空间体系。

它在形式和空间之间建立起一种视觉和结构上的联系。

形式和空间的位置及其相互关系通过二维网格被限定下来。

网格的构图能力来自于所有元素之间的规则性和连续性，它能够决定一个页面上元素的零散或整齐程度、页面上插图和文字的比例，建立连续的秩序或参考区域，从而产生普遍联系。

作业：运用版面设计的视觉流程及图文关系的知识，设计公益招贴一幅。

考试内容：利用单向视觉流程的知识，制作个性画册封面。