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

1、版 式 设 计 2 Contents Page目录页 * 目录CONTENTS第一章 版式设计概述第二章 版式设计的基本要素及构成规律第三章 版式设计的设计原则第四章 版式设计的网格系统第五章 版式设计的视觉流程 3 Contents Page目录页 * 目录CONTENTS第六章 版式设计的创意技巧第七章 版式设计的图文编排方法第八章 版式设计的程序与印刷第九章 版式设计的具体应用 4 第二章二、重点与注意事项提示（1）重点掌握版式设计基本要素的相关原理。（2）在版面编排设计中，基本要素是组成任何平面设计的基础，要学会灵活运用。（3）通过学习使学生认识到色彩作为第一视觉语言的重要性，在整个版

2、式中要注意色调的整体感，色彩的选择与版面主题、版面的表现形式相统一。一、教学目标与教学要求本章要求学生掌握版式设计的构成要素在版式中的重要作用。教学时，要求教师通过大量点、线、面的各种变化和组合以及色彩在版式设计上的应用等教学案例，使学生学习并掌握版式设计的构成方法和常用技巧。 5 三、训练目的与题目要求训练目的：点、线、面是版式设计首要的考虑因素，要善于排列组合它们之间的关系，善于使用点、线、面表现不同的形式和情感。题目要求：运用点、线、面分析优秀编排设计作品；运用点、线、面等形态要素进行各种组合编排练习。 点、线、面是视觉构成的基本元素，是版面设计中最重要的构成元素，又是最重要的表现手段。

3、在版面设计中，除了可将图形、文字、空白等内容简单地归纳为点、线、面以外，点、 线、面还常常以纯粹的、无任何意义的形态出现在版面中。版面设计实质上也是点、线、面不同方式的组合。不管如何复杂的版面，归根到底都可以简单归纳为点、线、面的构成形式。在设计时，既要体现它的独立性，又要体现三者之间互衬、对比、协调的空间关系。 在平面设计中有着各种各样的元素，但所有的元素概括起来不外乎点、线、面三种，三种元素的相互结合与相互转换就构成了丰富多彩的设计形式。一幅作品的设计如何通过视觉传达作用于读者的心理、打动人们的情感、感染人们的思想、给人以美的享受，同时又能使主题信息传达准确，版式中形态构成就是重要的影响因

4、素。第二章 6 点，是造型中最基本的要素，也是版面设计中不可忽视的要素。点在几何学意义上，只具有位置，不具有大小、方向、面积。在版面中，点的表现是多样的，可以是单个的字母、抽象的标志、一个符号、小幅的图片或者是其他任何具有相似特征的版面元素。设计师要理解点的原理和作用，并在版式设计中掌握并熟练运用点，就能对版面中的文字、符号或小图形进行合理的组合构成，使版面形象更突出、更醒目（图2-1至图2-5）。在版面设计时，点也是相对而言的，“点”多数是作为一种抽象出来的点而存在，在整幅版面中，一个较小的形象即可称为“点”。同时，点也可作为一种具象而存在，这就需要我们具有丰富的想象力和敏锐的对美的感悟。连

5、续运动的点的轨迹形成线，点与点之间的距离远可形成虚线，近则形成实线。在版面编排上，点可以作为整个版面的画龙点睛之“点”，形成画面的中心；也可以和其他形态排列组合，起着平衡画面的作用，填补画面空间，点缀和活跃画面气氛。第二章第一节 点在版式设计上的构成规律 7 第二章第一节 点在版式设计上的构成规律 8 一、点在版面上的位置（一）点的位置居于几何中心点的位置居于几何中心时，画面的上下左右空间对称，视觉张力均等，即庄重稳定，又会因处理不当而略显呆板。（二）点的位置居于视觉中心点的位置居于视觉中心时，画面的视觉稳定性好，会产生视觉心理的平衡与舒适感。（三）点的位置偏左或偏右点的位置偏左或偏右时，画面

6、会产生向心移动趋势，但过于边置则会产生离心之动感。（四）点位于画面的上、下边点位于画面的上、下边时，则有上升、下沉的心理感受。第二章第一节 点在版式设计上的构成规律 9 二、点在版面设计中的应用（一）点作为一种符号而存在点作为一种符号而存在，并在版面中占据较主要的位置，可以产生一种凝聚力，使人产生紧张感、扩张感，吸引读者的视线（图2-6）。（二）不同形状点的作用不同的点给人不同的视觉感受。在版面设计中，单个字体的出现可视为点，一个微小的符号和图形也被视为一个点，不同的形态作为点出现在画面上可以表达出不同的内涵。第二章第一节 点在版式设计上的构成规律 10 1稳定版面（图2-7、图2-8）。第二

7、章第一节 点在版式设计上的构成规律 11 2活跃版面（图2-9）。第二章第一节 点在版式设计上的构成规律3平衡版面（图2-10）。 12 一、线的形态线是版面设计的基本元素，线的形态是点的移动方式和移动速度产生的，所以有很强的运动感和情感特征。线有曲直之分，有粗细之别；有自然形态与人工形态之分,有刚性柔性之别；还有动静之分，虚实之别;可以连续或间断、粗或细、有规律或无规律、静止或运动、直线或曲线，甚至是诸多形式的不同结合。线，也是人们认识和反映自然形态时最简明的表现形式。在画面上，线通常是对所目睹、感受或想象到的事物的一种概括，能界定各种形状，暗示体积或显示所绘物体的质量。因此，我们能通过线条

8、的组织来创造形象、图案、肌理或描绘阴影等。在长期的演化过程中,线条在绘画上的运用愈来愈富有表现性、象征性与抽象性（图2-11至图2-14）。第二章第二节 线在版式设计上的构成规律 13 第二章第二节 线在版式设计上的构成规律 14 线的分割可分成平行线分割、直线分割、弧线分割、垂直与水平线分割、放射状分割、自由分割。在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所在的内在联系。空间等量的分割是将多个相同或相似的形态进行空间等量分割，以获得秩序感与美感；图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素；通过不同比例的空间分割，版面产生各空间的对比与节奏感。自由

9、分割需要注意各个块面之间的比例关系，被分割后的图形之间的对比关系。（图2-15）。二、线的分割第二章第二节 线在版式设计上的构成规律 15 在强调情感、动感、视觉冲击力较强的出血图中，若加入线框作为设计元素，情感、动感则获得相应的稳定规范。另外，当线框较细时，版面则轻快而有弹性；当线框较粗时，图像有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭（图2-16、图2-17）。三、线的强调与约束第二章第二节 线在版式设计上的构成规律 16 从原始人的符号、图形到现代的文字和多元化设计作品，设计师往往通过线来表现形。线不仅仅是物体抽象化表现的有力手段，而且它本身就具有卓越的

10、造型力和表现力。由于线的性质和种类不同，在视觉传达设计中所表现的视觉情感性格也丰富多变。不同的线在视觉传达中代表着不同的意念和情态，而合理的应用直线和曲线是丰富画面不可缺少的表现手法（图2-18至图2-21）。四、线的情感第二章第二节 线在版式设计上的构成规律 17 面的大小、虚实都会给人以不同的视觉感受。面积大的面，给人扩张感；面积小的面，给人向心感。实的面，如填实的色块、大幅的图片、夸张的视觉符号或者字母等，我们也可以称其为积极的面。虚的面，可以表现为版面的背景或空白，我们也可以称其为消极的面。面的虚实会产生层次的美感，这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。填实

11、的面在心理上一定会比虚的面体现一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。但虚面、实面也都是这些元素之间相对而言的（图2-22至图2-24）。一、面的大小和虚实第二章第三节 面在版式设计上的构成规律 18 第二章第三节 面在版式设计上的构成规律 19 二、面的分类面可以分为几何形和自由形两大类。几何面形可以分为几何直线面和几何曲线面（图2-25、图2-26），自由面形也一样分为直线面和曲线面（图2-27至图2-29）。几何形由点、线、面组成，空间形态清晰，视觉传达效果显著，具有理性美。自由形表现非具象效果时，因空间力场的不规则变化则显得浪漫、富于情趣，具有感性美。直

12、线面刚硬、男性化，曲线面柔和、女性化。第二章第三节 面在版式设计上的构成规律 20 第二章第三节 面在版式设计上的构成规律（1）点的线化、面化：一排文字的横向、竖向或曲线组合即是点的线化，断开的点形成虚线，连续的点形成实线（图2-30）；点的集中排列有可能成为面，如大段文字的排列、编排紧密的点。点的面化就是借助点元素由一个中心向四周扩张和反复衍生所得的结果。经过点的面化之后，点本身的造型意义也随之隐含于面的转化中。然而，这时的面只能呈现出朦胧和虚淡的特征，它和点的线化一样，成为作品中间接的表现对象。点的线化和点的面化在构成活动中将我们的设计意识指向了点以外的“线”和“面”，然而，不可忽视的是，

13、点形态依然起到了造型意义上的决定作用。因为没有点元素的连续或扩展，虚拟的线和面是不可能产生的。点的线化和面化在构成设计中已成为一种独特的表现手段。（2）线的面化：线的等距离或疏密排列可形成面。数排文字的排列组合也可形成线的面化（图2-31、图2-32）。重点提示 21 第二章第三节 版式设计的目的和功能 22 一、色彩的三要素对色彩的理解基于三个概念：色相色彩的相貌，是一种色彩区别于其他色彩的表象特征；明度色彩的明暗程度，明度的两极分别是白色和黑色；纯度色彩的纯净程度，纯度是与灰度相对应的，色彩中所含有的灰度越少，纯度就越高。第二章第四节 色彩在版式设计上的体现规律二、确定主色调（一）主色调的

14、选择所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。版面整体色调的运用得当，能使设计充满生机。任何一个设计项目中都会用到色彩。在版式设计中，对色彩的选择应该非常慎重，它会成为影响设计者传达主题手法的主要力量。首先应该考虑在一幅设计作品中能用到多少种颜色，其次考虑色彩所要传达的与之匹配的产品的讯息。最后，对照设计意图来调整所选用的色彩。 23 在表达这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调，而这明显地感染读者的情绪，影响读者的接受能力（图2-33）。如以中性色表达怀旧的情调；以暖色、纯度高的对比色刺激人的感官，使人兴奋；以明度高的颜色塑造清静、凉爽的感觉等。不

15、同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情景交融的沟通（图2-34、图2-35）。第二章第四节 色彩在版式设计上的体现规律 24 我们还可以通过各种色彩的运用来传达信息和情感。例如，包装往往会通过色彩来传达产品形象。在洗发香波的广告中，设计者能巧妙地使用不同的淡淡色调来反映产品所含的不同成分（图2-36）。第二章第四节 色彩在版式设计上的体现规律（二）主色调的识别性主色调的识别可以从两个方面加以分析：一是从色彩的象征性考虑，从人们日常对色彩的认知中获得启发；二是从行业的属性方面考虑，借鉴同类企业版式设计中有代表的行业色彩。例如，科技、IT行业可选择象征科学、精密的蓝色；农业、

16、医药行业可选择具有环保、生命特征的绿色；赭石色、褐色可代表咖啡、巧克力、中药或者苦的味道等（图2-37）。 25 （三）整体色调的和谐统一版式中的图片具有明确的色彩调子，在编排过程中，可以将文字、标题、底纹等元素的色彩结合图片的色调来搭配，使版面的色彩形成一种和谐统一的依存关系（图2-38、图2-39）。第二章第四节 色彩在版式设计上的体现规律 26 三、色彩的创意（一）点缀色在同质的色彩中，加上局部不同质的色彩，形成视觉重点。色彩的点缀在版面中产生一种紧张感，成为整体的一个着力点。点缀的色彩应该采用小的面积，并与其他色彩形成强烈对比，以提高注目性，形成视觉中心，同时在位置与比例关系上，起到平

17、衡色彩的作用（图2-40）。 第二章第四节 色彩在版式设计上的体现规律 27 （二）虚实的衬托以图像中某主色或近似色作为版面中的主要色块，以含糊的虚的色彩烘托和加强主题图像，使版面产生疏密、动静和虚实的变化，增添了遐想的空间。如图2-41、图2-42所示，即是以弱化的含蓄的底纹烘托主题文字与图像，使画面重叠，造成多维的空间效果，增添版面的立体感，满足人们视觉心理多样化的需求。第二章第四节 色彩在版式设计上的体现规律 28 （三）抽象意念色彩可以传达意念。即使是很复杂、很抽象的东西，通过色彩处理后，也容易变得简洁明了，体现出某种确切的含义。如交通灯上的红色表示停止，绿色表示放行，这是世界公认的视

18、觉语言，使用符号化的色彩将使版面的信息更易理解与阅读。（四）黑白灰的创意报纸、杂志、书籍、宣传手册等绝大多数以文字类居多的版面，本身就是黑白灰的组合。通过正文与标题的大小对比，面积的多少，位置的穿插，同样能营造诗一般的情调。有的图片以大面积的黑白形成强烈对比，塑造版面明快、大方、理性的内涵。黑白灰尽管是非彩色系，但设计师通过加强创意，同样能创造版面的独特个性。第二章第四节 色彩在版式设计上的体现规律 29 （一）有彩色系1红色红色，是火与血的颜色，最引人注目。它既象征热情、朝气、喜庆、幸福，又象征危险、俗气、艳丽，在版面设计的色彩搭配中常起对比调和的作用，常被运用为点缀色（图2-43）2橙色橙

19、色，是秋天收获之色，象征温暖、快乐、健康与活泼。它是色彩中最暖的颜色，强烈而又华美，运用不当会产生刺眼的感觉（图2-44）。3黄色黄色，是阳光之色，象征光明、希望与高贵。浅黄表示软弱、淡雅与清爽。灰黄色表示病态。在色彩搭配中，黄色往往与红色系一起，形成辉煌华丽、热烈喜庆的效果；与蓝色系搭配，则产生淡雅宁静的效果（图2-45）。四、色彩在版面中的心理体现第二章第四节 色彩在版式设计上的体现规律 30 第二章第四节 色彩在版式设计上的体现规律 31 4绿色绿色，是大自然植物之色，象征着青春、健康、平静、安全与舒适。其与黄色搭配显得明快清新，与蓝色搭配则更加柔和宁静（图2-46）。5蓝色蓝色，是天空

20、、大海之色，既象征和平、安静、坚实与理智，又是消极、冷淡、压抑之色。它与红、黄组成色彩三原色，运用得当能构成和谐的对比关系（图2-47）。6紫色紫色，象征高贵、优美，既给人以神秘、浪漫、温和之感，又给人暗淡、阴沉、孤独之感。淡紫色显得高雅、柔美，深紫色则显得成熟、庄严、沉重，如运用得当，能产生新颖别致的效果（图2-48）。第二章第四节 色彩在版式设计上的体现规律 32 第二章第四节 色彩在版式设计上的体现规律 33 （二）无色彩系1黑色黑色，是明度最低的非彩色系，既象征着力量与庄严、神秘与时髦，又意味着罪恶与冷漠、黑暗与恐惧。在现代设计中，黑色更意味着高级，是时尚、稳重而带科技感的色彩。它能与

21、其他色彩构成良好的对比调和关系，也是版面设计中运用最广的色彩。2白色白色，表示纯粹与洁白，象征朴素、纯洁与高雅。作为非彩色系，它能与其他色彩构成明快的对比调和关系。版面中的白色，往往以“地”的形式表示虚空间的大小，与黑色、灰色一起，给人简洁明确、朴素的感受。3灰色灰色，表示混浊与灰暗，象征沉闷、悲伤、孤独。灰的颜色又具高级感与科技感，含蓄而有品位，暗灰比中灰更具男性的感觉，淡灰则给人高雅与柔和之感。不同层次的灰在与其他色彩配合时，起着很好的衬托作用。色彩以它的色相、明度、纯度的不同，在版面中出现丰富的色彩变异，表达不同的情感。单色或多色的组合，在色彩心理上会产生不同的视觉传递效果。第二章第四节

22、 色彩在版式设计上的体现规律 34 （1）当我们设计版面时，点、线、面是首要的考虑因素，我们要善于排列组合它们之间的关系，善于使用点、线、面表现不同的形式和情感。（2）在平面设计作品中，点、线、面等基本要素充当着不同的角色，但它们共同发挥着创造与构成某种特点、感觉、风格画面的作用。所以，设计师要充分了解各要素的形象特点，掌握其多种造型手法，熟悉其在版式设计中的基本注意事项，这会为在版式设计过程中处理好各要素之间的各种关系，设计独特新颖、对比统一的画面结构做好准备，也为作品的后期设计与完成打下很好的基础。（3）色彩在版面设计中的作用是文字与图像等其他要素所无法替代的。无论是有彩色系还是无彩色系的版面，版面上的色彩通常与文字结合在一起，设计时注意整个版面色彩的整体性。第二章本章小结