《编排设计》教案

《编排设计》教案 清华大学美术学院基础部 课程介绍 本课程是艺术设计（视觉传达设计）本科专业必修课程。编排设计是清华美院的重要组成部分，也是视觉传达的重要手段。它是将文字、插图、照片、图形、标志等视觉元素给予有机的整理与配置，并作总体的安排和布局，将理性思维个性化展示出来。

学习目的 通过本课程的学习，其目的就是对各个平面媒介中的不同编排和版面进行整体编排设计，从而掌握编排设计的基本原则和编排设计的基本形式法则，使设计的版面效果引人注目、生动。以便在后续课程中有能力完成具有美感的版式设计作业。

课程重点 课程重点在于对编排设计的规律和方法进行认知与实践。

课程难点 课程难点是协调版面构成中的造型要素、版面构成的形式原理、文字、图片、图形。

第一章 编排设计的基本概念及发展史 第一节 认识编排设计 提到编排你想到了什么？ 这里向学生提问，以此传递几个知识点。

1、编排设计实际是一个比较宽泛的概念，比版面设计和版式设计更为全面，因为版面和版式设计多应用于平面媒介，而编排设计不仅仅拘泥于平面领域；

2、提到编排首先会想到书籍、杂志或报纸，这一点非常自然，因为编排设计源于书籍。文字的产生促进的书籍的发展，而书籍的发展则带来了编排的不断革新与进步。

一、基本概念 在设计活动中，根据主题表达的要求，在规划的版面空间中将编排设计的各种要素按照一定的形式原理进行有机的组合排列与编排的一种设计表现方法。

编排设计担负着双重使命，一是信息传达的重要媒介，二是使读者通过阅读编排美的遐想与共鸣。

通俗地说，编排设计就像一部电影的导演，把选用演员、道具、场景、摄影等进行统筹安排，最后呈现在观众面前一部视觉作品，最终通过作品传递一定的主题思想。

二、编排设计的目的与意义 编排设计的目的与意义包含两个方面。

第一，将平面的主要视觉元素——文字、图像、图形和色彩，在限定的空间内运用好的创意策划、表现手法进行选择性组合，最终传递准确的信息和中心思想。

第二，在正确传递信息的同时，让观众获得美的熏陶和艺术的享受。

三、编排设计的原则 编排设计的原则包含两个方面。

第一，主题与导读 一件编排设计作品要成功，作为设计师首先要明白客户的要求，理解内容、领会主题思想，再去通过编排设计使版面条理清晰，主题鲜明突出，诱导和增强读者的注目力及理解力。

其次，编排设计的空间是限定的，只能在限定的空间内与观众交流。因此，要明白观众讨厌那种不分主次、含义费解、填鸭式的编排设计。所以，设计者必须对内容加以浓缩，内容表达必须精炼，版面安排应该简洁单纯、一目了然，使读者能够轻松愉悦地理解主题内容，得到信息。

第二，内容与形式 内容的表达是由编排设计的形式最终完成，而形式的最终目的又是为了更好地表达内容。

因此，形式与内容是相辅相成，两者结合才能使作品具有感染力和生命力，才有其存在的价值。

完美的编排设计的形式应该具备以下条件：
1、能充分体现和准确表达主题内容；

2、要符合审美和视觉原理；

3、要了解读者群的心理，使读者能较容易地理解内容。

四、编排设计的新趋势 随着经济与科技的高速发展，编排设计的内容更趋多元化、形式更趋多样化，特别是数码编排设计成为了当前编排设计发展的重要趋势。

第一章 编排设计的基本概念及发展史 第二节 现代编排设计的发展简史 一、编排设计的初始阶段 编排设计源于书籍，人类只从有了文字，就用自己的方式记载信息。我国古代将文字写于竹简，逐渐形成了从上到下、由右及左的编排特点；
西方的文字由字母组成，逐步形成了从左到右的水平编排方式为主的特点。

二、编排设计的发展阶段 随着造纸和印刷技术的发明、传播及广泛应用，编排设计得到了一定的发展，特别是在西方得到了飞速的发展。

随着时代的发展，新的发明创造层出不穷，新思想、新技术促进新的艺术流派不断涌现。经过维多利亚时期的、“工艺美术”运动和“新艺术”运动，编排设计日趋成熟。

三、编排设计的完善阶段 进入20实际后，受现代主义运动、俄国构成主义、荷兰风格派和德国包豪斯设计思想的影响，现代编排设计不断完善。

俄国人李斯基是构成主义的创始人。构成主义在点、线、面和色彩处理上运用规律排列、追求秩序美。以理性简洁的几何形态构成图形。着重刻画节奏美和抽象美，开创了现代版面构成的先河。

荷兰风格派是重要的现代主义设计运动，特点是简单的纵横编排方式，简单、结构抽象，追求非对称中的视觉平衡。

1919年德国人格罗佩斯创立的包豪斯设计学院，是现代设计的先驱与摇篮，开创了现代设计的新纪元。为现代版面构成打下了坚实的基础。

四、编排设计在现代中国的发展 自“五四”运动以来，日本、西欧的装饰和编排设计被引进国门，使中国在原有悠久的编排设计艺术的基础上更向前迈进了一大步。二十世纪六十年代末，新的以商业和文化内容方面为主体的编排设计有了很快的发展，涌现了一大批优秀的设计作品，它们从更广泛的角度体现出作者对中国丰厚的文化积淀的认识与运用。

第二章 编排设计的视觉语汇 第一节 编排设计中的点、线、面、体与空间 编排设计中的具象要素是文字、图形、图片等，抽象要素则为点、线、面，无论版面上的内容与形式多么复杂，最终都可以归纳为点、线、面上来。

一、点 点在造型要素中是最基本的形态，也是最细小的单位。合理利用点进行设计能使版面形象更加突出和醒目。

点在编排设计中的作用常常显示在以下几个方面：
1、在编排构成时，常根据点的注目性和位置的原理，利用点和空间的对比，安排图形和文字，以此来突出主题，吸引视线。

2、用小号文字连成不同性质的虚线，有段落文字组成虚面，形成灰面。这些带有点性质的虚线和虚面可以起到平衡或变化版面构成的作用，灰面的形成使版面增加了层次，是常用的版面设计形式之一。

3、点还能够作为基本形，根据美的形式法则组合构成标志、图形应用带视觉传达设计当中。

二、线 在版面设计中，线与点、面相比，更加活跃、更加富有个性和易于变化的元素。不同类型的线具有不同性格——直线表现静，曲线表现动，折线表现不安定；
从生理和心理角度——直线具有男性要素，曲线具有女性要素。

要运用线，关键在于掌握线的性格，因为不同类型和性格的线条在版面中的作用截然不同。

1、线在版面编排中除了性格在心理上起的作用外，线还有一些其他的重要作用，比如：线封闭后能构成各种不同的形状，也就是形的外轮廓是由线构成的。

2、线有引导和指示的作用，因此经常用于引导读者视线，引起读者的重视。

3、线能够起到分割限制的作用，使版面规范有条理，更便于阅读。

三、面 凡不具备“点”、“线”特征的形象就是面，面是具有长、宽两度空间但没有厚度。因此，面也称“形”，是设计中的重要因素。

面在版面编排中的作用在某些方面与线相似，但又有其自身独特之处。

1、面的量感和体积感常在版面中起到稳定作用。

2、在点、线变化较多的版面中，面能够起到协调统一的作用；

3、不同明度的面在版面中能起到丰富层次的作用；

4、面有限制和醒目的作用，在版面设计中常用此法突出标题和文字。

5、面可以多种方法表现二维空间的立体形态，使之产生三维空间感。

四、体 编排设计的黑、白、灰能够组成体，而黑、白、灰是指在编排中不同明度的色彩与版面之间的基调关系。

编排设计中，通常情况下白色是最敏锐的，其次是黑色，最迟钝的是灰色——亮色是版面的近景，暗色是版面的中景，灰色是版面的远景。

处理好版面的黑、白、灰对比关系，会使版面富有层次感、清晰悦目、增强编排设计的艺术效果。

作为版面的黑、白、灰关系在取得整体和谐的意境中起着重要的作用。

强烈的黑、白、灰对比关系有它的优势，使人感到明快、饱满、视觉兴奋，但它也会使人感到不安、刺激和视觉疲劳；
统一的色调会给人一种柔和、淡雅、含蓄之美，但同时也会导致视觉兴趣减弱；
过分的统一而缺少对比关系，会缺少活力，显得呆板、平淡。

五、空间构成 空间，是各种事物活动的“环境”。对于空间构成结合形式法则可归纳为三点：一是虚而不空，二是繁而不乱，三是异而不散。

好的编排设计能够在有限的平面上创造无限的空间。

1、虚而不空 在设计中留白，并将文字、图形或色彩进行细弱的处理，这是“虚”的表现形式。在设计上，留白与文字和图片具有同等重要的意义。在版面设计中巧妙地做到“虚”能够更好烘托主题，集中视线并造成版面空间层次。

虚实的关系是以虚衬实，实由虚托，形式、大小、比例决定着版面的质量和品位，处理得好给人以轻松、含蓄之感，在引人关注上起到良好的作用。

二、繁而不乱 版面设计中，一个版面往往会有许多文字和图片信息需要处理，容易出现杂乱的的感觉。因此在处理上要把握各种形态的比例关系，按照形式美的法则进行版面编排，从而做到繁而不乱。

三、异而不散 这里说的“散”指的是散乱无章，而“异”指的是冲破规则，强调种种因素的差异性。在差异中求得统一这是版面设计编排中最根本的要求。以秩序的方法把握编排的整体性，使版面获得重点突出和整体统一的视觉效果。

第二章 编排设计的视觉语汇 第二节 编排设计中的形式法则 在编排设计中任何组构形式都在努力寻求并把握平衡、韵律及整体关系，因为没有视觉平衡就没有美感，没有韵律就没有意境，没有对整体的把握就形不成主调和风格。

1、位置 位置在版面中，对重心、稳定、均衡、轻重，在心理上有很大的牵引力。对位置的认识是版面设计的基础。

将同样的图形——圆形分别放在版面的不同位置：
（1）、将圆形放在左上角——轻、不足之感，就像一个气球在飘动；

（2）、将圆形放在正中央——稳定、循规蹈矩，但可能会造成呆板、缺少活力；

（3）、将圆形放在右下角——下坠、下沉之感，就像一个金属球在下落；

（4）、将同样大的四个圆形向中间靠拢——凝重、对抗之感；

（5）、将同样大的四个圆形分散在水平线和垂直线的两端——开阔、大气、分散之感。

2、方向 版面设计中方向具有直观的表述，方向不同，同样会给人视觉带来很大的牵引力。三角形是最稳定的视觉图形，但我们将其方向改变、倒置，就会给人带来最不稳定的视觉感受。

编排设计中方向一般分为：水平方向、垂直方向和倾斜方向。

3、空白 空白是版面设计的重要组成部分，正是由于它的衬托，才使视觉得以集中，加强视觉效果，从而感受到版面中空气的流动，给读者带来美的享受。

空白位置的调整及转移往往会直接影响到意境和情调的变化与发展，对衬托主题、高效率地传达信息是十分重要的。

4、比例 在版面设计中，比例是以各部分之间或部分与整体的关系为基础的。对于比例的把握是艺术修养和审美情趣的结合及灵活运用的结果，切不可生搬硬套。

5、分割 分割是一种手段，不是目的，目的在于获得空间的内容。分割的实质是连接，以达到整体和谐的效果。

分割以块面出现，这些占据独立空间的块面能够形成分量和气魄，使画面整体干净、明了，产生力量感个庄重美感。

（1）、有形的分割 能够清楚地看到直线或曲线的分割，通过美的比例在面积、位置、方向、疏密上有条理、有秩序的进行分割。让人能感受到分割和比例之美。

（2）、无形的分割 看不到分割线，由形象的组织排列或不同色彩关系组成的的色彩面积自然形成得块面，使画面疏密有致、大小穿插，既统一又有变化，突出整体效果。

6、对称 对称就是以中轴线或中心点为基准，在大小、形状和排列上具有一一对应关系，而形成的同形同量的结构形式，也称为“镜式反映”形式。

在现代版式设计中，对称形式是一种常用的形式，通常是文字和图形居中对称的编排，这种形式带给读者严谨、稳重、平和的美感，而且对称的图形容易成形，在版面上也就更能突出，注目率较强。多见于招贴广告、书籍封面和产品包装设计中。居中对称的图形既醒目又显得高贵，使你过目不忘，印象深刻。

对称的编排形式近似于完美，但也有其不足之处，缺少变化就是其弊端。过多的运用对称形式，会使人感到静止、单调和呆滞。

7、均衡 现代版式设计的编排形式不会满足于静止单一的形式，而要求有变化，突破对称形式。这种既要有变化，又要在视觉上保持部分与部分之间的平衡关系，使局部变化依附在整体上。这种打破对称的构图形式称为均衡。

均衡的变化是根据力的重心，将其分量加以重新配置和调整，得到预想的平衡效果。在设计上，这种力的平衡，主要是由视觉反应到心理上的一种平衡感觉，而不是物理的重量均等。这种构图形式比起对称形式，更富有活力、更生动。

8、对比 对比是美的形式法则中最重要的形式之一，也是现代编排设计不可缺少的一种美的形式。对比就是形象特征的强调，即在两个以上不同质或量形成的强和弱、大和小等相反的东西放置在一起时，所产生的区别于差异。

（1）、形象与形象的对比：它们之间有大小、远近、方向、多少、曲直、虚实、明暗等的对比。

（2）、形象与空间的对比，即文字、图形的安排在版面中的留白关系，有正负、疏密、面积等的对比。

（3）、色彩对比，指的是版面整体或局部的色彩明度、色相、纯度、冷暖、面积等的对比关系。

在同一版面构成中经常是几种对比方式同时存在，如大小对比、明暗对比、疏密对比等，但是，要注意对比的主次，即哪一种方式是最主要的。另外，有一种对比方式是任何版面都不可缺少的，那就是明暗对比。

在版式设计中不能没有对比，失去对比的版面，令人感到呆板、无重点、没生气、枯燥、乏味。如果只求对比而不重视调和，则会使版面感到支离破碎、杂乱无章，丧失美感。对比与调和就是既相互独立，又共同存在的统一体。

9、调和 指构成版面的各种要素之间的关系，能够适合、安定、和谐一致，在视觉上给人以美感。调和强调的是近似性，即当两者或两者以上的要素同时存在时，相互之间必须具有一定的共性。调和的主要作用是使对比较强的版面协调起来，更适合、更有序、条理更清晰。

在编排设计中，对比是局部版面的精灵，调和是整体版面的统帅。

10、节奏与韵律 节奏与韵律在现代编排设计中的表现不会是单纯的，它常常与平衡、对比、调和等形式并存，所以，其最主要的作用是协调版面的整体关系。文字、图形和色彩等视觉元素通过合理的节奏安排、组合形象、调整形象之间的空间位置，使形象与形象、形象与空间之间有密切的、连续的、合理的联系。

（1）、节奏 带来的是一种愉悦感和美感，而这种由节奏而产生的美感，即为韵律。节奏是最能引起视觉快感的法则，给大脑以刺激，使读者与整体画面产生共振。

按节奏原理调整后的版面，条理清晰，生气勃勃，颇有起伏，不显单调，韵律感强，给人以美的享受。反之，缺乏节奏的版面是平淡乏味的、毫无生气的。不仅于此，清晰地条理还能够起引导和方便阅读的作用。

（2）、韵律 韵律是比节奏更优美的旋律，韵律比节奏更轻松，更抒情。

在版面中，文字、图片、图形、空白和色彩通过有节奏的排列、变化、组织，符合某种旋律时，就会给读者带来韵律之感。

韵律为版面带来无穷魅力，因为韵律可以营造出意境，可以引起读者共鸣。

11、渐变 在编排设计中，渐变指的是形态的逐步变化，并不仅仅代表形体的外形轮廓的形状发生变化，也包括位置、方向、大小和色彩等都是渐变的因素。

渐变的形式众多，巧妙恰当的运用可以丰富版面的视觉效果，并更好的传达信息。

12、重复 相同的形象在版面中重复出现，以加强观者对某一形象的认识，从而加强视觉冲击力。

（1）、规则的重复是指重复形的排列按照完全相同的格式进行，呈现出严谨、平稳、静态之美。

（2）不规则的重复是不依据任何格式的制约，自由排列，有灵活、多变的动态之美。当重复的基本形大而小，其视觉效果醒目、强烈；
重复的基本形小而密，其视觉效果柔和、统一。

13、特异 在编排设计中特异指的是形体在重复的形体统一中，其中某一部分或某一形体突然改变存在的方式，使其与众不同产生视觉效果。

特异能够有效打破单调的格局和形体组合关系，并能用及简洁的手段使非常简约的形态成为画面的重点和视觉中心，形成一种有秩序与无秩序的强烈对比。

14、秩序与变异 秩序与变异的形式法则源于形式美。形式美的规律有两种，其一是由秩序而产生的美，称为有秩序的形式美，这是大量的和主要的表现形式，人们习惯于这种形式给予的美感；
其二，则是与其相反的，即打破常规的美，这种违反秩序的形式虽然不是主流，但却是对旧秩序的一种突破，颇具新意。

（1）、秩序 版面设计的最基本要求是：清晰明了，井然有序，由此而产生版面的秩序美。

在版式设计上要达到清晰明了，井然有序，首先是要安排好视觉流程的秩序，做到主次分明、有条不紊、一目了然；
其二是编排上宜单纯，单纯反而会使排版的整体性更强，流程秩序更清晰，视觉冲击力也就更大；
与之相反，过于复杂的编排，流程秩序不明确，会削弱版面的整体性及视觉冲击力。

单独版式的招贴或封面的秩序体现在视觉流程秩序的安排；
而多幅版式的书籍正文，其秩序则体现在整体的规范统一，相互协调。

（2）、变异 秩序美是版面设计的灵魂和支柱，版面一旦失去了秩序，将会影响信息的准确传达和造成阅读障碍；
如果一味追求版面的秩序，不强调版面的个性，会令人感到过于机械，显得平乏、呆板、毫无生气，这就需要有变化，而这种变化是在秩序的基础上，作局部的变化，这就是变异。

将变异的原理用于版面设计，会使版面更活跃、更丰富、更有情趣，而异质形象则在整个版面中最具动感、最引人注目，成为视觉焦点。

第二章 编排设计的视觉语汇 第三节 编排设计的基本类型 编排设计的基本类型包含骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。

1、骨骼型 是一种规范的、理性的分割方法。常见的骨格有：竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。

图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。

骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。

2、满版型 版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上。

满版型，给人大方、舒展的感觉。是商品广告常用的形式。

3、上下分割型 整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。

图片部分感性而有活力，而文字则理性而静止。

4、左右分割型 整个版面分割为左右两部分，分别配置文字和图片。

左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。

如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。

5、中轴型 将图形作水平方向或垂直方向排列，文字配置在上下或左右。

水平排列的版面，给人稳定、安静、平和与含蓄之感。

垂直排列的版面，给人强烈的动感。

6、曲线型 图片和文字，排列成曲线，产生韵律与节奏的感觉。

7、倾斜型 版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

8、对称型 对称的版式，给人稳定、理性的感受。

对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。

对称一般以左右对称居多。

9、重心型 重心型版式产生视觉焦点，使其更加突出。其有三种类型：1、直接以独立而轮廓分明的形象占据版面中心；
2、向心－视觉元素向版面中心聚拢的运动；
3、离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。

10、三角型 在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。

11、并置型 将相同或不同的图片作大小相同而位置不同的重复排列。

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

12、自由型 无规律的、随意的编排构成。有活泼、轻快的感觉。

第二章 编排设计的视觉语汇 第四节 文字的编排构成 文字在编排构成中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。

文字已提升到启迪性和宣传性、引领人们审美时尚的新视角。文字是任何版面的核心，也是视觉传达最直接的方式。运用经过精心处理的文字材料，可以制作出效果很好的版面，而不需要任何图形。

所以说，能驾驭文字，设计便算是成功了一半，甚至全部。

一、字体 　　版面构成的基础元素——字体 设计、选用字体也是版面的一种图形样式。

在版面构成中，选择两到三种字体为最佳视觉效果。否则，会产生零乱而缺乏整体效果。在选用的这三种字体中，可考虑加粗、拉长、压扁或调整字号、字距、行距、色彩来改变字体，以产生丰富多样的视觉效果。

1、字体的对比 字体的对比能够产生强烈的视觉效果，更引人注目。其中有字体的大小对比、粗细对比、疏密对比、虚实对比（空字、实字对比）、不同风格字体的对比等。在编排设计中要注意把握好字体对比程度和主次关系。

2、和谐的字体 对比的同时务必考虑到编排整体的和谐。文字相同、相近的风格，相同、相近的大小，相同、相近的粗细，在版面中都具有完整、清新、淡雅、稳定的视觉效果。

二、字号 字号是表示字体大小的术语。计算机字体的大小，通常采用号数制、点数制和级数的计算法。点数制是世界上流行计算字体的标准制度。

“点”也称磅（P）。电脑排版系统，就是用点数制 P 来计算字号大小的，每一点等于0.35毫米。现代版面的正文字越来越小，可以是7～5点，比以前的 9～12 点就显得整体、清秀，而富于现代气息。但低于5点以下，字体太小，就会影响阅读。

三、字距与行距 字距与行距的把握是设计师对版面的心理感受，也是设计师设计品位的直接体现。

一般的行距在常规的比例应为：字距8点、行距则为10点，即 8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。

现代国际上流行将文字分开排列的方式，感觉疏朗清新、现代感强。因此，字距与行距不是绝对的，应根据实际情况而定。

四、文字的编排形式 1、左右齐整 文字可横排也可竖排，一般横排居多。

横排从左到右的宽度要齐整，竖排从上到下的长度要齐整，使人感觉规整、大方、美观。但要避免平淡。

设计师可采用不同形式的字体穿插使用，既可增加变化但又不失整体效果。

2、左齐与右齐 让每一行的第一个字母都统一在左侧的轴线上，右边可长可短，给人以优美自然、愉悦的节奏感。

左齐的排列方式更加适合人们的阅读习惯，容易产生亲切感。

与齐左相反，右边的字尾都统一在右侧的轴线上，与人们的视觉习惯相违背，但借此可标新立异，新颖、有格调，成为极具现代超前意识的版面构成。

3、聚中编排 以版面的中轴线为准，文字居中排列，左右两端字距也可以是相等也可以是长短不一。

这种排列方式能使视线集中，具有优雅、庄重的感觉。但有时阅读起来不太方便。如果是在整版的正文内容较多的情况下，不宜采用此种编排方式。

4、文图穿插 电脑新技术的开发和运用，促进了文字处理系统的革新。

文图穿插过去在铅字排版中功效不高，但在电脑排版中则是非常轻而易举的事情。这种具有插图性质的处理手法非常广泛运用于文学作品和产品宣传册中，给人以亲切、生动、平和的感觉。

5、首字突出 把开头的第一个字突出加大，幅度一般占用两到三行字距的空间，可为版面带来注目焦点，打破平庸的割据，起到活跃版面的效果。这种处理手法已成为当今版面构成的新时尚。

6、自由编排 自由编排是为了打破前面所述的条条框框，使版面更趋活泼，新奇，动静结合。值得注意的是：版面无论怎么排列，都要避免杂乱无章的感觉，要遵循一定的规律，以保持版面的完整性。

7、标题与正文的编排 一篇本无特色的文字，如改换一个吸引人的标题，视觉感就绝然不同。标题在版面中起着画龙点睛、引人注目的作用，其魅力是不可低估的。

标题的位置、字体、大小、形状、方向等的处理方式，直接关系到整个版面的艺术风格。标题不一定按一般视觉导向来编排，随着内容的不同也可以不受一般顺序的约束，可作居中、横向、竖向或边置等排列。也可用线条指向或采用线框加以强调，使标题显得更突出，给人强烈的视觉形象。

第二章 编排设计的视觉语汇 第五节 图形的编排构成 编排设计中的图形包括图形、图像，在编排视觉上它们具有直观性的特点，能起到吸引视觉以及帮助受众理解信息的作用，更能够使版面显得立体、真实。

一、图形的编排形式 1、块面型：
这是最常见、最基本的图形编排形式，能够完整传达主题，富有直接性和亲和力。使版面庄重、大方，具有静态美感。

2、退底型：
保留图形所需部分，去掉背景部分，该形式较为自由、灵活，能够突出形象的视觉效果。

3、跨页型：
将图片在编排上从一页延伸到另一页，将两页有机联系在一起形成统一的整体，既能够拓展人的视线，形成联系；
又能够使画面呈现出舒展大气的感觉。

4、烘托型：
使用大块面的底色或具有统一效果的背景图片形式来烘托主题形象，增加主题气氛，使画面更加突出。

5、重叠型：
将图片与图片根据画面所需进行边缘或局部的重叠，既不失原有图片的审美性，又能够体现自由多变的灵活性，使画面具有活跃和时代气息。

二、图形的位置 在遵循形式美的法则和达到视觉传达的最佳效果的前提下，图形在版面上的位置是不受任何局限的，但它的位置却直接关系到版面的构图和布局。支配版面的四角和中轴是版面的重要位置，在这些点上恰当的安排图形可以相对容易地达到平衡而不失变化，视觉冲击力较强。

三、图形的面积 图片面积的大小设置，直接影响着版面的视觉效果和情感的传达，大图片的采用一般反映具有个性特征的物品，以及物品的局部细节，使它能够吸引读者的注意力，而将从属的图片缩小，以形成主次分明的格局。

大图片震撼力强，小图片显得简洁精致，大小与主次得当的穿插组合，能够使版面具有层次感。

四、图形的数量 图形的数量首先要根据内容要求而定，图形的多少将影响到读者的阅读兴趣，适量的图形可以使版面语言丰富，活跃文字单一的版面气氛，同时也能够营造对比的格局。

在图形需要多的情况下，可以通过均衡或者错落有致的排列形成层次，并根据版面内容来精心编排。

现代设计中也有采取将图形精简且缩小的方式，大量留白，以取得简洁和明快的视觉效果。

第三章 编排设计实践 第一节 平面形态编排设计 一、书籍杂志的编排设计 书籍杂志的编排设计是通过对字号、字体的选择，图形的编排，以及栏的划分等来统筹设计版面，使读者阅读流畅、愉悦、获得视觉上的完整性和精神上的享受。

1、书籍的编排设计 一类是以文字为主的版式。这类版式设计最重要的是要使版面内容章节分明，层次清楚，和谐统一；
一般版面用有版心版面和分栏的方式来规范统一书籍整体版面；
正文编排的关键在于文字的字号、字体、字距、行距、章节、段落等的设定，良好的易读性来自于恰当的选择和合理的编排。

另一类是以图片为主的版式。这类版式以画册为主，设计形式较活跃，更具人性化；
图片成为书籍的主干，文字为从属，因此，版式形式不受版心限制，比较灵活，常由有版心和无版心版式结合。

2、杂志的编排设计 杂志与书籍不同，它有出版快速、周期短、信息量大的特点。杂志的类型很多，如生活类、艺术类、科技类、经济类、文化类、综合类等；
杂志的表现形式较生动，虽然，杂志的类型不同，表现形式也不同，但是，图文并茂是多数杂志的表现形式；
杂志的内容是将多篇文章汇集在一起，以栏目来划分，一些综合类杂志，内容跨度非常大，栏目划分就显得更为重要。近年来杂志的发展非常快，在内容上涵盖面更广，图片更精美，印刷更精致，更具吸引力。

杂志的版式设计风格多样，而注重风格和品位，追求独特面貌和个性是现代杂志的重要特征之一。如，时装杂志总以大篇幅的照片展示其魅力；
休闲杂志总以淡雅的色彩，随意自由的编排来表达其轻松悠闲的内容；
汽车杂志总以精美的照片来显示车的品味和格调。诸如此类，就是一些专业性较强的杂志，也采用图文并茂的形式，使杂志的内容显得更直观易懂，更有情趣，更贴近现代人们的欣赏需求。

二、报纸的编排设计 报纸以其内容繁杂，发行量大，时效性强，传播面广，读者众多，便于携带和随时阅读等特点，成为最强劲的宣传媒体之一。

报纸最大的特征是信息量大内容种类多，版式设计必须要适合这一特点，因此，无论是大报（4开）还是小报（8开），在整体编排设计上都会采用分栏划块的编排形式，以此形式来容纳规范众多的种类和内容，使版面条例清晰，秩序性强，便于阅读。

报纸编排设计的特点是将庞大的内容限制在栏块内，用标题来提示和吸引读者，除此之外，由于标题字体和字号的变化，在版面中起到了丰富和活跃的作用。

报纸编排设计应注意视觉原理和视觉流程。

（1）、视觉原理 报纸幅面相对较大，视觉元素在不同的位置给人们的心理感觉也不同，一般情况是注意值最大的是版面的左上部和中上部，被称为“最佳视域”；
版面的上部给人感觉轻松和自在，是视觉中心对比最强的位置，有上升感较强；
版面的下部有稳重和下坠的感觉；
人们阅读的习惯形成的视觉力度是左侧强于右侧，上部强于下部。因此，根据视觉原理应该将重要的信息放在最佳视域。

（2）、视觉流程 读者应该按什么顺序来获取信息？报纸的编排设计应给读者提供明确的阅读方向，哪些信息最重要，由此形成信息等级；
根据信息等级对版面中各元素进行不同的处理以形成差别和主次，这种差别在视觉空间中形成了一根无形的流动线，能引导读者很自然地按照各诉求内容，一步一步往下读，这就是视觉流程，良好的视觉流程能使读者快速地获取最佳信息。

三、非出版物的编排设计 非出版物，也可称为宣传册或宣传单，主要指各种各样的推销材料和信息发布资料，涵盖了从商品到艺术展览、健康、保险、旅游、安全等的广阔范围；
非出版物有一定的时效性，根据不同的内容非出版物分即时效应和中、短期效应，但是极少有长期效应的。

非出版物一般需要色彩鲜艳丰富，图文并茂，如果非出版物的首要目标是作为推销材料，那么重点就应该放在图片信息上，文字用于辅助说明。因此，图片信息的直观性和情趣性在传递信息中的优势是其他方式所不能替代的。

非出版物在编排设计上不同于书籍、杂志和报纸，非出版物折叠起来是独立的一个个版面，它们之间是有密切联系的，因为，展开后则是一个整体。所以，在编排上除了考虑每一个折叠面，还要考虑版面与版面之间的关系在展开后的整体效果，要注意整体的节奏，图片与图片、图片与文字、文字与文字之间的对比。

四、招贴的编排设计 优秀的招贴创意是由两部分组成，一是独特新颖的主题创意，另一部分就是招贴广告的编排设计的创意，编排设计创意是准确表达主题，制造效应的重要手段。招贴的版式设计需要达到两个标准：首先，它要引人注目，在视觉上形成冲击力；
其次，它要严谨正式，视觉流程清晰易辨；
同时还要体现出对色彩的合理运用。

招贴的编排设计原理是由招贴的特性所决定，招贴是分布在大街小巷等公共场所，在国外被誉为街头艺术，其特点是利用人们来去匆匆的一瞥，将主要信息传递出去，因此，又有瞬间艺术之说，而瞬间刺激恰恰正是招贴海报的重要特征。如何在瞬间抓住视线，给受众留下深刻的印象是招贴成功的关键。由于招贴的距离和书报不同，是在一定距离外观看的，所以，必须具备远观效果，即在几米甚至几十米以外就能引起人们的注意。要使招贴引人注目，有冲击力，在编排设计时应注意以下几点：
1、图形先于文字的特性 图形的这一特性在招贴中体现得最充分，许多招贴将图形设为视觉的第一流程，使其能在第一时间吸引住人们的视线。用于招贴的图形要概括简洁，照片要单纯专一，不宜过于复杂，复杂的图形和照片会影响冲击力和远观效果，也不便于记忆。

2、字号与阅读距离 字号的准确选择对招贴的整体效果而言同样是十分重要的，招贴中的主要诉求内容千万不能采用小号字，因为，书刊的阅读距离只在一尺左右，而招贴则希望受众在几米以外就能看到；
另外，字体要清晰易辨，不能让受众反复辨认，因为受众不可能在匆匆往来中驻足思考，在这种情况下往往受众会放弃。

3、色先于形的原则 招贴的色彩运用是提高其吸引力和冲击力的重要手段，就远观效果而言色彩优于形象，能在瞬间提示受众引起注意，并进一步获取信息。什么样的色彩搭配远观效果最佳？首先是用于招贴的主色，纯净度要高，纯净度高的色彩有穿透力高，鲜明夺目，便于记忆等特点；
其二是用强烈的明暗对比来拉开视觉流程的先后层次，无论是多色或单色，明度对比是最不能忽视的。

4、空间留白的原则 招贴编排中的留白是为了营造适合的空间环境，更好地突出主题形象。因此，必须在安排视觉流程的同时，合理分配版面空间，使图文与空间之间，空间与空间之间形成对比，过于平均的空间分配，会使版面平淡呆板，缺乏生气。

总之，招贴的版式设计不宜包含过多的诉求要素，从以往的经验来看，有明显效果的招贴，往往取决于单一的、强烈的要素，因此，比多种不同诉求要素更容易成功。

第三章 编排设计实践 第二节 立体和空间形态编排设计 一、包装的编排设计 包装是商品的外衣，起着保护和说明商品的作用。包装的类型很多，如，器皿、盒装、罐装、袋装、瓶贴、吊牌等。虽然，瓶、盒、罐、袋都是立体的，但是，多数包装则是以印刷为其最后的表现手段，因此，包装设计又属平面设计范畴，这也是包装的特殊性。

构成包装的元素可分为两类，一是视觉元素，即商标、文字、图形、色彩等四大元素，其中文字包括产品名、产品说明、生产厂名、地址、电话等；
二是包装的构造和材料，如纸盒、木盒、铁盒的结构，玻璃瓶、塑料瓶、铝罐的造型等。与书报杂志、招贴相比，包装盒或标签的编排设计空间比较小，而需要传递的信息却不少，因此，如何突出重点是至关重要的。

1、包装盒 六个面的包装盒是最常见，也最实用，由此构成了商品信息和商品保护的整体。包装盒的每个面是独立的，但是它却是面与面之间互相关联的整体，因此，在进行包装盒的编排设计时必须从整体出发，强调主要面，削弱次要面，并根据盒子结构重点设计主面。一般主面版式传达的是商标、商品名、图形等，次要面版式传达的一般是商品说明、生产商的名称、地址、联系方法等。

2、标签吊牌 标签吊牌是包装的另一种常见形式，主要用于酒、饮料、油等瓶装器皿或服装、包袋等商品。标签吊牌的面积不大，却是传递信息的主要空间，标签贴于瓶包装，称为瓶贴。有些瓶贴由瓶颈标贴和主面标贴组合；
有些则成带状，将瓶子围裹起来；
有些就是一个主面标贴。当然，标签不只局限于瓶包装，有时也用于盒包装、袋包装、有时又以腰带形式裹在包装外。另外，标签吊牌有时犹如商品的名片，吊挂在商品上，为消费者提供该商品的信息。

无论是包装盒，还是标签吊牌，在编排设计时首先要做到流程清晰，主次强烈，色彩鲜明，具有一定的远观效果；
其次才是包装盒的结构或标签吊牌的形状。

二、空间的编排设计 空间的编排设计与其他编排方式相似，目的是使观众阅读流畅、愉悦、获得视觉上的完整性和精神上的享受。

第三章 编排设计实践 第三节 动态编排设计 随着时代的发展，特别是随着Internet国际互联网的诞生和发展，动态设计已成为平面设计乃至媒体宣传的新形式，尤其是网页设计。

动态媒体有着独特的优势，它既有报刊、影视等多种媒体的基本特点，又将这些媒体的优处综合在一起，使其具备了其他媒体所不及的长处，如，信息内容的涉及范围广，容量大，不受篇幅限制，能方便地链接到相关或内容跨度很大的网页或网站；
低成本，高效率，因为网络是电子媒体，无须印刷，而传播却又快、又广，并且不受时间、地域、国界的限制；
互动性强，读者可以在网上浏览时收发电子邮件、上传帖子或下载资料；
修改容易，一旦网页发现问题，可以随时进行更正修改，而报刊、招贴和电视等媒体是一旦完成，则无法改变。

网页的编排设计形式比其他平面设计类型更生动、更活泼，因为网页的编排构成是集平面、动画、音频等为一体，所以，浏览网页不但能在视觉上感受，而在听觉上同时得到享受。网页版式设计的关键在于主页设计，主页要有强烈的个性，醒目抢眼，饶有情趣、特色明显；
除此之外，还要做好主页与其他页面的链接，主页必须导向清晰、便于操纵、链接顺畅。由于网页编排设计的特殊性，因此，在设计主页和链接页面时要注意以下几点：
1、主页设计要根据网站的性质和内容，确定网页主色调，确定统一的标识和主标题的字体，因为这些要素是贯穿在整体网页之中，起着主导作用。

2、主页的视觉流程设计是整体网页的关键，它关系到浏览者是否能顺利地进入你的网站并按着所需方便地点击链接网页，因此，在主页上要将链接按钮编排在比较醒目的位置或做出明显的提示；
在链接页面上也应有统一标识，以便浏览者在链接页进入该网站时，也能很快返回主页。

3、动画的插入是增加网页的趣味和活力的，同时动画的提示作用和注目率大于静态图形。

4、网页正文的字体应该选择与整体风格相符，尽量用一些计算机程序默认的字体，这样可以避免在其他计算机上显示遇到麻烦。当然，用艺术字体也没问题，为保险起见，可以将其转存成位图文件格式，如JPEG/GIF/PDF等格式。

5、网页中的色彩运用不同于印刷，采用的是计算机显示器的色彩格式RGB，依据使用者显示器的分辨率，从256种色彩到百万种色彩都能显示出来，其中有216色被称为网络安全色，即无论显示器的分辨率怎样都能显示。