6编排设计的基本类型
《编排设计》教案
《编排设计》教案学习任务、目的：通过对编排设计的学习，使学生在对形态、色彩、空间、动势等设计要素和构成要素认知及研究的基础上，对这些要素的组合规律、对它们的表现可能性及其与表现内容的关系，进行全面的学习研究，并为以后的专业设计打下基础。
学生学习了编排设计后，可以有效地掌握画面的构图方法，处理好各种细节。
学习内容：其主要的学习内容包括以下几个方面：1．对视觉设计要素与构成要素的认知；2．对编排设计要素、构成要素、构成规律和方法的认知与实践；3．对编排设计表现内容和形式关系的认知；4．对各种应用性设计形式特点的认知与实践。
学习手段：主要通过理论课的讲授，采用多媒体教学方式，结合大量编排设计作品及资料的介绍；同时结合作业、练习进行大量的实践性操作，有针对性地对学生加以个别辅导。
导言1．编排设计的基本概念英文将编排设计称为“ LAYOUT ”，意为在一个平面上展开和调度。
英文中LAYOUT既是一个建筑方面的概念，也是其他许多设计——平面设计、展示设计等要面临和处理的一个基本问题。
在中国，编排设计常常被称为版式设计，这实际上将编排设计的范围定得太小了。
在过去的设计教学体系中，并没有编排设计这门课程，许多人将其归入书籍装帧版式安排的范围。
实际上，编排设计不仅是一种研究平面设计的方法，也是培养设计师基本的审美和画面调度能力的重要手段。
编排设计是按照一定的视觉传达内容的需要和审美的规律，结合各种平面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其他视觉形象加以组合编排、进行表现的一种视觉传达设计方法。
☆用一句话概括：一切应用文字和图形设计编排达到设计目的都可称为编排设计。
2．编排设计是一种重要的视觉表达语言从一定的意义上讲，编排设计是一门具有相对独立性的设计艺术。
编排设计也是一种重要的视觉表达语言。
任何一个平面空间的设计都涉及到一个将各种视觉要素有序地加以组合，并最大限度地发挥这些要素的表现力的问题。
编排设计演示文稿1第一章
版式设计中应该能体现视觉的空间感， 而不应仅仅是二维效果的体现，只有这 样才能保持作品的生命力 b 通过黑，白，灰的关系展示空间
图例
黑色给人往后退的效 果，往往被用作背景。
白色给人往前的感觉， 往往被用在要突出的 元素上。 灰色则象中间层，处 于黑白对比之间。
4、版式中的空间构成 版式设计中应该能体现视觉的空间感， 而不应仅仅是二维效果的体现，只有这 样才能保持作品的生命力 c 通过位置关系展示空间
图例
上升，飘动 的点的版式， 作品有一种 空灵感。
2、线 线具有位置，长度，宽度，也有方向， 形状的属性。 性格；直线简明醒目，曲线幽雅，抛 物线具有速度感。 象征性：水平线平和安宁，垂直线庄 重稳定，斜线活泼有动感。
图例 直线与曲 线相结合 的结果， 静中有动， 动静结合。
图例
抛物线的采用， 作品产生运动 的速度感，配
合运动T恤的设
计主题。
图例
曲线的运用，使作品增添许多柔和感。
图例
运动感是我们
在设计中常追
求的视觉感， 斜线构成，产 生高速运行的 动势。
3、面 面具有明显长度和宽度，由于占的面积 最多，视觉上比点，线更强烈，一般可 分几何形和自由形两类。
图例
几何形的有规
律的变化，通 过错位设计的 方式，使画面 稳重而有变化，
1、点 点是指版面中较小的形象，点在版面 中会给人静止而稳重的感觉；如果点 在版面的左方或右方会产生向中心运 动的趋势；在上方或下方会产生上升 或下降的趋势
图例 由左往右消 失的点，是 电插座的商 业招贴，用 不同的插座 形象构形， 非常特别。
图例
下坠的点，配 合画面的抛物 线，使画面产 生不稳定感， 并有下坠的趋 势。
版式设计 版式的基本类型
在编排设计学中，同样存在与其它学科类似的问 题，即是：
如何借助一定手段或方法来引喻、提示本学科内 在的基本原理。而骨格概念与编排设计版面构成 之间 有着极为类似的机理特性
于是，“骨格”的自然的被引用到编排设计 学中来，阐释编排设计学中，关于版面内视觉图 形元素间的构成关系。
骨格与视觉图元
版面内视觉图元的基本特征： ⑴段落文字：
有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中， 处较后的位置，一般在版面中以“面”的形态出现。具体影响其信 息传递力度的主要因素包括：字体、字号、颜色、背景、字间距、 行间距、段落间距、段首设置、文本宽度等。 ⑵标题文字： 一般信息传递秩序中，处最前位置，是版面的核心内容，是点题内 容。另外标题文字在版面编排中，根据不同应用领域的具体要求， 随着不同的信息传递秩序。例如龙图像表意等招帖设计中，往往是 以“形”表意，标题只是起到点题的作用，因此在信息传递秩序中 在图形（图像）之后。具体影响标题文字、信息传递力度的主要因 素包括在字体、字号、色彩、背景、字间距或文字组织排列规律等。 其在版面编排中往往以“点”或“线”的形态出现。 ⑶图像： 一般来说，是版面信息中最容易以直接、有效传达信息。在版面 中视图像的应用要求，图像的出现可以出现在信息传递秩序中的不 同位置，是可变因素最大的视觉图元。因此在编排设计过程中，也 应视其具体要求而适时处理好其信息传达力度。影响图像信息的因 素主要是：图像大小、色彩、背景、外形特征、图像色度变化，以 及图像本身的艺术感染力等。 ⑷几何图示：
如果将构成骨骼的两大基本元素（即垂直线与 水平线）加以变动就可得到下面几种骨骼形状。
第一种变动：
1．宽窄变动--将骨骼线的宽窄加以变 动，形成骨骼各组的空间变化。
2．方向变动--将垂直或水平的骨骼线变成斜线。只改变其 中一种线的方向，称为单元方向变动。而将两种线同时变 动，称为双方方向变动。（图2）
版式设计中点、线、面的构成(教育课件)
研究学习
3
一、版式设计（format design）的概念 二、版式设计的原则 三、版式的基本类型 四、版式设计的原理——空间的编排构成 五、版式设计的视觉流程 六、版式设计的形式法则 七、版式设计中的文字编排构成 八、版式设计中的图片编排构成 九、现代版式设程
研究学习
16
4.3焦点视觉流程
焦点是视觉心理的焦点， 在具体的处理上，一般沿着视觉焦点的倾向与力度，来发 展视线的进程，集合浏览者的视线，完成视觉心理上的焦点建 造。 。可以理解为：其一，以强烈的形象或文字占据页面某
个位置，或文字独具版面某个部位或完全充斥争办、其焦点的 位置因具体画面而定。在视觉流程上，首先是从版心焦点开始
研究学习
9
3 视觉流程运动中应注意的事项
3.1 视觉流程的逻辑性 各视觉要素在版式设计中的安排，要符合人们观察
事物的心理顺序和思维活动的逻辑顺序。例如图片所提供 的信息比文字更具直观性的特点，把它作为广告版面的视 觉中心，比较符合人们在观察、认识事物过程中先感性后 理性的顺序。
研究学习
10
3.2 视觉流程的节奏性
研究学习
6
2 视觉流程的一般规律
视觉的一般流向
左
右
上
下
研究学习
7
视觉注意力在平面中的分布
研究学习
8
当然，这种视觉流程规律并不是一成不变的，设计师也 可根据具体的需要重新设计新的视觉流程。一些有创造性的 设计师，在设计时，他们常用“阻止”、不常用的程序去考 虑设计作品的视觉叙述，以抓住主动因素让观者按照自己的 诱导移向下一个内容。所以，观者的注意完全被设计师左右。 这样，设计师所要传达的信息情感主动的传递与观者，从而 取得最佳的视觉传播目的。
版式设计的十三种类型
1.骨格型2.满版型3.上下分割型4.左右分割型5.中轴型6.曲线型7.倾斜型8.对称型9.重心型10.三角型11.并置型12.自由型13.四角型各种类型的具体差别：一.骨格型规范的、理性的分割方法。
常见的骨格有－竖向通栏、双栏、三栏和四栏等。
一般以竖向分栏为多。
图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。
骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。
二.满版型版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。
文字配置压置在上下、左右或中部（边部和中心）的图像上。
满版型，给人大方、舒展的感觉。
是商品广告常用的形式。
三.上下分割型整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。
图片部分感性而有活力，而文字则理性而静止。
FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：/shejililun/四.左右分割型整个版面分割为左右两部分，分别配置文字和图片。
左右两部分形成强弱对比时，造成视觉心理的不平衡。
这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。
如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。
五.中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右。
水平排列的版面，给人稳定、安静、平和与含蓄之感。
垂直排列的版面，给人强烈的动感。
六.曲线型图片和文字，排列成曲线，产生韵律与节奏的感觉。
七.倾斜型版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。
八.对称型对称的版式，给人稳定、理性、理性的感受。
对称分为－绝对对称和相对对称。
一般多采用相对对称手法，以避免过于严谨。
对称一般以左右对称居多。
九.重心型重心型版式产生视觉焦点，使其更加突出。
有3种类型：1.直接以独立而轮廓分明的形象占据版面中心；2.向心：视觉元素向版面中心聚拢的运动；3.离心：犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。
09编排设计理论考试
编排设计时间：90分钟 卷面：100分 考试形式：闭卷一、填空题：共30分（每空1分）1、线在编排设计中的构成形态很复杂，有形态明确的（ ）、（ ），也有空间的视觉流动线。
2、版面构成三大要素（ ）、（ ）、（ ）。
3、版面不是单纯的技术编排，而是（ ）与（ ）的统一体。
4、编排设计行为具有明确的（ ）、（ ）和（ ），成为有目的行为的一种意识。
5、自从有了人类的活动以来，任何形式的都以（ ）的方式记录、留存的各种形式的（ ）、（ ）的组合关系就构成了我们编排设计理论的实践依据。
6、现代编排设计理论的形成，较为成熟的理论依据应追塑到20世纪初欧洲的两位大师（ ）和（ ），“编排设计”又称为“版面构成”。
7、图形和图像具有直观表现视觉特征，在人类的信息沟通中有着无可替代的地位。
图形指在版面上由（ ）、（ ）、( )和外形等视觉特征. 8、任何的设计形式，在视觉空间上都是由（ ）（ ）（ ）这三种基本元素构成。
9、直线（ ）、（ ）、（ ）；曲线（ ），（ ），十分女性化。
10、水平线（ ），（ ）。
垂直线（ ），有种（ ）的感觉。
二、选择题：共15分（每题3分）1、书籍装帧是一门艺术设计和( )结合的产物。
A.绘画B.摄影C.雕塑D.印刷装订装2、书籍产生的基本条件是( )，有了它才有书的形成。
A.纸B.文字C.帛D.结绳3、.印刷，实际上是( )、印刷、装订的总称。
A.设计B.制版C.装纸D.编排4、报纸编辑部门的总负责人是（）A.版面主编B.主笔C.总经理D.总编辑5、装帧一本书，先要确定它的大小尺寸，这即是书籍的（）A.开本B.面积C.书页D.幅面三、名词解释：共20分（每题4分）1、骨骼型2、导向视觉流程3、韵律4、最佳视域5、留白四、问答题：共24分（每题8分）1、什么是编排设计2、骨骼与“数、位化” 关系3、对比与调和五、论述题（ 每题11分） 1、现代版式编排设计的发展趋势装。
版式设计基础与实战 第7章 版式设计的基本类型
7.1 网格版式设计
18
7.1 网格版式设计
19
图片与文字组合实例
居中的版心（红色线框内区域为版心）
7.1 网格版式设计
16
版心面积较大，页面留白较少（红色线框内区域为版心 ）
版心面积较小，页面留白较多（红色线框内区域为版心 ）
7.1 网格版式设计
17
3.布局
布局是具体将图片与文字按照级数关系嵌入页面中，综合考虑其在页面中的变化。布局是形成版面统 一变化的关键步骤。下列版面就是图片与文字组合的例子1。
7.1 网格版式设计
11
7.1.3 网格设计的应用步骤
了解了网格的基本运用方法，下面我们来看一下在实际排版过程运用网格的步骤模式，可以 作为参考。
1. 设定出血线
出血线是用来界定版面中图片或图形的哪些部分需要被裁切掉的参考线。（出血线以外的部分会在印 刷品装订前被裁切掉，因此出血线也叫裁切线。出血线的宽度一般是 3mm，设定出血线主要是考虑 到排版在后期印刷裁切过程中形成不留白边的效果，特别针对图片的版面设计时，运用得比较多。）
4×4的网格
7.1 网格版式设计
7
（3）5×4的网格采用的是纵向5栏横向4栏的网格划分形式，在版面中可以形成20个单元格，版面的级数 变化关系可以是1∶2∶4∶8∶16∶20，一般运用在报刊的版面设计中。
5×4的网格
总地来讲，单元格可以随着版面面积的增大而增加，单元格数量的增加也使运用其中的级数组合关系 更加丰富。除了以上介绍的 3种网格设计形式之外，设计师也可以根据版面大小和需要来设计单元格和级 数组合关系。
7.1 网格版式设计
7.1.2 网格设计的基本形式
网格可以在不同媒介不同尺寸的页面中搭建，依据页面尺寸的不同和排版媒介的不同，网格 划分的基本形式也是相应变化的。
《图形设计与制作》课程标准
《图形设计与制作》课程标准一、课程性质与定位Illustrator作为集平面设计和电脑绘画功能为一体的专业设计软件。
在平面设计、企业形象设计、包装设计、技术插图或制版印刷设计方面，Illustrator是一个不可缺少的工具，随着国际互联网的飞速发展，该软件也在网页设计上进行了有针对性的开发，如设计常用的标识、按钮、标题、菜单、标尺、导航栏等，这将有利于加强并改善网站站点的外观。
该课程是在数字媒体设计专业课的基础上开设的，与其他课程有着紧密联系。
通过结合平面构成、色彩构成、版式与书籍装帧、包装结构、CI企业形象策划等平面设计课程，以计算机应用软件辅助表现设计思路和设计效果。
重点培养学生如何操作该软件应用于专业创作设计作品。
通过课堂讲授，教师举例演示和分析及上机实践操作这一循序渐进的过程，使学生通过系统学习使学生能做到基本掌握该软件的知识结构框架及要点，理解不同章节的重点和难点。
1．使学生进一步了解、掌握计算机应用基础知识，通过讲解辅导与作业练习，要使学生能对该软件熟练掌握操作方法、灵活应用知识技巧，使学生初步具有利用计算机解决学习、工作、生活中常见问题的能力。
2．使学生能够根据职业需求运用计算机，体验利用计算机技术获取的信息、处理信息、发布信息的过程，养成独立思考、主动探究的学习方法，培养严谨的科学态度和团队协作意识。
二．课程目标图形设计中的版式设计是设计师必不可少的专业基础知识，通过学习使学生能够了解版面设计在平面设计中的重要性。
理解版面设计是将多种视觉传达元素，按照审美法则和人们的视觉经验进行编排组构的一种视觉表达形式。
课程要求学生，掌握版面设计的方法和设计程序，以提高灵活运用各种表现手法设计版面的能力。
1.专业能力目标（1）理解基本概念：纸—平面—空间的关系、纸—色彩—感觉的关系。
（2）掌握版面设计的形式法则：重复与交错、节奏与韵律、对称与均衡、对比与调和等。
（3）了解版面设计的创意：原则、造型要素、形式原理。