版式设计的基本要素及构成规律课件

,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,版 式 设 计,Contents Page,目录页,*,目录,CONTENTS,2,6,8,9,第一章 版式设计概述,第二章 版式设计的基本要素及构成规律,第三章 版式设计的设计原则,第四章 版式设计的网格系统,第五章 版式设计的视觉流程,Contents Page,目录页,*,目录,CONTENTS,2,6,8,9,第六章 版式设计的创意技巧,第七章 版式设计的图文编排方法,第八章 版式设计的程序与印刷,第九章 版式设计的具体应用,第二章,二、重点与注意事项提示,（,1,）重点掌握版式设计基本要素的相关原理。,（,2,）在版面编排设计中，基本要素是组成任何平面设计的基础，要学会灵活运用。,（,3,）通过学习使学生认识到色彩作为第一视觉语言的重要性，在整个版式中要注意色调的整体感，色彩的选择与版面主题、版面的表现形式相统一。,一、教学目标与教学要求,本章要求学生掌握版式设计的构成要素在版式中的重要作用。教学时，要求教师通过大量点、线、面的各种变化和组合以及色彩在版式设计上的应用等教学案例，使学生学习并掌握版式设计的构成方法和常用技巧。,三、训练目的与题目要求,训练目的：点、线、面是版式设计首要的考虑因素，要善于排列组合它们之间的关系，善于使用点、线、面表现不同的形式和情感。,题目要求：运用点、线、面分析优秀编排设计作品；运用点、线、面等形态要素进行各种组合编排练习。,点、线、面是视觉构成的基本元素，是版面设计中最重要的构成元素，又是最重要的表现手段。在版面设计中，除了可将图形、文字、空白等内容简单地归纳为点、线、面以外，点、线、面还常常以纯粹的、无任何意义的形态出现在版面中。版面设计实质上也是点、线、面不同方式的组合。不管如何复杂的版面，归根到底都可以简单归纳为点、线、面的构成形式。在设计时，既要体现它的独立性，又要体现三者之间互衬、对比、协调的空间关系。,在平面设计中有着各种各样的元素，但所有的元素概括起来不外乎点、线、面三种，三种元素的相互结合与相互转换就构成了丰富多彩的设计形式。一幅作品的设计如何通过视觉传达作用于读者的心理、打动人们的情感、感染人们的思想、给人以美的享受，同时又能使主题信息传达准确，版式中形态构成就是重要的影响因素。,第二章,点，是造型中最基本的要素，也是版面设计中不可忽视的要素。点在几何学意义上，只具有位置，不具有大小、方向、面积。在版面中，点的表现是多样的，可以是单个的字母、抽象的标志、一个符号、小幅的图片或者是其他任何具有相似特征的版面元素。设计师要理解点的原理和作用，并在版式设计中掌握并熟练运用点，就能对版面中的文字、符号或小图形进行合理的组合构成，使版面形象更突出、更醒目（图,2-1,至图,2-5,）。,在版面设计时，点也是相对而言的，,“,点,”,多数是作为一种抽象出来的点而存在，在整幅版面中，一个较小的形象即可称为,“,点,”,。同时，点也可作为一种具象而存在，这就需要我们具有丰富的想象力和敏锐的对美的感悟。连续运动的点的轨迹形成线，点与点之间的距离远可形成虚线，近则形成实线。,在版面编排上，点可以作为整个版面的画龙点睛之,“,点,”,，形成画面的中心；也可以和其他形态排列组合，起着平衡画面的作用，填补画面空间，点缀和活跃画面气氛。,第二章,第一节 点在版式设计上的构成规律,第二章,第一节 点在版式设计上的构成规律,一、点在版面上的位置,（一）点的位置居于几何中心,点的位置居于几何中心时，画面的上下左右空间对称，视觉张力均等，即庄重稳定，又会因处理不当而略显呆板。,（二）点的位置居于视觉中心,点的位置居于视觉中心时，画面的视觉稳定性好，会产生视觉心理的平衡与舒适感。,（三）点的位置偏左或偏右,点的位置偏左或偏右时，画面会产生向心移动趋势，但过于边置则会产生离心之动感。,（四）点位于画面的上、下边,点位于画面的上、下边时，则有上升、下沉的心理感受。,第二章,第一节 点在版式设计上的构成规律,二、点在版面设计中的应用,（一）点作为一种符号而存在,点作为一种符号而存在，并在版面中占据较主要的位置，可以产生一种凝聚力，使人产生紧张感、扩张感，吸引读者的视线（图,2-6,）。,（二）不同形状点的作用,不同的点给人不同的视觉感受。在版面设计中，单个字体的出现可视为点，一个微小的符号和图形也被视为一个点，不同的形态作为点出现在画面上可以表达出不同的内涵。,第二章,第一节 点在版式设计上的构成规律,1,稳定版面（图,2-7,、图,2-8,）。,第二章,第一节 点在版式设计上的构成规律,2,活跃版面（图,2-9,）。,第二章,第一节 点在版式设计上的构成规律,3,平衡版面（图,2-10,）。,一、线的形态,线是版面设计的基本元素，线的形态是点的移动方式和移动速度产生的，所以有很强的,运动感和情感特征。,线有曲直之分，有粗细之别；有自然形态与人工形态之分,有刚性柔性之别；还有动静之分，虚实之别,;,可以连续或间断、粗或细、有规律或无规律、静止或运动、直线或曲线，甚至是诸多形式的不同结合。,线，也是人们认识和反映自然形态时最简明的表现形式。在画面上，线通常是对所目睹、感受或想象到的事物的一种概括，能界定各种形状，暗示体积或显示所绘物体的质量。因此，我们能通过线条的组织来创造形象、图案、肌理或描绘阴影等。在长期的演化过程中,线条在绘画上的运用愈来愈富有,表现性、象征性与抽象性,（图,2-11,至图,2-14,）。,第二章,第二节 线在版式设计上的构成规律,第二章,第二节 线在版式设计上的构成规律,线的分割可分成平行线分割、直线分割、弧线分割、垂直与水平线分割、放射状分割、自由分割。,在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所在的内在联系。空间等量的分割是将多个相同或相似的形态进行空间等量分割，以获得秩序感与美感；图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素；通过不同比例的空间分割，版面产生各空间的对比与节奏感。自由分割需要注意各个块面之间的比例关系，被分割后的图形之间的对比关系。（图,2-15,）。,二、线的分割,第二章,第二节 线在版式设计上的构成规律,在强调情感、动感、视觉冲击力较强的出血图中，若加入线框作为设计元素，情感、动感则获得相应的稳定规范。另外，当线框较细时，版面则轻快而有弹性；当线框较粗时，图像有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭（图,2-16,、图,2-17,）。,三、线的强调与约束,第二章,第二节 线在版式设计上的构成规律,从原始人的符号、图形到现代的文字和多元化设计作品，设计师往往通过线来表现形。线不仅仅是物体抽象化表现的有力手段，而且它本身就具有卓越的造型力和表现力。由于线的性质和种类不同，在视觉传达设计中所表现的视觉情感性格也丰富多变。不同的线在视觉传达中代表着不同的意念和情态，而合理的应用直线和曲线是丰富画面不可缺少的表现手法（图,2-18,至图,2-21,）。,四、线的情感,第二章,第二节 线在版式设计上的构成规律,面的大小、虚实都会给人以不同的视觉感受。面积大的面，给人扩张感；面积小的面，给人向心感。实的面，如填实的色块、大幅的图片、夸张的视觉符号或者字母等，我们也可以称其为积极的面。虚的面，可以表现为版面的背景或空白，我们也可以称其为消极的面。面的虚实会产生层次的美感，这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。填实的面在心理上一定会比虚的面体现一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。但虚面、实面也都是这些元素之间相对而言的（图,2-22,至图,2-24,）。,一、面的大小和虚实,第二章,第三节 面在版式设计上的构成规律,第二章,第三节 面在版式设计上的构成规律,二、面的分类,面可以分为几何形和自由形两大类。几何面形可以分为几何直线面和几何曲线面（图,2-25,、图,2-26,），自由面形也一样分为直线面和曲线面（图,2-27,至图,2-29,）。几何形由点、线、面组成，空间形态清晰，视觉传达效果显著，具有理性美。自由形表现非具象效果时，因空间力场的不规则变化则显得浪漫、富于情趣，具有感性美。直线面刚硬、男性化，曲线面柔和、女性化。,第二章,第三节 面在版式设计上的构成规律,第二章,第三节 面在版式设计上的构成规律,（,1,）点的线化、面化：,一排文字的横向、竖向或曲线组合即是点的线化，断开的点形成虚线，连续的点形成实线（图,2-30,）；点的集中排列有可能成为面，如大段文字的排列、编排紧密的点。点的面化就是借助点元素由一个中心向四周扩张和反复衍生所得的结果。经过点的面化之后，点本身的造型意义也随之隐含于面的转化中。然而，这时的面只能呈现出朦胧和虚淡的特征，它和点的线化一样，成为作品中间接的表现对象。点的线化和点的面化在构成活动中将我们的设计意识指向了点以外的,“,线,”,和,“,面,”,，然而，不可忽视的是，点形态依然起到了造型意义上的决定作用。因为没有点元素的连续或扩展，虚拟的线和面是不可能产生的。点的线化和面化在构成设计中已成为一种独特的表现手段。,（,2,）线的面化：,线的等距离或疏密排列可形成面。数排文字的排列组合也可形成线的面化（图,2-31,、图,2-32,）。,重点提示,第二章,第三节 版式设计的目的和功能,一、色彩的三要素,对色彩的理解基于三个概念：色相,色彩的相貌，是一种色彩区别于其他色彩的表象特征；明度,色彩的明暗程度，明度的两极分别是白色和黑色；纯度,色彩的纯净程度，纯度是与灰度相对应的，色彩中所含有的灰度越少，纯度就越高。,第二章,第四节 色彩在版式设计上的体现规律,二、确定主色调,（一）主色调的选择,所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。版面整体色调的运用得当，能使设计充满生机。任何一个设计项目中都会用到色彩。在版式设计中，对色彩的选择应该非常慎重，它会成为影响设计者传达主题手法的主要力量。首先应该考虑在一幅设计作品中能用到多少种颜色，其次考虑色彩所要传达的与之匹配的产品的讯息。最后，对照设计意图来调整所选用的色彩。,在表达这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调，而这明显地感染读者的情绪，影响读者的接受能力（图,2-33,）。如以中性色表达怀旧的情调；以暖色、纯度高的对比色刺激人的感官，使人兴奋；以明度高的颜色塑造清静、凉爽的感觉等。不同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情景交融的沟通（图,2-34,、图,2-35,）。,第二章,第四节 色彩在版式设计上的体现规律,我们还可以通过各种色彩的运用来传达信息和情感。例如，包装往往会通过色彩来传达产品形象。在洗发香波的广告中，设计者能巧妙地使用不同的淡淡色调来反映产品所含的不同成分（图,2-36,）。,第二章,第四节 色彩在版式设计上的体现规律,（二）主色调的识别性,主色调的识别可以从两个方面加以分析：一是从色彩的象征性考虑，从人们日常对色彩的认知中获得启发；二是从行业的属性方面考虑，借鉴同类企业版式设计中有代表的行业色彩。例如，科技、,IT,行业可选择象征科学、精密的蓝色；农业、医药行业可选择具有环保、生命特征的绿色；赭石色、褐色可代表咖啡、巧克力、中药或者苦的味道等（图,2-37,）。,（三）整体色调的和谐统一,版式中的图片具有明确的色彩调子，在编排过程中，可以将文字、标题、底纹等元素的色彩结合图片的色调来搭配，使版面的色彩形成一种和谐统一的依存关系（图,2-38,、图,2-39,）。,第二章,第四节 色彩在版式设计上的体现规律,三、色彩的创意,（一）点缀色,在同质的色彩中，加上局部不同质的色彩，形成视觉重点。色彩的点缀在版面中产生一种紧张感，成为整体的一个着力点。点缀的色彩应该采用小的面积，并与其他色彩形成强烈对比，以提高注目性，形成视觉中心，同时在位置与比例关系上，起到平衡色彩的作用（图,2-40,）。,第二章