版式设计(全套课件455P).ppt

1、 1 版式设计 2 Contents Page目录页 *目录CONTENTS第一章 版式设计概述第二章 版式设计的基本要素及构成规律第三章 版式设计的设计原则第四章 版式设计的网格系统第五章 版式设计的视觉流程 3 Contents Page目录页 *目录CONTENTS第六章 版式设计的创意技巧第七章 版式设计的图文编排方法第八章 版式设计的程序与印刷第九章 版式设计的具体应用 4 第一章二、重点与注意事项提示（1）重点掌握版式设计的概念及其功能。（2）在版面编排设计中，理解版式设计的基本特征、内涵、应用范围，引导学生通过版式设计对整个版面进行整体创意、构思与策划，最终达到信息传达的目的。（

2、3）了解版面设计历史发展的关键阶段，结合现代版式设计的发展，充分认识版式设计的未来发展趋势。一、教学目标与教学要求本章要求学生了解版式设计的目的与意义，掌握版式设计的基本内容、定义、功能以及发展趋势，引导学生从概念入手，充分认识优秀的版式编排，掌握版式设计的基本知识。5 三、训练目的与题目要求训练目的：通过理论传授使学生对版式设计的基本概念有所认识，了解版式设计是一种重要的视觉传达手段。题目要求：通过书籍、网络等传播媒介搜索优秀的版面设计，通过对版式的概念、历史以及发展的了解和学习，分析不同的版式设计宗旨与版面的主要功能以及设计师的创意思路。当我们面对设计主题时，怎样构思出一个好的设计创意，又

3、如何把创意表现出来，使图形（或图片）、文字、色彩有机结合起来准确传达设计目的，这就是版式设计要解决的主要问题。版式不再是单纯的技术编排的学问，实际上是技术与艺术的高度统一。版式设计首先是信息发布的重要媒介，其次要让读者通过对版式的阅读产生共鸣和遐想，让设计者的观点与思想感染读者的心灵。第一章 6 版式设计是伴随着现代科学技术和经济的飞速发展而兴起的，是一种艺术创作的过程，具有技术性、艺术性和复杂多样性的特征。版式设计，英文为“Layout”，又被称为编排设计，是指在有限的版面空间里，将平面设计中的文字、图形、色彩等视觉构成元素，根据特定内容的需要进行有目的、有组织的编排，并运用造型要素及形式法

4、则原理，以视觉的形式把构思和创意表达出来。任何一件平面设计作品，都是将图形、文字、色彩，经合理的编排，形成一个更显新颖、更有情趣、更富内涵的版面。因此，版式设计是平面视觉传达设计的重要组成部分。版式设计涉及的范围也非常广泛，如报纸、杂志、书籍、广告、包装、网页设计等（图1-1至图1-10）。第一章第一节 版式设计的概念 7 第一章第一节 版式设计的概念 8 第一章第一节 版式设计的概念 9 版式设计随着社会的发展，在不同的历史时期受到不同文化和艺术流派的影响，形成不同的设计风格。自20世纪以来，现代设计在各种思潮的推动下，出现了革命性的飞跃。立体主义、达达主义、超现实主义、风格派、构成主义等艺

5、术流派应运而生，直接影响着版式设计的演变和发展。在这些风格流派的发展中，应追溯到20世纪初欧洲的英国人威廉莫里斯所倡导的“工艺美术运动”、德国包豪斯设计学院创建的现代设计教育体系、德国“新版面设计”提倡的新思想以及瑞士设计师“网格体系”的实践，他们都为版式设计理论的形成与发展奠定了坚实的基础。一、英国的“工艺美术运动”“工艺美术运动”代表人物威廉莫里斯（William Morris，英国拉斐尔前派画家、英国设计家、诗人和社会主义者）提出了“美术与技术结合”的原则，主张艺术要为人服务，“人之所为，人之所用”(By the people,他对版面装饰性的要求以及在变化中追求个人的风格，追求专有的版

6、式趣味与书籍气氛的特色。他强调功能与美的统一。他认为要复兴中世纪歌德式的风格，尤其要讲究版面编排，强调版面的装饰性，通常采取对称结构，形成了严谨、朴素、庄重的风格。以威廉莫里斯为首的工艺美术运动设计家，创造了许多被以后设计家广泛运用的编排构图方式，比较典型的有：将文字和曲线花纹拥挤地结合在一起，将各种几何图形插入和分隔画面等。威廉莫里斯倡导的工艺美术运动在欧美造成了惊人的效果和广泛的影响。他的设计尽管十分精美，但仍显繁杂，特别是那种充满繁复图案的画面使读者在接受设计所要传达的信息时造成障碍，在制作成本、技术和工艺上也给印刷和装订造成了困难。第一章第二节 版式设计的历史发展 10 乔叟诗集是威廉

7、莫里斯为诗人乔叟的诗集所作的书籍装帧设计，全书从设计到印刷完成总计四年时间，是集“工艺美术”运动风格编排设计之大成的作品。它的版面编排设计水准很高，编排紧凑，版面中大量运用繁杂缠绕的花草图案、精致的插图以及装饰华丽的首写字母，版面上文字与图案的色调对比节奏把握得非常精妙，尽显“哥特”风格（图1-11）。呼啸平原的故事也是“工艺美术”运动的突出代表作之一，整个画面显得拥挤、暗淡柔弱，图案精细而繁复，采用缠枝花草的植物纹样与文字组合，形成一种密不透风的肌理效果（图1-12）。第一章第二节 版式设计的历史发展 11 1919年由德国著名的建筑家格罗皮乌斯（Walter Gropius）在德国魏玛市建

8、立“国立包豪斯学院”。德国包豪斯设计学院的创立，是现代设计不容忽视的重大创举，将构成主义运动、20世纪初艺术的各种观念通过教学实践进行研究倡导，并创造发展。它充满活力与实践的精神促进了版面设计的发展，开创了现代设计的新纪元。包豪斯最重要的成就之一，就是以科学、严谨的理论为依据奠定了设计教育中平面构成、色彩构成与立体构成的基础教育体系。包豪斯的平面设计基本是在荷兰的“风格派”和俄国的“构成主义”两者的影响下形成的，因此，具有高度理性化、功能化、简单化、减少主义化和几何形式化的特点。具有突出贡献的重要人物是莫霍利纳吉（Laszli Mohony-Nagy，18951946年）和赫伯特拜耶（Herb

9、ert Bayer，生于1900年）。包豪斯在平面设计方面的探索集风格派和构成主义之大成，并结合了许多现代艺术流派的语言和技法，形成了简洁的、功能的现代平面设计风格。包豪斯的风格经过一些设计师的发展和传播后，现代平面设计风格开始在欧洲兴起。第二次世界大战期间，许多欧洲设计师移居美国，又把这一风格传播到美国。可以说，包豪斯是现代平面设计的发源地，它的现代设计风格迅速撒向美国、瑞士、荷兰、匈牙利、日本等国。包豪斯为现代版面构成奠定了坚实的理论与实践基础。二、德国包豪斯创建的现代设计教育体系第一章第二节 版式设计的历史发展 12 莫霍利纳吉大量采用照片拼贴、抽象摄影技术的方法进行设计，非常强调设计的

10、构思与创意，而把制作看作是第二位的工作。他认为具有新意的构思能够产生有创造力的画面，可以表达幻想和超越时空的想象力。他注重空间比例分割、色彩的对比调和、抽象的构成方法、构成文字图形化的表现方法，简洁鲜明，达到了迅速传达信息的作用。莫霍利纳吉在编辑包豪斯印刷厂的第一本出版物中提倡，在视觉传达设计中“不受陈规约束的使用一切直线方向，用一切字样、字的大小、几何形、色彩等，创造一种印刷版式的新语言。它（印刷品）的伸缩性、多样化和新鲜的印刷版面构图，完全由内部表达法则和视觉效果支配”。纳吉创作了大量的绘画和平面作品，全部是抽象的作品。他相信简单结构的力量，并利用平面来表达这种力量。他设计的包豪斯丛书、海

11、报，拍摄的照片和制作的电影，都具有强烈的理性特征，并且显示了理性化对于设计造成的积极效果（图1-13）。第一章第二节 版式设计的历史发展 13 第*章第*节 节名称赫伯特拜耶（Herbert Bayer）1921年求学于包豪斯，毕业后留校任教，曾担任字体设计和印刷设计教师。拜耶的平面设计风格常常是由强烈的视觉形象，几行斜的印刷字体，点、线、面合理分割画面，水平线、垂直线、斜线等组成的非对称形式的动态构图形成。他的才能主要表现在字体设计上。他习惯采用非常简单的字体，创造了无装饰线字体和以小写字母为中心的新字体系列，并在此基础上发展创造了更简练的“拜耶体”。他设计的字体成为德国现代平面设计的标志，

12、形成当时字体设计、平面设计上最为先进的局面（图1-14）。现在，无装饰线字体已经成为世界字体中最为重要的类型之一。14 第一章第二节 版式设计的历史发展拜耶在广告设计和展览设计上也有很大的成就。20世纪20年代末，他成为时髦（Vogue）杂志的艺术设计总编，开始投入商业刊物的平面设计工作中，并且开始广泛采用刚刚出现的彩色摄影来设计封面和插图（图1-15至图1-17）。15 20世纪二三十年代的“新版面”设计风格将现代派美术观念引入版面设计的领域，其重要人物是德国人简奇措德（Jan Tschichoid）。他认为新时代平面设计的主要目的是准确的视觉传达，而不是陈旧的装饰和美化；他还主张采用简单的

13、纵横非对称式版面编排，不需要具体的插图，依托版面中的文字和简单的线条构成版面的节奏感和韵律感，利用字体的大小不同达到强烈的视觉效果，除此以外不需要任何其他的装饰。他采用简单的无饰线体，在色彩的使用上，除了黑色和红色以外基本上不使用其他色彩（图1-18）。因此，简奇措德的设计作品没有任何多余的装饰，达到极度的简约，具有强烈的功能主义和减少主义的特点。三、德国“新版面设计”第一章第二节 版式设计的历史发展 16 20世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国际版面风格”的设计运动，他们提倡把设计作为对社会有用的和重要的活动，他们抛弃了个人表达和对设计问题怪僻的解决办法，采用普遍的和科

14、学的方法。“国际版面风格”在前期设计经验和理论总结的基础上，形成了一个迄今为止最有效的版面编排方法网格系统，其特点是力图通过简单的网格结构和标准化的版面公式达到设计上的统一性。瑞士设计师卡尔吉斯特纳（Karl Gerstner）甚至夸张地形容网格系统为“比例的标准，可以把差的变好，把好的变得更好”。四、瑞士的“网格体系”第一章第二节 版式设计的历史发展“网格系统”实际上就是在版面上按照预先确定好的格式分配文字与图片，它不是简单地把图片与文字并列放置在一起，而是从画面结构的相互联系中发展出的一种符合主题内容的形式法则。在版式设计上往往采用方格网为基础，各种平面元素的排版方式基本是采用非对称的形式

15、，字体采用无饰线体。这种探索明晰的传达和视觉秩序的方法为绝大多数设计师们所接受，并在此基础上展开了积极地探索与实践。“国际版面风格”以其清晰明确的传达性、适应性和无障碍性的模式运用到书籍、报纸、包装、企业形象设计等设计形态中，至今仍被广泛运用（图1-19）。17 （一）信息的成功传递通过对版式的精心设计，在有限的版面空间里，把所有元素根据特定内容进行组合排列，以最快的速度、最恰当的方式、最合理的创意与表现把信息传递给读者。例如，在“Matchbox Car”这个广告设计中，设计师利用玩具汽车和真正的汽车相比较，使画面具备了更多的真实性，大幅画面占据主要位置，画面下部为广告文案，这便是用最直观的

16、方式成功地传递了信息，既可以强化形式和内容的互动关系，又能很好地提高信息的传达效果，告诉读者版面表达的内容，使版面设计的目的明确（图1-20）。版式设计的目的首先是作为信息发布的重要媒介,还要传达设计者的艺术追求与设计内涵，让读者通过对版式的阅读产生共鸣，唤起读者的兴趣想象，达到信息与情感的沟通；其次，就是对各种主题内容的版面布局进行艺术化和秩序化的编排处理。一、版式设计的目的第一章第三节 版式设计的目的和功能二、版式设计的功能再如“AIGA奥兰多”广告，直观地对画面进行处理，使无论是主要还是次要的信息，都能充分调动读者的阅读兴趣，并达到了很好的传达效果（图1-21）。18 （二）提高版面的关

17、注率当纷繁复杂的视觉信息展现在眼前的时候，什么样的信息更能让人们愉快地去接受呢?什么样的版式更能吸引人们的注视呢？很显然，那些美感突出、创意新颖、对比强烈的画面更引人注目。例如，在“伟士牌”这个广告中，广告标题有趣地表达了购买伟士牌所能获得的情感满足，同时局部特写的产品则清楚地展现了其设计美感（图1-22）。设计师将不同的视觉要素（图形、文字、色彩等），运用造型要素及形式原理，把构思和创意通过美的视觉形式传达给读者，强化主体视觉形象，使读者产生遐想和共鸣。读者在接受传递信息的同时，获得了艺术上的享受，从而产生购买欲望。事实上，版式设计就是通过艺术和技术的完美表达，增强版面的注目率，以此强化主体

18、形象，传递中心思想（图1-23）。第一章第三节 版式设计的目的和功能 19 （三）传达效果的持久性现代的版式设计宣传一般都围绕市场烘托感染力，通过对版式的设计，使画面具有艺术性、娱乐性、亲和性，更好地帮助读者在阅读过程中了解内容，提高读者的兴趣，通过视觉形式留下深刻的记忆，从而达到持之以恒的记忆存留效果（图1-24、图1-25）。第一章第三节 版式设计的目的和功能 20 （四）提升构思和策略，达到整体创意的作用成功的版式编排具有提升理念、宣传策略的作用。通过创意构思，将主题内容通过创意方式融入整体设计之中，强调编排的关联性和协调性，达到从内容到形式的完美统一，从而给人以深刻的印象（图1-26、

19、图1-27）。第一章第三节 版式设计的目的和功能优秀的版式设计所具备的的要素：具有合理的视觉流程；形式与内容相统一；色调和谐一致；主题鲜明突出。重点提示 21 （一）追求视觉的形象化（图1-28）。一、风格的多元化第一章第四节 版式设计的发展趋势（二）突出创意表现（图1-29）。22 （三）强调突出个性体现（图1-30）。第一章第四节 版式设计的发展趋势（四）注重情感渲染（图1-31）。23 民族性和地方特色是现代设计的主要趋势。如何在艺术设计中融合本民族的优秀文化遗产，形成具有民族和地方特色的设计风格，是现代各国设计师立志于解决的重要问题。中国的艺术设计应在国际化艺术设计中将民族化的元素进行

20、有益的补充，使本民族的设计文化得到发展，并创立出具有民族化特色的艺术设计风格。例：中国银行的标志天圆地方民族、地域所拥有的“集体表象”版式设计是技术和艺术的融合，包含自身设计元素、设计形态和表现手法的同时，与其他学科相互关联、相互影响、相互促进。经历了多种设计思潮影响的版式设计，是集现代哲学、美学、心理学、传播学、语言学、市场学、经济学、形态学、材料学等社会科学和自然科学研究交叉相融的成果。二、多学科的融合第一章第四节 版式设计的发展趋势三、民族主义和地方主义倾向日本在民族风格融入现代设计中取得了很大成功，二战后，善于学习的日本设计师借鉴了西方发达国家的经济发展经验，开始重视对艺术设计的扶持和

21、发展，他们创造性地继承和批判他国的营养，但最终还是回到了传统，创造了既具民族文化风格又体现现代设计观念的艺术设计，成为了民族特色与现代时尚观念相结合的优秀典范，使日本的艺术设计颇具世界影响力。在日本版式设计中，把民族的内涵与国际化的语言完美地结合在一起（图1-32）。24 （1）版式设计是在对空间、形态、色彩、力场、动势等设计要素和构成要素认知和研究的基础上，对这些要素的组合规律、对它们的表现可能性及其与表现内容的关系进行全面的学习研究，为以后的专业设计，如包装设计、招贴广告设计、企业形象设计（CI）等打下基础。应有效地掌握版面的视觉元素构成、组合、排列的方法，处理好彼此间的关系，并在各种视觉

22、传达设计中直接地加以运用。（2）在现代设计多元化发展的今天，版式设计是为了满足信息传播的需要，对信息传播的载体进行艺术加工，使其鲜明、生动、高效地实现信息传达的一种艺术设计，具有极高的美学价值和经济实用功能。第一章本章小结 25 第二章二、重点与注意事项提示（1）重点掌握版式设计基本要素的相关原理。（2）在版面编排设计中，基本要素是组成任何平面设计的基础，要学会灵活运用。（3）通过学习使学生认识到色彩作为第一视觉语言的重要性，在整个版式中要注意色调的整体感，色彩的选择与版面主题、版面的表现形式相统一。一、教学目标与教学要求本章要求学生掌握版式设计的构成要素在版式中的重要作用。教学时，要求教师通

23、过大量点、线、面的各种变化和组合以及色彩在版式设计上的应用等教学案例，使学生学习并掌握版式设计的构成方法和常用技巧。版式设计的基本要素及构成规律 26 三、训练目的与题目要求训练目的：点、线、面是版式设计首要的考虑因素，要善于排列组合它们之间的关系，善于使用点、线、面表现不同的形式和情感。题目要求：运用点、线、面分析优秀编排设计作品；运用点、线、面等形态要素进行各种组合编排练习。点、线、面是视觉构成的基本元素，是版面设计中最重要的构成元素，又是最重要的表现手段。在版面设计中，除了可将图形、文字、空白等内容简单地归纳为点、线、面以外，点、线、面还常常以纯粹的、无任何意义的形态出现在版面中。版面设

24、计实质上也是点、线、面不同方式的组合。不管如何复杂的版面，归根到底都可以简单归纳为点、线、面的构成形式。在设计时，既要体现它的独立性，又要体现三者之间互衬、对比、协调的空间关系。在平面设计中有着各种各样的元素，但所有的元素概括起来不外乎点、线、面三种，三种元素的相互结合与相互转换就构成了丰富多彩的设计形式。一幅作品的设计如何通过视觉传达作用于读者的心理、打动人们的情感、感染人们的思想、给人以美的享受，同时又能使主题信息传达准确，版式中形态构成就是重要的影响因素。第二章 27 点，是造型中最基本的要素，也是版面设计中不可忽视的要素。点在几何学意义上，只具有位置，不具有大小、方向、面积。在版面中，

25、点的表现是多样的，可以是单个的字母、抽象的标志、一个符号、小幅的图片或者是其他任何具有相似特征的版面元素。设计师要理解点的原理和作用，并在版式设计中掌握并熟练运用点，就能对版面中的文字、符号或小图形进行合理的组合构成，使版面形象更突出、更醒目（图2-1至图2-5）。在版面设计时，点也是相对而言的，“点”多数是作为一种抽象出来的点而存在，在整幅版面中，一个较小的形象即可称为“点”。同时，点也可作为一种具象而存在，这就需要我们具有丰富的想象力和敏锐的对美的感悟。连续运动的点的轨迹形成线，点与点之间的距离远可形成虚线，近则形成实线。在版面编排上，点可以作为整个版面的画龙点睛之“点”，形成画面的中心；

26、也可以和其他形态排列组合，起着平衡画面的作用，填补画面空间，点缀和活跃画面气氛。第二章第一节 点在版式设计上的构成规律 28 第二章第一节 点在版式设计上的构成规律 29 一、点在版面上的位置（一）点的位置居于几何中心点的位置居于几何中心时，画面的上下左右空间对称，视觉张力均等，即庄重稳定，又会因处理不当而略显呆板。（二）点的位置居于视觉中心点的位置居于视觉中心时，画面的视觉稳定性好，会产生视觉心理的平衡与舒适感。（三）点的位置偏左或偏右点的位置偏左或偏右时，画面会产生向心移动趋势，但过于边置则会产生离心之动感。（四）点位于画面的上、下边点位于画面的上、下边时，则有上升、下沉的心理感受。第二章

27、第一节 点在版式设计上的构成规律 30 二、点在版面设计中的应用（一）点作为一种符号而存在点作为一种符号而存在，并在版面中占据较主要的位置，可以产生一种凝聚力，使人产生紧张感、扩张感，吸引读者的视线（图2-6）。（二）不同形状点的作用不同的点给人不同的视觉感受。在版面设计中，单个字体的出现可视为点，一个微小的符号和图形也被视为一个点，不同的形态作为点出现在画面上可以表达出不同的内涵。第二章第一节 点在版式设计上的构成规律 31 1稳定版面（图2-7、图2-8）。第二章第一节 点在版式设计上的构成规律 32 2活跃版面（图2-9）。第二章第一节 点在版式设计上的构成规律3平衡版面（图2-10）。

28、33 一、线的形态线是版面设计的基本元素，线的形态是点的移动方式和移动速度产生的，所以有很强的运动感和情感特征。线有曲直之分，有粗细之别；有自然形态与人工形态之分,有刚性柔性之别；还有动静之分，虚实之别;可以连续或间断、粗或细、有规律或无规律、静止或运动、直线或曲线，甚至是诸多形式的不同结合。线，也是人们认识和反映自然形态时最简明的表现形式。在画面上，线通常是对所目睹、感受或想象到的事物的一种概括，能界定各种形状，暗示体积或显示所绘物体的质量。因此，我们能通过线条的组织来创造形象、图案、肌理或描绘阴影等。在长期的演化过程中,线条在绘画上的运用愈来愈富有表现性、象征性与抽象性（图2-11至图2-

29、14）。第二章第二节 线在版式设计上的构成规律 34 第二章第二节 线在版式设计上的构成规律 35 线的分割可分成平行线分割、直线分割、弧线分割、垂直与水平线分割、放射状分割、自由分割。在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所在的内在联系。空间等量的分割是将多个相同或相似的形态进行空间等量分割，以获得秩序感与美感；图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素；通过不同比例的空间分割，版面产生各空间的对比与节奏感。自由分割需要注意各个块面之间的比例关系，被分割后的图形之间的对比关系。（图2-15）。二、线的分割第二章第二节 线在版式设计上的构成规律

30、 36 在强调情感、动感、视觉冲击力较强的出血图中，若加入线框作为设计元素，情感、动感则获得相应的稳定规范。另外，当线框较细时，版面则轻快而有弹性；当线框较粗时，图像有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭（图2-16、图2-17）。三、线的强调与约束第二章第二节 线在版式设计上的构成规律 37 从原始人的符号、图形到现代的文字和多元化设计作品，设计师往往通过线来表现形。线不仅仅是物体抽象化表现的有力手段，而且它本身就具有卓越的造型力和表现力。由于线的性质和种类不同，在视觉传达设计中所表现的视觉情感性格也丰富多变。不同的线在视觉传达中代表着不同的意念和情态，

31、而合理的应用直线和曲线是丰富画面不可缺少的表现手法（图2-18至图2-21）。四、线的情感第二章第二节 线在版式设计上的构成规律 38 面的大小、虚实都会给人以不同的视觉感受。面积大的面，给人扩张感；面积小的面，给人向心感。实的面，如填实的色块、大幅的图片、夸张的视觉符号或者字母等，我们也可以称其为积极的面。虚的面，可以表现为版面的背景或空白，我们也可以称其为消极的面。面的虚实会产生层次的美感，这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。填实的面在心理上一定会比虚的面体现一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。但虚面、实面也都是这些元素之间

32、相对而言的（图2-22至图2-24）。一、面的大小和虚实第二章第三节 面在版式设计上的构成规律 39 第二章第三节 面在版式设计上的构成规律 40 二、面的分类面可以分为几何形和自由形两大类。几何面形可以分为几何直线面和几何曲线面（图2-25、图2-26），自由面形也一样分为直线面和曲线面（图2-27至图2-29）。几何形由点、线、面组成，空间形态清晰，视觉传达效果显著，具有理性美。自由形表现非具象效果时，因空间力场的不规则变化则显得浪漫、富于情趣，具有感性美。直线面刚硬、男性化，曲线面柔和、女性化。第二章第三节 面在版式设计上的构成规律 41 第二章第三节 面在版式设计上的构成规律（1）点的

33、线化、面化：一排文字的横向、竖向或曲线组合即是点的线化，断开的点形成虚线，连续的点形成实线（图2-30）；点的集中排列有可能成为面，如大段文字的排列、编排紧密的点。点的面化就是借助点元素由一个中心向四周扩张和反复衍生所得的结果。经过点的面化之后，点本身的造型意义也随之隐含于面的转化中。然而，这时的面只能呈现出朦胧和虚淡的特征，它和点的线化一样，成为作品中间接的表现对象。点的线化和点的面化在构成活动中将我们的设计意识指向了点以外的“线”和“面”，然而，不可忽视的是，点形态依然起到了造型意义上的决定作用。因为没有点元素的连续或扩展，虚拟的线和面是不可能产生的。点的线化和面化在构成设计中已成为一种独

34、特的表现手段。（2）线的面化：线的等距离或疏密排列可形成面。数排文字的排列组合也可形成线的面化（图2-31、图2-32）。重点提示 42 第二章第三节 版式设计的目的和功能 43 一、色彩的三要素对色彩的理解基于三个概念：色相色彩的相貌，是一种色彩区别于其他色彩的表象特征；明度色彩的明暗程度，明度的两极分别是白色和黑色；纯度色彩的纯净程度，纯度是与灰度相对应的，色彩中所含有的灰度越少，纯度就越高。第二章第四节 色彩在版式设计上的体现规律二、确定主色调（一）主色调的选择所谓色调是由参与配色的色相、明度、纯度和面积关系决定的。版面整体色调的运用得当，能使设计充满生机。任何一个设计项目中都会用到色彩

35、。在版式设计中，对色彩的选择应该非常慎重，它会成为影响设计者传达主题手法的主要力量。首先应该考虑在一幅设计作品中能用到多少种颜色，其次考虑色彩所要传达的与之匹配的产品的讯息。最后，对照设计意图来调整所选用的色彩。44 在表达这些色调时，色彩所体现的感觉将有效地突出主题内涵，创造主题特有的情调，而这明显地感染读者的情绪，影响读者的接受能力（图2-33）。如以中性色表达怀旧的情调；以暖色、纯度高的对比色刺激人的感官，使人兴奋；以明度高的颜色塑造清静、凉爽的感觉等。不同的色彩表现不同的情感，根据设计主题选用不同色彩，将有利于情景交融的沟通（图2-34、图2-35）。第二章第四节 色彩在版式设计上的体

36、现规律 45 我们还可以通过各种色彩的运用来传达信息和情感。例如，包装往往会通过色彩来传达产品形象。在洗发香波的广告中，设计者能巧妙地使用不同的淡淡色调来反映产品所含的不同成分（图2-36）。第二章第四节 色彩在版式设计上的体现规律（二）主色调的识别性主色调的识别可以从两个方面加以分析：一是从色彩的象征性考虑，从人们日常对色彩的认知中获得启发；二是从行业的属性方面考虑，借鉴同类企业版式设计中有代表的行业色彩。例如，科技、IT行业可选择象征科学、精密的蓝色；农业、医药行业可选择具有环保、生命特征的绿色；赭石色、褐色可代表咖啡、巧克力、中药或者苦的味道等（图2-37）。46 （三）整体色调的和谐统

37、一版式中的图片具有明确的色彩调子，在编排过程中，可以将文字、标题、底纹等元素的色彩结合图片的色调来搭配，使版面的色彩形成一种和谐统一的依存关系（图2-38、图2-39）。第二章第四节 色彩在版式设计上的体现规律 47 三、色彩的创意（一）点缀色在同质的色彩中，加上局部不同质的色彩，形成视觉重点。色彩的点缀在版面中产生一种紧张感，成为整体的一个着力点。点缀的色彩应该采用小的面积，并与其他色彩形成强烈对比，以提高注目性，形成视觉中心，同时在位置与比例关系上，起到平衡色彩的作用（图2-40）。第二章第四节 色彩在版式设计上的体现规律 48 （二）虚实的衬托以图像中某主色或近似色作为版面中的主要色块，

38、以含糊的虚的色彩烘托和加强主题图像，使版面产生疏密、动静和虚实的变化，增添了遐想的空间。如图2-41、图2-42所示，即是以弱化的含蓄的底纹烘托主题文字与图像，使画面重叠，造成多维的空间效果，增添版面的立体感，满足人们视觉心理多样化的需求。第二章第四节 色彩在版式设计上的体现规律 49 （三）抽象意念色彩可以传达意念。即使是很复杂、很抽象的东西，通过色彩处理后，也容易变得简洁明了，体现出某种确切的含义。如交通灯上的红色表示停止，绿色表示放行，这是世界公认的视觉语言，使用符号化的色彩将使版面的信息更易理解与阅读。（四）黑白灰的创意报纸、杂志、书籍、宣传手册等绝大多数以文字类居多的版面，本身就是黑

39、白灰的组合。通过正文与标题的大小对比，面积的多少，位置的穿插，同样能营造诗一般的情调。有的图片以大面积的黑白形成强烈对比，塑造版面明快、大方、理性的内涵。黑白灰尽管是非彩色系，但设计师通过加强创意，同样能创造版面的独特个性。第二章第四节 色彩在版式设计上的体现规律 50 （一）有彩色系1红色红色，是火与血的颜色，最引人注目。它既象征热情、朝气、喜庆、幸福，又象征危险、俗气、艳丽，在版面设计的色彩搭配中常起对比调和的作用，常被运用为点缀色（图2-43）2橙色橙色，是秋天收获之色，象征温暖、快乐、健康与活泼。它是色彩中最暖的颜色，强烈而又华美，运用不当会产生刺眼的感觉（图2-44）。3黄色黄色，是

40、阳光之色，象征光明、希望与高贵。浅黄表示软弱、淡雅与清爽。灰黄色表示病态。在色彩搭配中，黄色往往与红色系一起，形成辉煌华丽、热烈喜庆的效果；与蓝色系搭配，则产生淡雅宁静的效果（图2-45）。四、色彩在版面中的心理体现第二章第四节 色彩在版式设计上的体现规律 51 第二章第四节 色彩在版式设计上的体现规律 52 4绿色绿色，是大自然植物之色，象征着青春、健康、平静、安全与舒适。其与黄色搭配显得明快清新，与蓝色搭配则更加柔和宁静（图2-46）。5蓝色蓝色，是天空、大海之色，既象征和平、安静、坚实与理智，又是消极、冷淡、压抑之色。它与红、黄组成色彩三原色，运用得当能构成和谐的对比关系（图2-47）。

41、6紫色紫色，象征高贵、优美，既给人以神秘、浪漫、温和之感，又给人暗淡、阴沉、孤独之感。淡紫色显得高雅、柔美，深紫色则显得成熟、庄严、沉重，如运用得当，能产生新颖别致的效果（图2-48）。第二章第四节 色彩在版式设计上的体现规律 53 第二章第四节 色彩在版式设计上的体现规律 54 （二）无色彩系1黑色黑色，是明度最低的非彩色系，既象征着力量与庄严、神秘与时髦，又意味着罪恶与冷漠、黑暗与恐惧。在现代设计中，黑色更意味着高级，是时尚、稳重而带科技感的色彩。它能与其他色彩构成良好的对比调和关系，也是版面设计中运用最广的色彩。2白色白色，表示纯粹与洁白，象征朴素、纯洁与高雅。作为非彩色系，它能与其他色

42、彩构成明快的对比调和关系。版面中的白色，往往以“地”的形式表示虚空间的大小，与黑色、灰色一起，给人简洁明确、朴素的感受。3灰色灰色，表示混浊与灰暗，象征沉闷、悲伤、孤独。灰的颜色又具高级感与科技感，含蓄而有品位，暗灰比中灰更具男性的感觉，淡灰则给人高雅与柔和之感。不同层次的灰在与其他色彩配合时，起着很好的衬托作用。色彩以它的色相、明度、纯度的不同，在版面中出现丰富的色彩变异，表达不同的情感。单色或多色的组合，在色彩心理上会产生不同的视觉传递效果。第二章第四节 色彩在版式设计上的体现规律 55 （1）当我们设计版面时，点、线、面是首要的考虑因素，我们要善于排列组合它们之间的关系，善于使用点、线、

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

44、式设计的形式美法则的运用。（2）在版面编排设计中，应注意版式编排的整体性，在设计时优化整体布局，将版面各种编排要素（图与图，图与文字）在编排结构及色彩上作整体设计。（3）设计时做到形式必须符合主题的思想，在新颖、独特的艺术构思基础上，精炼内容、集中表达，形成简洁但并不单调的版面编排。一、教学目标与教学要求本单元要求学生了解版式设计原则的重要性，熟练掌握版式设计的设计原则和美学法则，能够正确运用所学知识进行版式设计具体编排应用。57 三、训练目的与题目要求训练目的：掌握各设计项目中版式设计的原则，正确运用编排元素设计相关内容形式的版面。题目要求：针对版式设计的审美性原则，练习对称与均衡、对比与调

45、和、节奏与韵律、虚实与空间、秩序与变异的形式美表现。第三章 58 在版面设计中，通过空间层次、主次关系以及视觉流程等的设计安排，使版面主题突出并具备有效的诉求力。在版式设计中，按照主从关系的顺序，使主题形象放大突出并成为视觉中心，以此表达主题思想，传达不同的内涵；也可以在主体形象四周增强留白，使被强调的主体形象更加鲜明突出，从而更加引人注目；还可以将各种信息整体编排，注意各种信息与整体之间的关系，使主题内容一目了然。版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。当主题鲜明、形象突出，信息的传递清晰有力时，图形往往能达到最佳的传递效果（图3-1）。第

46、三章第一节 主题性 59 版式设计的形式美法则与绘画的构图法则有着极大的一致性，就是根据主题与创意的需求将各元素进行有机的组合，寻找和展示视觉信息内容中内在相似与不同之处的过程，运用形式美法则将独特的构思流畅而清晰地传递给读者。其艺术性在于遵循美的原理，将对称与平衡、对比与调和、节奏与韵律、虚实与留白、变异与秩序等形式美的构成法则运用于版式设计中。一、对称与均衡（一）对称对称是以中轴线或中心点为基准，在大小、形状和排列上具有一一对应关系。对称就像天平，两边是等形、同量的平衡。对称的形式有以中轴线为轴心的左右对称、以水平线为基准的上下对称和以点为中心的放射对称等。对称具有稳定、庄严、整齐、安定的

47、特点。第三章第二节 审美性 60 1完全对称完全对称即“均齐对称”，是完全同形、同量、同结构的形式，如建筑物的外廊立柱，中国传统客厅中堂的布置，自然物中的雪花结晶以及衣、食、住、行中的若干对称均衡的因素等。完全对称，能使视觉效果稳定，产生庄重、沉静等审美体验，这是一种最原始的构成要素，处理不当，易产生死板、单调、无生机之感（图3-2）。第三章第二节 审美性 61 2近似对称近似对称即不完全同形、同量，局部结构稍有变化的对称图形，如传统的对联、门神、门前石狮等。门联的内容左右不同，门神的形象文武相别，石狮又分雌雄等，这种局部有差异的对称，在均衡统一中存在小小的变化，更能从稳定的均齐中感受到丰富的

48、变化（图3-3至3-5）。第二章第一节 主题性 62 轴对称 中心对称 旋转对称 移动对称 扩大对称（1）轴对称也称反射：以对称为中心，相同形象在左右或上下位置的对应排列。（2）移动对称：图形按照一定的距离或按某种一定的规则平行移动所得到的图形称为移动对称。（3）旋转对称：以一点为中心将图形按照一定的相同的角度旋转，成为放射状的图形，称为旋转对称，旋转90度的图形，称为回旋对称。旋转180度的图形彼此相逆，叫逆对称，也称反转对称。（4）扩大对称:图形按一定的比例放大，称为扩大对称。63 标志设计标志设计 实例应用实例应用 轴对称 64 （2）中心对称：对称点在中心就称为 中心对称。65 公司标

49、志设计实例应用实例应用 66 实例应用实例应用 67 造型设计 瑞士 无气轮胎.实例应用实例应用 68 （3）旋转对称：一个图形按照一定的相同的角度旋转，成为放射状的图形，称为旋转对称。旋转90度的图形，称为回旋对称。旋转180度的图形彼此相逆，叫逆对称，也称反转对称。反转对称反转对称 回旋对称回旋对称 69 公司标志设计公司标志设计.实例应用实例应用 虽同形、同量，但方向相反，如太极图，就是对称均衡的形态两相逆转，均衡互移产生的图形。这种对称对比强烈，有静中含动之势，富有张力（图3-6）。70 （4）移动对称：图形按照一定的距离或按某种一定的规则平行移动所得到的图形称为移动对称。71 （5）

50、扩大对称:图形按一定的比例放大，称为扩大对称。72 公司标志设计公司标志设计实例应用实例应用 73 实例应用实例应用 74 75 实例应用实例应用 76 （二）均衡异形同量重心稳定。均衡的版面设计形式富于变化，具有动中有静、静中有动的形态美。在构图时，画面的四角、对角线、中轴都具有相当的重要性，一定要认真地考虑。第三章第二节 审美性均衡又分绝对均衡（图3-7）和相对均衡两种（图3-8）。绝对均衡能够使画面各构成元素通过构成法则达到视觉平衡的效果；相对均衡的画面，其本身的构图在视觉上并不平衡，而是通过一定的提示或者暗示，使画面符合心理的期望而产生动态的平衡感。77 对称的事物基本上是均衡的，也有