搜索
1版式设计姜宇琼李鑫泽主编2ContentsPage目录页—*—第一章版式设计概述第二章版式设计的基本要素及构成规律第三章版式设计的设计原则第四章版式设计的网格系统第五章版式设计的视觉流程3ContentsPage目录页—*—第六章版式设计的创意技巧第七章版式设计的图文编排方法第八章版式设计的程序与印刷第九章版式设计的具体应用4第三章二、重点与注意事项提示（1）重点掌握版式设计的形式美法则的运用。（2）在版面编排设计中，应注意版式编排的整体性，在设计时优化整体布局，将版面各种编排要素（图与图，图与文字）在编排结构及色彩上作整体设计。（3）设计时做到形式必须符合主题的思想，在新颖、独特的艺术构思基础上，精炼内容、集中表达，形成简洁但并不单调的版面编排。一、教学目标与教学要求本单元要求学生了解版式设计原则的重要性，熟练掌握版式设计的设计原则和美学法则，能够正确运用所学知识进行版式设计具体编排应用。5三、训练目的与题目要求训练目的：掌握各设计项目中版式设计的原则，正确运用编排元素设计相关内容形式的版面。题目要求：针对版式设计的审美性原则，练习对称与均衡、对比与调和、节奏与韵律、虚实与空间、秩序与变异的形式美表现。第三章6在版面设计中，通过空间层次、主次关系以及视觉流程等的设计安排，使版面主题突出并具备有效的诉求力。在版式设计中，按照主从关系的顺序，使主题形象放大突出并成为视觉中心，以此表达主题思想，传达不同的内涵；也可以在主体形象四周增强留白，使被强调的主体形象更加鲜明突出，从而更加引人注目；还可以将各种信息整体编排，注意各种信息与整体之间的关系，使主题内容一目了然。版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。当主题鲜明、形象突出，信息的传递清晰有力时，图形往往能达到最佳的传递效果（图3-1）。第三章第一节主题性7版式设计的形式美法则与绘画的构图法则有着极大的一致性，就是根据主题与创意的需求将各元素进行有机的组合，寻找和展示视觉信息内容中内在相似与不同之处的过程，运用形式美法则将独特的构思流畅而清晰地传递给读者。其艺术性在于遵循美的原理，将对称与平衡、对比与调和、节奏与韵律、虚实与留白、变异与秩序等形式美的构成法则运用于版式设计中。一、对称与均衡（一）对称对称是以中轴线或中心点为基准，在大小、形状和排列上具有一一对应关系。对称就像天平，两边是等形、同量的平衡。对称的形式有以中轴线为轴心的左右对称、以水平线为基准的上下对称和以点为中心的放射对称等。对称具有稳定、庄严、整齐、安定的特点。第三章第二节审美性81．完全对称完全对称即“均齐对称”，是完全同形、同量、同结构的形式，如建筑物的外廊立柱，中国传统客厅中堂的布置，自然物中的雪花结晶以及衣、食、住、行中的若干对称均衡的因素等。完全对称，能使视觉效果稳定，产生庄重、沉静等审美体验，这是一种最原始的构成要素，处理不当，易产生死板、单调、无生机之感（图3-2）。第三章第二节审美性92．近似对称近似对称即不完全同形、同量，局部结构稍有变化的对称图形，如传统的对联、门神、门前石狮等。门联的内容左右不同，门神的形象文武相别，石狮又分雌雄等，这种局部有差异的对称，在均衡统一中存在小小的变化，更能从稳定的均齐中感受到丰富的变化（图3-3至3-5）。第二章第一节主题性10•轴对称•中心对称•旋转对称•移动对称•扩大对称（1）轴对称也称反射：以对称为中心，相同形象在左右或上下位置的对应排列。（2）移动对称：图形按照一定的距离或按某种一定的规则平行移动所得到的图形称为移动对称。（3）旋转对称：以一点为中心将图形按照一定的相同的角度旋转，成为放射状的图形，称为旋转对称，旋转90度的图形，称为回旋对称。旋转180度的图形彼此相逆，叫逆对称，也称反转对称。（4）扩大对称:图形按一定的比例放大，称为扩大对称。11标志设计实例应用轴对称12•（2）中心对称：对称点在中心就称为中心对称。13公司标志设计实例应用14实例应用15•造型设计瑞士无气轮胎.实例应用16•（3）旋转对称：•一个图形按照一定的相同的角度旋转，成为放射状的图形，称为旋转对称。•旋转90度的图形，称为回旋对称。•旋转180度的图形彼此相逆，叫逆对称，也称反转对称。反转对称回旋对称17•公司标志设计.实例应用虽同形、同量，但方向相反，如太极图，就是对称均衡的形态两相逆转，均衡互移产生的图形。这种对称对比强烈，有静中含动之势，富有张力（图3-6）。18•（4）移动对称：图形按照一定的距离或按某种一定的规则平行移动所得到的图形称为移动对称。19•（5）扩大对称:图形按一定的比例放大，称为扩大对称。20公司标志设计实例应用21实例应用2223实例应用24（二）均衡异形同量重心稳定。均衡的版面设计形式富于变化，具有动中有静、静中有动的形态美。在构图时，画面的四角、对角线、中轴都具有相当的重要性，一定要认真地考虑。第三章第二节审美性均衡又分绝对均衡（图3-7）和相对均衡两种（图3-8）。绝对均衡能够使画面各构成元素通过构成法则达到视觉平衡的效果；相对均衡的画面，其本身的构图在视觉上并不平衡，而是通过一定的提示或者暗示，使画面符合心理的期望而产生动态的平衡感。25对称的事物基本上是均衡的，也有些物体并不一定对称，但它仍然很美，那就是因为它还符合“均衡”的法则。如图3-9所示，画面左边的广告标题、广告文字显得沉稳宁静，画面右边飞来一片箭头，左边的大片空间平衡了右边的黑色区域。明度的反差与动静的对比也是画面的平衡所在。对称和均衡最为明显的区别是：对称采用的是左右或上下完全相同的视觉平衡构图，而均衡则是左右、上下并不完全相同而通过各种视觉力的调节达到的视觉平衡（图3-10）。均衡比对称更容易实现，毕竟画面中完全对称的形态是不多的，对称是静止的形态，均衡则将动态包含在画面中，比较活泼生动。在实际的构成和设计中，均衡有着更多的变化空间和形式，容易产生新的效果。第三章第二节审美性262728第三章第二节审美性（一）对比对比是形象特征的强调，通过大小、粗细、疏密、动静、明暗、曲直、虚实等所产生的区别和差异，它将多种要素进行相互比较，形成强烈的视觉效果。在版面的编排中，各元素之间的对比关系无处不在，归纳起来有大小、主次、长短、粗细、疏密、动静、黑白、多寡、刚柔、虚实等对比形式。在版式的编排中，字与字之间、字与形之间、形与形之间都存在着对比关系（图3-11、图3-12）。达到对比和调和的方法很多，二、对比与调和29定义：对比是互为相反因素的东西，同时设置在一起的时候所产生的现象，使它们各自的特点更加鲜明突出，起到了使形象更突出的作用。通常在构成设计中运用这种对比关系寻求变化和刺激，创造具有各种特性的画面效果。对比的作用–有助于认识事物–突出形象–丰富画面30二、对比和调和对比和调和是变化统一最直接的体现。统一的环境一旦变化，势必形成对比，要使诸多不同的形式统一起来，势必要采取调和的手法。通常我们处理画面有两种状态。一是大对比小调和，即总体是对比的格局，局部调和；或是大调和小对比，总体上调和，局部存在对比。31对比的形式形象与形象的对比形象与空间的对比色彩对比面积对比、形态对比、质感对比、虚实对比、色彩对比、图文对比、疏密对比等。32形象与形象的对比大小、远近、方向、多少、曲直、虚实、明暗、新旧等33形象与空间的对比指形象与空间的关系，空间，即画面的留白部分，这是画面上所不能缺少的。合理的空白处理，能增强空间深度，能使版面条例更清晰，主题更突出，并能给观众留下遐想的空间。3435聚散对比•定义：也称疏密对比，密集的图形与疏松的空间所形成的对比关系，使版面设计中必须处理好的关系之一•注意：形象聚集时要有主要的密集点和次要的密集点，即第三层次的密集点。有利于控制版面的主次和虚实，使其层次分明。在密集点之间应有过渡的形象，不能孤立。要调整密集形象的动势，使其形成一定的节奏和韵律。必须注意密集图形的整体统一性，调整好版面的平衡关系。形象与空间的对比36•皮肤病学会广告--老小孩“过老的脸”•阳光对人的伤害有80%以上是在人们18岁以前就发生了。从小就保护您的孩子。请戴上太阳镜，穿上防晒服。•评析：压缩危害过程、直现结果。强烈对比的，比枯燥的数字说教更为触目惊心。37评析：鼠标换成了高尔夫球杆，平淡与精彩，只是在于找到了什么样的周末休闲指南。38鲨鱼可怕鲨鱼消失更可怕！39（二）调和调和是指通过在各种视觉元素之间寻找相互协调的因素来表现主题的编排手法。如图3-13所示，整个对开页的设计从始至终突出对比，左右两页的色彩完全相反。尽管内容和形式充满对比，但两个对应页都使用相同的字体，横贯两页的图形和词汇除颜色的差别外，均连续不断、和谐统一。在一个版面中，如果纯粹的对比容易出现混乱的局面，如果只有一种视觉元素机械地出现，就会显得单调无味；只有在不同元素中寻求相同或者相似的因素，才能产生协调、舒适、安定、统一的效果（图3-14）。调和的方法也很多，如第三章第二节审美性40概念调和就是和谐，是指构成画面的各要素之间的关系，能够适合、安定、和谐一致的配合，在视觉上给人以美感。调和强调的是形象的近似性，即当两者或两者以上的要素同时存在时，相互之间必须具有共性。•通过统一的色调进行调和；通过共同的轮廓、质感、空间上的均匀分布进行调和；通过多个形态中寻找共同的因素；或通过画面的导向性的元素，都可以弱化对比，达到调和。41表现形式：形象之间的调和色彩调和方向的调和方向的变化表现着形象的情感和决定着版面的效果方向的对比给版面带来活力和动感。但要注意必须有一个主流方向。42形象之间的调和具有同质要素的形象，能做到调和，但其不足在于刺激性较弱，处理不当已陷入单调和一般化。具有类似要素的形象；进行适当的对比和变化能取得美妙的和谐，在于形象之间伴随着类似的共同性；43具有异质要素的形象，产生强烈的对比，容易陷入琐碎、杂乱、难以统一，从而不易调和。解决办法：适当增加主要形象的重复形或近似形，使其产生呼应对形象进行位置的重新分配，使形象有秩序起来调整形象的明暗关系，能起到前后穿插、主次分明的作用尽量在形象与形象之间寻找它们的共性因素，并加以强调4445对比可以拉开画面的反差，增强视觉刺激。具体如何安排，要根据画面的效果和传达意图的需要。对比的手法是很多的，应用的时候应以一种对比为主，否则画面会显得过于杂乱。调和的方法也很多，通过统一的色调进行调和；通过共同的轮廓、质感、空间上的均匀分布进行调和；或多个形态中有共同的因素，以及通过画面的导向性的元素，都可以弱化对比，达到调和。46•节奏是指同一要素、连续、重复出现时所产生的轻重、缓急的变化和律动感，它反映了基本形的疏密、刚柔、曲直、虚实、大小等，在统一的前提下产生的相对变化。47在图案中将图形按照等距格式反复排列，作空间位置的伸展，如连续的线、断续的面等，就会产生节奏。韵律是节奏的变化形式，它变节奏的等距间隔为几何级数的变化间隔，赋予重复的音节或图形以强弱起伏、抑扬顿挫的规律变化，从而会产生优美的律动感。图：梯田也是节奏的一种表现。在不同的高度，梯田的排列形成了疏松与紧密，宽与窄，高与低等变化，这些变化就形成了节奏中的韵律。节奏是规律性的重复48•韵律指某基本形按一定格律中的间隔、连续交替、反复而产生的音乐诗歌般的旋律感节奏感。49节奏是韵律形式的纯化，韵律是节奏形式的深化，节奏富于理性，而韵律则富于感性。50米拉公寓{高迪}5152535455韵律按其形式特点分类，一般有下列几种形式：●连续型韵律：以一种或几种要素连续、重复地排列而形成，多种要素以基本相同的间隔有规律地重复出现。●交错型韵律：各组成要素交替在画面上出现，表现出一种有规律的变化，增强了画面的情趣感。交错型韵律可以通过图形、方向、位置、色彩等的变化而产生。56●渐变型韵律：有规律地渐变形成的韵律，可以由构成要素的大小、形状、方向、色彩有规律地演变而得到，如逐渐加长或缩短，变宽或变窄，色彩上变冷或变暖等。●起伏型