《编排设计》教案.doc

《编排设计》教案.doc

《《编排设计》教案.doc》由会员分享，可在线阅读，更多相关《《编排设计》教案.doc（11页珍藏版）》请在冰点文库上搜索。

《编排设计》教案

学习任务、目的：

通过对编排设计的学习，使学生在对形态、色彩、空间、动势等设计要素和构成要素认知及研究的基础上，对这些要素的组合规律、对它们的表现可能性及其与表现内容的关系，进行全面的学习研究，并为以后的专业设计打下基础。

学生学习了编排设计后，可以有效地掌握画面的构图方法，处理好各种细节。

学习内容：

其主要的学习内容包括以下几个方面：

1．对视觉设计要素与构成要素的认知；

2．对编排设计要素、构成要素、构成规律和方法的认知与实践；

3．对编排设计表现内容和形式关系的认知；

4．对各种应用性设计形式特点的认知与实践。

学习手段：

主要通过理论课的讲授，采用多媒体教学方式，结合大量编排设计作品及资料的介绍；同时结合作业、练习进行大量的实践性操作，有针对性地对学生加以个别辅导。

导言

1．编排设计的基本概念

英文将编排设计称为“LAYOUT”，意为在一个平面上展开和调度。

英文中LAYOUT既是一个建筑方面的概念，也是其他许多设计——平面设计、展示设计等要面临和处理的一个基本问题。

在中国，编排设计常常被称为版式设计，这实际上将编排设计的范围定得太小了。

在过去的设计教学体系中，并没有编排设计这门课程，许多人将其归入书籍装帧版式安排的范围。

实际上，编排设计不仅是一种研究平面设计的方法，也是培养设计师基本的审美和画面调度能力的重要手段。

编排设计是按照一定的视觉传达内容的需要和审美的规律，结合各种平面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其他视觉形象加以组合编排、进行表现的一种视觉传达设计方法。

☆用一句话概括：

一切应用文字和图形设计编排达到设计目的都可称为编排设计。

2．

编排设计是一种重要的视觉表达语言

从一定的意义上讲，编排设计是一门具有相对独立性的设计艺术。

编排设计也是一种重要的视觉表达语言。

任何一个平面空间的设计都涉及到一个将各种视觉要素有序地加以组合，并最大限度地发挥这些要素的表现力的问题。

3．

编排设计是视觉传达设计重要的专业基础课程

编排设计是视觉传达设计教育中非常重要的专业设计基础课和设计课，因为所有的视觉传达设计与编排设计相关，甚至可以说都属于编排设计，无论报纸，杂志，挂历，样本，宣传卡，广告招贴，包装，展示陈列等都必须学习编排设计，另外产品设计中涉及到仪表，指示功能标识，操纵键的布局，产品品牌，厂名商标的放置位置，字体大小，色彩明度，不但影响信息传达而且关系到产品装饰效果。

环境艺术设计中店面标志，文字的设计排列，橱窗广告，POP广告，无不与编排设计相关，涉及视觉形式美感，信息传达的明确、准确等许多重要作用。

编排设计与基础课程及专业课程间的关系：

专业课程：

包装、广告、

CI设计、展示设

计等（平面设计专业）

居室设计、景观设计、三

维动画、展示设计等（环境

艺术设计专业）

设计基础课程：

字体设计、

标志设计、图形设计、版式设计、

摄影等（平面设计专业）设计制图、

设计表达、材料与结构等（环境艺术设

计专业）

基础课程：

素描、色彩、三大构成等

一．编排设计的历史发展与风格变迁

学习设计的发展历史对学生而言具有特别重要的意义。

设计上的积累主要体现在两个方面：

1．设计思想

2．各种不同的设计表现手段及其相应的风格

⊙早期人类文献中的编排方式

⊙中国与东方古代书籍和印刷品的编排设计

⊙西方中世纪书籍和印刷品编排设计的发展与演变

⊙工艺美术运动与莫里斯

⊙新艺术运动与装饰艺术风格对编排设计的影响

⊙未来主义运动、达达主义和客观广告

⊙早期现代主义和瑞士现代主义

⊙后现代主义

⊙电脑对现代设计的冲击

（备注：

结合实际图例一一讲解）

二．编排设计的基本原理及规律的认知

1．对视觉表达语言特性的分析思考

⊙画面中所要传达的信息在逻辑上的一致性、条理性

⊙画面上设计形象的艺术视觉效果

2．编排设计的视觉要素

对视觉要素和构成要素的研究和认识是一切视觉艺术包括编排设计的基础。

①形

画面的版面构成要素首先是形，就是在画面上有大小、色彩、肌理和外形等的变化，可以在视觉上辨识的形态。

形是一切视觉要素的基础，不能想象有脱离色彩和肌理而存在的形。

基本形：

⊙点

点是最基本的形。

一个设计意义上的点，总要在平面中占据一定的空间，才会获得视觉上的平衡和愉悦。

一个点占据的空间要根据点的形态、大小而定。

点在空间的大小上可与线和面区分开来，但它们之间的界限是相对的、可变的。

⊙线

从理论上讲，线是点的发展和延伸。

线的性质在编排设计中是多样性的。

线有形状、色彩、肌理等多种变化。

在许多应用性的设计中，文字构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。

⊙面

面是线的发展延续。

面是各种基本形态中最富于变化的视觉要素。

它包括了点和线，如果有空间、大小等条件的存在，面也可以转化为点和线。

在编排设计中，一个将被设计的画面本身也是一个面。

3．编排设计的构成要素

①空间

⊙平面空间的界定

每一件平面设计都必须有一个特定的空间，让设计者将设计内容编排于其间。

（1）空间不同部分的视觉吸引力

在一定尺度的空间里，心理学家们发现：

不同部分有着不同的视觉吸引力和功能。

例如，在左上方三分之一的位置最受人们的注意，因而常常成为观察阅读画面的起点。

（2）空间的分隔

空间的分隔无疑是编排设计的基本课题，通过空间的分隔，可以使各种意义上功能不同的信息有序地组合和分列。

中国人在书籍设计中很早就运用了分隔的方法，对书页中各个不同的部分进行界定，形成了具有中国特色的编排风格。

（3）模数化的分隔

对空间的分隔，人们研究方式主要有两种：

一是理性的方法，以数学的分析为主；另一种为感性的方法，主要以人的主观直觉判断为依据来处理问题。

（4）感性化的分隔

这些设计都是以设计者的自身感觉来界定平面空间的区域划分的，而设计空间中信息的主次次序，形象之间的平衡关系主要通过直觉来处理调整。

今天的设计多运用这种设计方法。

（5）实的空间与虚的空间

在实的空间与虚的空间之间设有绝对的分界。

每一个形体在占据一定的空间后，它还需要一定的虚空间，使它在“视觉上”感到舒服——使它的张力、动势得以延伸。

②动势

自然界中各种物象之间存在着各种力，它们互相对抗，互相吸引。

画面上的动势是设计师要认识并加以运用的重要构成要素。

编排设计画面上的力势主要分为三种形式：

流动力、张力和重力。

流动力——指画面造型自身向一定方向伸展所产生的视觉力量

张力——是形体在一定空间中由于自身的造型向四周发射、扩散的视觉力量

重力——画面上形体由于其色彩肌理的不同产生的或重或轻、或向前伸或向后缩的视觉力量

在一个设计平面中，动势往往不只有一个。

（1）群组

版面编排的核心问题就是如何处理好群组。

群组不仅是一个客观的视觉现象，还是编排设计的一个手段，是设计者连接各种要素的环节。

群组具有三层意义：

组合、层次、织体。

⊙组合

组合是对画面中各局部视觉要素之间关系的组织处理。

◎在视觉强度上的组合：

如均衡、对称

◎在形态造型上的组合：

如连接、复叠、透叠

◎在色彩、肌理方面的组合：

如调和、呼应等

◎在综合性的要素组合关系：

如对比、统一等。

⊙层次

层次是高一层次的群组。

将画面分层次，是分析和组织各种复杂要素的主要手段。

设计者将画面上的各种色彩与肌理分成几个大的层次，可以使画面清晰、有条理，同时在视觉上更有表现力。

⊙织体

和层次相比，织体是更高意义上的群组关系。

织体在空间意义上讲，是从整个画面或整个设计角度来思考处理各部分各要素之间的关系。

织体的组织体现了设计者的总体思想，表现出作品的基本艺术风格和效果，也体现出设计师处理问题的功力。

版面编排设计的难点就在这里。

主要包括：

◎织体的流畅

◎风格的表现

◎视觉密度的控制

◎色调高低调的处理

◎各种肌理的对比

三．编排的视觉流程

编排设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。

这种视觉在空间的流动线为“虚线”。

视觉流程运用的好坏，是设计师技巧是否成熟的表现。

视觉流程可以从理性与感性、方向关系的流程与散点流程来分析。

方向关系流程强调逻辑，注重版面的清晰脉络，似乎有一条线、一股气贯穿其内，使整个版面的运动趋势有“主体旋律”。

方向关系表现为以下几种形式：

（备注：

结合实例分析、讲解）

1．单向视觉流程

简明——直接诉求——强烈的视觉效果

表现为三种方向关系：

A．竖向视觉流程——坚定、直观的感觉

B．横向视觉流程——稳定、恬静的感觉

C．斜向视觉流程——以不稳定的动态引起注意

2．曲线视觉流程

不如单向视觉流程直接、简明，但更具韵味、节奏和曲线美

可概括为弧线形“C”和回旋形“S”。

3．重心视觉流程

以强烈的形象或文字独据版面某个部位或完全充斥整版（重心的位置因具体画面而定）。

向心、离心的视觉运动也是重心视觉流程的表现。

4．反复视觉流程

指相同或相似的视觉要素做规律、秩序、节奏的逐次运动。

其运动流程不如单向、曲线和重心流程运动强烈，但更富于韵律和秩序美。

5．导向视觉流程

诱导元素——引导读者视线——由主及次——形成有机整体。

分为：

文字导向、手势导向、形象导向、视觉导向等。

6．散点视觉流程

指版面图与图、图与文字间成自由分散状态的编排。

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

常表现为一种较随意的编排形式。

7．最佳视域

编排设计时，设计师应考虑到将重要信息或视觉流程的停留点安排在注目价值较高的位置，这便是优选最佳视域。

33%

23%

17%

28%

16%

44%

28%

17%

60%

61%

56%

44%

四．编排的形式法则

1．单纯与秩序

单纯化：

基本形的简练——编排结构的简明、单纯

秩序：

指版面各视觉元素有组织有规律的形式表现。

编排单纯——版面整体性强——视觉冲击力大——反之

冲击力弱——整体性弱——编排复杂——————

2．对比与调和

对比：

将相同或相异的视觉元素做强弱对照编排所运用的形式手法。

调和：

是在类似或不同类的视觉元素间寻找相互协调的因素，也是在对比的同时产生调和。

3．对称与均衡

两者是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。

4．节奏和韵律

节奏：

均匀的重复，是在不断重复中产生频率节奏的变化。

韵律：

比节奏更高一级的律动，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉。

是通过节奏的变化而产生的。

5．虚实与留白

版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，这要依据版面而定。

留白是版面“虚”处理中一种特殊的手法。

是为了更好地烘托主题，渲染气氛，使版面更臻完美。

☆中国古代的艺术家在观念上有许多独到的见解：

强调“师法自然”、超越自然，追求节奏、韵律。

主要通过运用感性的方法对画面进行调度、控制。

五．版式的基本类型

1．骨格型

是一种规范、理性的分割方法。

西方古代设计家对黄金分割进行了研究，并将其运用到书籍的开本和版心的分割上。

早期现代主义设计家们则将骨格运用到招贴广告和书籍的设计上。

20世纪的20年代前后，又瑞士现代主义的设计家们研究发展运用骨格进行各种平面设计。

尤其在拉丁语系的国家中，骨格法被广泛地加以运用、完善。

但在中国并没有得到很好的推广。

骨格的基本原理是将画面，特别是将具有重复性与组合性的画面运用骨格分为不同的功能区域，使图形与文字的编排关系次序化、条理化、规范化。

双栏（竖）三栏（竖）四栏（横）六栏（竖）

2．满版型

版面以图像充满整版，主要以图像为诉求，视觉传达直观而强烈。

3．上下分割型

把整个版面分为上下两部分，在上半部或下半部配置图片，另一部分配置文案。

4．左右分割型

把整个版面分为左右两部分，分别或左或右配置文案。

5．中轴型

6．曲线型

7．倾斜型

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

8．对称型

9．重心型

10．三角型

11．并置型

将相同或不同的图片做大小相同而位置不同的重复排列。

12．自由型

无规律的、随意的编排构成，有活泼、轻松之感。

13．四角型

指在版面四角及连接四角的对角线结构上编排的图形。

严谨、规范。

六．文字的编排构成

1．字号、行距、字体

①字号

正文用字一般为9点——12点（磅），文字多的版面可以减到7——8点（磅）。

字越小，精密度越高，整体性越强。

但过小会影响阅读。

②行距

行距的宽窄是设计师较难把握的问题。

行距过窄——上下文字相互干扰——目光难以沿字行扫视

行距过宽——太多的宽白使字行不能有交好的延续性。

行距在常规下比例为：

字10（磅）——行距12（磅）10：

12

③字体、字号、行距的视觉层次

在一个版面中，选用3——4种以内的字体为版面最佳视觉效果。

2．文字编排的四种基本形式

左右均齐齐中齐左或齐右文字绕图

3．标题与正文的编排

先将正文做双栏、三栏或四栏的编排，再进行标题的置入。

标题的位置可以分为：

段首之上——居中——横向——竖向——边置——插入字群中等

4．文字的强调

①线框、符号的强调

②行首的强调

将正文的第一个字或字母放大，是当今流行的设计潮流。

下坠式是目前行首强调中使用最广泛的手法。

③行首装饰的强调

形象化+装饰化——版面的装饰风格+强烈的视觉冲击力

④引文的强调（眉头）

5．文字的整体编排

①文案的群组编排

将文案的多种信息组织成一个整体的形，如方形等，其中各个段落之间还可用线段分割，使其清晰、条理而富于整体感。

文案的群组化，避免了空间的散乱状态。

②文案的图形编排

文字的图形化是版面产生生动妙趣，获得良好视觉吸引力的一种方式，是形式与内容相统一的最佳形式。

6．文字的图形表述

7．文字的叠印

七．图形的编排构成

1．四角与中轴四点

①支配版面的四角和对角线

四角是表示版心边界的四个点，把四个角连起来的斜线即对角线交叉点为几何中心

②支配版面的中轴四点

中轴四点可产生横、竖居中的版面结构，其四点可略有移动。

③四角与中轴四点结构

将四角与中轴四点结构结合使用，其版面结构更为丰富完美。

结构原理虽简单，变化却很丰富。

用它来分析、解释版面的结构，版式设计的结构关系，视觉流程关系，形式法则关系都得以简化。

2．方形图、退底图、出血图

①方形图

以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形式。

②退底图

将图片中精选出的图像沿边缘剪裁而保留轮廓分明的图形。

③出血图

将图形充满版面，无边框，有向外扩张和舒展之势。

3．图形面积

图形面积的大小不仅能影响版面的视觉效果，而且直接影响情感的传达。

◎大图形情感强烈

◎小图形精密

4．块状组合与散点组合

①块状组合

图片的水平、垂直分割或相互叠置或分类叠置

②散点组合

将图片散点排列在版面各部分，版面即充满自由轻快之感。

注意图片大小、主次的配置，方形图与退底图的配置，还要考虑疏密、均衡、视觉方向程序等。

5．展开页的整体设计

整体设计非常重要

主要从以下几个方面来把握：

①展开页的设计建立在形象的对比关系上。

②展开页的设计建立在同一视觉识别上。

③展开页的设计建立在形象的启承关系上，所延续的图像或文字有被分割的感觉。

八现代版面设计的发展趋势

1．强调创意

平面设计的创意表现为两种：

①针对主题思想的创意

②版面编排设计的形式创意

文字与图形的配置，已不是简单的组合关系，而是更具有积极性和创意表现性，与图形达成最佳的配置关系来共同表现思想及情感。

这种手法是形式与内容完美的体现。

2．突出个性

在编排设计中，追求新颖、独特的个性表现，有意制造某种神秘、无规则的空间，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣，是当今设计界在艺术风格上的流行趋势。

3．注重情感

“以情动人”是艺术创作中奉行的原则。

在版面编排设计中，文字的编排表述最富于情感的表现。

合理地运用编排的原理来准确地表达情感是编排设计更高层次的艺术表现。

4．追求多维空间

“新客观主义”——蒙德里安的“新造型主义”——毕加索的“立体主义”——哈蒂的“随机性、偶合性”——多维空间的版面（借助电脑等科技的手段实现）——追求阅读方位的多样化、矛盾化和空间层次的立体化，造成多视点空间。

附表1

课程作业安排：

序号

作业

1——前期

元素提取练习（30组）

选定一个具体或者符号性元素，运用多种编排方式进行练习

2——中期

报纸编排练习（8P）

选定一份报纸，进行整体版面的编排训练

3——后期

名片设计（1张）

为自己或者某人设计一张符合职业与性格的名片

/视觉日记

自由创作，通过编排设计体现画面的个性

附表2

编排设计作品解析及鉴赏（另见文件）