《《编排设计》教案.docx》由会员分享，可在线阅读，更多相关《《编排设计》教案.docx（11页珍藏版）》请在三一文库上搜索。
1、 .编排设计教案学习任务、目的：通过对编排设计的学习，使学生在对形态、色彩、空间、动势等设计要素和构成要素认知及研究的基础上，对这些要素的组合规律、对它们的表现可能性及其与表现容的关系，进行全面的学习研究，并为以后的专业设计打下基础。学生学习了编排设计后，可以有效地掌握画面的构图方法，处理好各种细节。学习容：其主要的学习容包括以下几个方面：1 对视觉设计要素与构成要素的认知；2 对编排设计要素、构成要素、构成规律和方法的认知与实践；3 对编排设计表现容和形式关系的认知；4 对各种应用性设计形式特点的认知与实践。学习手段：主要通过理论课的讲授，采用多媒体教学方式，结合大量编排设计作品及资料的介绍
2、；同时结合作业、练习进行大量的实践性操作，有针对性地对学生加以个别辅导。Word 资料 .导言1 编排设计的基本概念英文将编排设计称为“ LAYOUT ”，意为在一个平面上展开和调度。英文中LAYOUT既是一个建筑方面的概念，也是其他许多设计平面设计、展示设计等要面临和处理的一个基本问题。在中国，编排设计常常被称为版式设计，这实际上将编排设计的围定得太小了。在过去的设计教学体系中，并没有编排设计这门课程，许多人将其归入书籍装帧版式安排的围。实际上，编排设计不仅是一种研究平面设计的方法，也是培养设计师基本的审美和画面调度能力的重要手段。编排设计是按照一定的视觉传达容的需要和审美的规律，结合各种平
3、面设计的具体特点，运用各种视觉要素和构成要素，将各种文字图形及其他视觉形象加以组合编排、进行表现的一种视觉传达设计方法。用一句话概括：一切应用文字和图形设计编排达到设计目的都可称为编排设计。2编排设计是一种重要的视觉表达语言从一定的意义上讲，编排设计是一门具有相对独立性的设计艺术。编排设计也是一种重要的视觉表达语言。任何一个平面空间的设计都涉及到一个将各种视觉要素有序地加以组合，并最大限度地发挥这些要素的表现力的问题。3编排设计是视觉传达设计重要的专业基础课程编排设计是视觉传达设计教育中非常重要的专业设计基础课和设计课，因为所有的视觉传达设计与编排设计相关，甚至可以说都属于编排设计，无论报纸，
4、杂志，挂历，样本，宣传卡，广告招贴，包装，展示列等都必须学习编排设计，另外产品设计中涉及到仪表，指示功能标识，操纵键的布局，产品品牌，厂名商标的放置位置，字体大小，色彩明度，不但影响信息传达而且关系到产品装饰效果。环境艺术设计中店面标志，文字的设计排列，橱窗广告，POP 广告，无不与编排设计相关，涉及视觉形式美感，信息传达的明确、准确等许多重要作用。编排设计与基础课程及专业课程间的关系：Word 资料 .专业课程：包装、广告、CI 设计、展示设计等（平面设计专业）居室设计、景观设计、三维动画、展示设计等（环境艺术设计专业）设计基础课程：字体设计、摄影等（平面设计专业）设计制图、设计表达、材料与
5、结构等（环境艺术设计专业）一编排设计的历史发展与风格变迁学习设计的发展历史对学生而言具有特别重要的意义。设计上的积累主要体现在两个方面：1设计思想2各种不同的设计表现手段及其相应的风格早期人类文献中的编排方式中国与东方古代书籍和印刷品的编排设计西方中世纪书籍和印刷品编排设计的发展与演变工艺美术运动与莫里斯新艺术运动与装饰艺术风格对编排设计的影响未来主义运动、达达主义和客观广告早期现代主义和瑞士现代主义后现代主义电脑对现代设计的冲击（备注：结合实际图例一一讲解）编排设计的基本原理及规律的认知1对视觉表达语言特性的分析思考画面中所要传达的信息在逻辑上的一致性、条理性画面上设计形象的艺术视觉效果2编
6、排设计的视觉要素对视觉要素和构成要素的研究和认识是一切视觉艺术包括编排设计的基础。 形画面的版面构成要素首先是形，就是在画面上有大小、色彩、肌理和外形等的变化，可以在Word 资料 .视觉上辨识的形态。形是一切视觉要素的基础，不能想象有脱离色彩和肌理而存在的形。基本形：点点是最基本的形。一个设计意义上的点，总要在平面中占据一定的空间，才会获得视觉上的平衡和愉悦。一个点占据的空间要根据点的形态、大小而定。点在空间的大小上可与线和面区分开来，但它们之间的界限是相对的、可变的。线从理论上讲，线是点的发展和延伸。线的性质在编排设计中是多样性的。线有形状、色彩、肌理等多种变化。在许多应用性的设计中，文字
7、构成的线，往往占据着画面的主要位置，成为设计者处理的主要对象。面面是线的发展延续。面是各种基本形态中最富于变化的视觉要素。它包括了点和线，如果有空间、大小等条件的存在，面也可以转化为点和线。在编排设计中，一个将被设计的画面本身也是一个面。3编排设计的构成要素 空间平面空间的界定每一件平面设计都必须有一个特定的空间，让设计者将设计容编排于其间。（1）空间不同部分的视觉吸引力在一定尺度的空间里，心理学家们发现：不同部分有着不同的视觉吸引力和功能。例如，在左上方三分之一的位置最受人们的注意，因而常常成为观察阅读画面的起点。（2）空间的分隔空间的分隔无疑是编排设计的基本课题，通过空间的分隔，可以使各种
8、意义上功能不同的信息有序地组合和分列。中国人在书籍设计中很早就运用了分隔的方法，对书页中各个不同的部分进行界定，形成了具有中国特色的编排风格。（3）模数化的分隔对空间的分隔，人们研究方式主要有两种：一是理性的方法，以数学的分析为主；另一种为感性的方法，主要以人的主观直觉判断为依据来处理问题。（4）感性化的分隔这些设计都是以设计者的自身感觉来界定平面空间的区域划分的，而设计空间息的主次次序，形象之间的平衡关系主要通过直觉来处理调整。今天的设计多运用这种设计方法。（5）实的空间与虚的空间在实的空间与虚的空间之间设有绝对的分界。每一个形体在占据一定的空间后，它还需要一定的虚空间，使它在“视觉上”感到
9、舒服使它的力、动势得以延伸。 动势自然界中各种物象之间存在着各种力，它们互相对抗，互相吸引。画面上的动势是设计师要认识并加以运用的重要构成要素。编排设计画面上的力势主要分为三种形式：流动力、力和重力。流动力指画面造型自身向一定方向伸展所产生的视觉力量力是形体在一定空间中由于自身的造型向四周发射、扩散的视觉力量Word 资料 .重力画面上形体由于其色彩肌理的不同产生的或重或轻、或向前伸或向后缩的视觉力量在一个设计平面中，动势往往不只有一个。（1）群组版面编排的核心问题就是如何处理好群组。群组不仅是一个客观的视觉现象，还是编排设计的一个手段，是设计者连接各种要素的环节。群组具有三层意义：组合、层次
10、、织体。组合组合是对画面中各局部视觉要素之间关系的组织处理。在视觉强度上的组合：如均衡、对称在形态造型上的组合：如连接、复叠、透叠在色彩、肌理方面的组合：如调和、呼应等在综合性的要素组合关系：如对比、统一等。层次层次是高一层次的群组。将画面分层次，是分析和组织各种复杂要素的主要手段。设计者将画面上的各种色彩与肌理分成几个大的层次，可以使画面清晰、有条理，同时在视觉上更有表现力。织体和层次相比，织体是更高意义上的群组关系。织体在空间意义上讲，是从整个画面或整个设计角度来思考处理各部分各要素之间的关系。织体的组织体现了设计者的总体思想，表现出作品的基本艺术风格和效果，也体现出设计师处理问题的功力。
11、版面编排设计的难点就在这里。主要包括： 织体的流畅 风格的表现 视觉密度的控制 色调高低调的处理 各种肌理的对比三编排的视觉流程编排设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线为“虚线”。视觉流程运用的好坏，是设计师技巧是否成熟的表现。视觉流程可以从理性与感性、方向关系的流程与散点流程来分析。方向关系流程强调逻辑，注重版面的清晰脉络，似乎有一条线、一股气贯穿其，使整个版面的运动趋势有“主体旋律”。方向关系表现为以下几种形式：（备注：结合实例分析、讲解）1单向视觉流程简明直接诉求强烈的视觉效果表现为三种方向关系：A竖向视觉流程坚定、直观的感
12、觉Word 资料 .B横向视觉流程稳定、恬静的感觉C斜向视觉流程以不稳定的动态引起注意2曲线视觉流程不如单向视觉流程直接、简明，但更具韵味、节奏和曲线美可概括为弧线形“C”和回旋形“S”。3重心视觉流程以强烈的形象或文字独据版面某个部位或完全充斥整版（重心的位置因具体画面而定）。向心、离心的视觉运动也是重心视觉流程的表现。4反复视觉流程指相同或相似的视觉要素做规律、秩序、节奏的逐次运动。其运动流程不如单向、曲线和重心流程运动强烈，但更富于韵律和秩序美。5导向视觉流程诱导元素引导读者视线由主及次形成有机整体。分为：文字导向、手势导向、形象导向、视觉导向等。6散点视觉流程指版面图与图、图与文字间成
13、自由分散状态的编排。强调感性、自由、随机性、偶合性，强调空间和动感。常表现为一种较随意的编排形式。7最佳视域编排设计时，设计师应考虑到将重要信息或视觉流程的停留点安排在注目价值较高的位置，这便是优选最佳视域。6056446133281723Word 资料 .四编排的形式法则1单纯与秩序单纯化：基本形的简练编排结构的简明、单纯秩序：指版面各视觉元素有组织有规律的形式表现。编排单纯 版面整体性强视觉冲击力大反之冲击力弱整体性弱编排复杂2对比与调和对比：将相同或相异的视觉元素做强弱对照编排所运用的形式手法。调和：是在类似或不同类的视觉元素间寻找相互协调的因素，也是在对比的同时产生调和。3对称与均衡两
14、者是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。4节奏和韵律节奏：均匀的重复，是在不断重复中产生频率节奏的变化。韵律：比节奏更高一级的律动，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉。是通过节奏的变化而产生的。5虚实与留白版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，这要依据版面而定。留白是版面“虚”处理中一种特殊的手法。是为了更好地烘托主题，渲染气氛，使版面更臻完美。 中国古代的艺术家在观念上有许多独到的见解：强调“师法自然”、超越自然，追求节奏、韵律。主要通过运用感性的方法对画面进行调度、控制。版式的基本类型1骨格型是一种规、理性的分割方法。
15、西方古代设计家对黄金分割进行了研究，并将其运用到书籍的开本和版心的分割上。早期现代主义设计家们则将骨格运用到招贴广告和书籍的设计上。20 世纪的 20 年代前后，又瑞士现代主义的设计家们研究发展运用骨格进行各种平面设计。尤其在拉丁语系的中，骨格法被广泛地加以运用、完善。但在中国并没有得到很好的推广。骨格的基本原理是将画面，特别是将具有重复性与组合性的画面运用骨格分为不同的功能区域，使图形与文字的编排关系次序化、条理化、规化。双栏（竖）三栏（竖）四栏（横）六栏（竖）2满版型版面以图像充满整版，主要以图像为诉求，视觉传达直观而强烈。3上下分割型把整个版面分为上下两部分，在上半部或下半部配置图片，另
16、一部分配置文案。4左右分割型Word 资料 .把整个版面分为左右两部分，分别或左或右配置文案。5中轴型 6曲线型 7倾斜型版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。8对称型 9重心型 10三角型11并置型将相同或不同的图片做大小相同而位置不同的重复排列。12自由型无规律的、随意的编排构成，有活泼、轻松之感。13四角型指在版面四角及连接四角的对角线结构上编排的图形。严谨、规。1字号、行距、字体字号正文用字一般为 9 点12 点（磅），文字多的版面可以减到 78 点（磅）。字越小，精密度越高，整体性越强。但过小会影响阅读。行距行距的宽窄是设计师较难把握的问题。行距
17、过窄上下文字相互干扰目光难以沿字行扫视行距过宽太多的宽白使字行不能有交好的延续性。行距在常规下比例为：字 10（磅）行距 12 （磅）10：12字体、字号、行距的视觉层次在一个版面中，选用 34 种以的字体为版面最佳视觉效果。2文字编排的四种基本形式左右均齐齐中齐左或齐右文字绕图3标题与正文的编排先将正文做双栏、三栏或四栏的编排，再进行标题的置入。标题的位置可以分为：段首之上居中横向竖向边置插入字群中等4文字的强调线框、符号的强调行首的强调将正文的第一个字或字母放大，是当今流行的设计潮流。下坠式是目前行首强调中使用最广泛的手法。行首装饰的强调形象化 + 装饰化版面的装饰风格 + 强烈的视觉冲击
18、力引文的强调（眉头）5文字的整体编排文案的群组编排将文案的多种信息组织成一个整体的形，如方形等，其中各个段落之间还可用线段分割，使其清晰、条理而富于整体感。文案的群组化，避免了空间的散乱状态。文案的图形编排文字的图形化是版面产生生动妙趣，获得良好视觉吸引力的一种方式，是形式与容相统一的Word 资料 .最佳形式。6文字的图形表述7文字的叠印1四角与中轴四点支配版面的四角和对角线四角是表示版心边界的四个点，把四个角连起来的斜线即对角线交叉点为几何中心支配版面的中轴四点中轴四点可产生横、竖居中的版面结构，其四点可略有移动。四角与中轴四点结构将四角与中轴四点结构结合使用，其版面结构更为丰富完美。Wo
19、rd 资料 .结构原理虽简单，变化却很丰富。用它来分析、解释版面的结构，版式设计的结构关系，视觉流程关系，形式法则关系都得以简化。2方形图、退底图、出血图方形图以直线边框来规和限制，是一种最常见、最简洁、最单纯的形式。退底图将图片中精选出的图像沿边缘剪裁而保留轮廓分明的图形。出血图将图形充满版面，无边框，有向外扩和舒展之势。3图形面积图形面积的大小不仅能影响版面的视觉效果，而且直接影响情感的传达。大图形情感强烈小图形精密4块状组合与散点组合块状组合图片的水平、垂直分割或相互叠置或分类叠置散点组合将图片散点排列在版面各部分，版面即充满自由轻快之感。注意图片大小、主次的配置，方形图与退底图的配置，
20、还要考虑疏密、均衡、视觉方向程序等。5展开页的整体设计整体设计非常重要主要从以下几个方面来把握：展开页的设计建立在形象的对比关系上。展开页的设计建立在同一视觉识别上。展开页的设计建立在形象的启承关系上，所延续的图像或文字有被分割的感觉。八 现代版面设计的发展趋势1强调创意平面设计的创意表现为两种：针对主题思想的创意版面编排设计的形式创意文字与图形的配置，已不是简单的组合关系，而是更具有积极性和创意表现性，与图形达成最佳的配置关系来共同表现思想及情感。这种手法是形式与容完美的体现。2突出个性在编排设计中，追求新颖、独特的个性表现，有意制造某种神秘、无规则的空间，或者以追求幽默、风趣的表现形式来吸
21、引读者，引起共鸣，是当今设计界在艺术风格上的流行趋势。3注重情感“以情动人”是艺术创作中奉行的原则。在版面编排设计中，文字的编排表述最富于情感的表现。合理地运用编排的原理来准确地表达情感是编排设计更高层次的艺术表现。4追求多维空间“新客观主义”蒙德里安的“新造型主义”毕加索的“立体主义”哈蒂的“随机性、偶合性”多维空间的版面（借助电脑等科技的手段实现）追求阅读方位的多样化、矛盾化和空间层次的立体化，造成多视点空间。附表 1课程作业安排：Word 资料 .序号作业1前期2中期3后期为自己或者某人设计一符合职业与性格的名片/ 视觉日记自由创作，通过编排设计体现画面的个性附表 2编排设计作品解析及鉴赏（另见文件）Word 资料