版式设计第三章

第三章版式设计的原则第一节重复与交错第二节对称与平衡第三节对比与调和目录CONTENT第四节节奏与韵律第五节比例与适度第六节变异与秩序第七节虚实与留白●学习要点及目标：（1）熟练掌握版式设计原则及形式美法则。（2）将所学理论知识应用到版式设计之中。（3）设计要注意符合主题，考虑版面的整体性，要具有美感。●核心概念：重复与交错、对称与均衡、对比与调和、节奏与旋律、比例与适度、变异与秩序、虚实与留白。●工具材料：纸、笔、尺子、计算机。引导案例版面的构成是离不开艺术表现的。基本上所有的艺术设计都需要遵循形式美法则。无论是传统的纸质媒体还是现代的数字化媒体，都离不开对版面的设计。应把版面构成的基本元素（如图形、文字、照片等）与比较难把握的版面空白区域等巧妙地组合起来，以形成独特的版面风格。版式设计应重视风格与标准化的和谐统一，这样才能更好地满足观者的审美需求。版式设计已是当今时代设计艺术的一个重要组成部分，也是视觉传达设计的一个重要手段。从表面上看，它只是一种关于编排的技术，而实际上它是一种技术与艺术高度统一的表现形式。对于现代设计师而言，熟练掌握版式设计的原则与技术知识，在设计实践及以后的应用中会起到非常重要的作用。在遵循重复与交错、对称与均衡、对比与调和、节奏与韵律、比例与适度、变异与秩序、虚实与留白等形式美法则的前提下，版式设计如图3-1～图3-7所示。引导案例图3-1现代艺术博物馆的手提袋设计/重复与交错图3-2节奏与韵律引导案例图3-3对称与均衡图3-4一针一线/王超义引导案例图3-5比例与适度/郑中图3-6变异与秩序/Groovisions工作室引导案例图3-7虚实与留白/王强引导案例版式设计的基础是建立一定的骨骼，用于在空间上承载设计内容所蕴含的大量信息。在艺术设计的不断进步与发展中，人们对版式规律及构成的认识不断加深并日趋成熟。所谓“不以规矩，不能成方圆”，设计师需要在设计合理化原则的制约下进行具有创意的设计，否则版面会让观者觉得没有头绪且杂乱无章，不能准确地把形式与内容相统一，也就不能遵循之前制定的版式设计标准，并会破坏版式设计的规范。作为设计师，应充分使设计元素中的图片、文字、图形等具有均衡、对比、节奏等的变化，通过减少或增加各种元素来灵活地改变视觉效果，既要活跃版面，又要把抽象美的观点及内涵诉诸观者。引导案例作为实用艺术，版式设计是视觉传达设计的一门核心学科，也是整个学科体系中必修的课程之一。它不是一种单纯的技能，而是艺术性、功能性和技术性相互融合并高度统一的体现。通过上述案例，可以了解版式构成的原理。本章的学习目标是掌握版式设计的基本原则及创意方法，培养逻辑思维能力及创意表现能力，并能够正确地运用版式设计原则来设计版面，为以后进行完整的书籍设计、型录设计及招贴设计等打下良好的基础，真正做到学以致用。案例导学第一节重复与交错重复与交错1重复是指在版式设计中不断重复使用基本的点、线、面等元素，保持它们的形状、大小、方向等都基本一致。重复的表现形式给人一种安定且有规律性、统一性的视觉感受，缺点是呆板、平淡，缺乏趣味性变化。一、重复与交错的概念1.重复重复与交错1交错是指在版面中灵活地增加一些重叠与错落的设计元素，以打破版面沉闷、单调的视觉感受。版式构成中的重复与交错原则通常指的是相同的基本形连续、反复出现，形成一种比较有规律的、统一而整齐的视觉效果的构成方法。它能够形成一种节奏感和韵律感，加深观者的印象，是版式设计的原则之一。基本形一般为比较简单的图形，但是要充分考虑重复排列后基本形相互之间所形成的视觉效果。一、重复与交错的概念2.交错重复与交错1构成主义—开创现代版式设计的先河构成主义着重于绘画的线条、笔法、颜色、容积和空间。构成主义设计是一种与古典主义设计截然不同的风格，它受到合理结构的支配，一直以来在视觉设计的范畴内占据着统治的地位。构成主义是一种具有理性与逻辑性的艺术体现，深深地影响了现代版式设计的发展。俄国前卫艺术家李西斯基是俄国构成主义非常具有影响力的艺术家之一。构成主义以极简的几何元素形态构成图形，在点、线、面和色彩处理上运用了规律的排列，追求形体美、节奏美、秩序美和抽象美，使画面结构合理、布局得当、层次分明，开创了现代版式设计的先河。知识链接重复与交错1李西斯基设计的海报《红楔入白》中充分利用了黑、红、白三种颜色的组合，给人以两种不同力量在激烈对抗之感，如图3-8所示。李西斯基在一个完美、平衡的版式布局中将红与黑比喻成了攻守双方，通过赋予这两种颜色充满对抗感的几何外形来增强画面的张力，同时赋予其暗藏的深层含义。在李西斯基之后，越来越多的平面设计师开始尝试并强调黑色与红色之间的摩擦，隐晦地表达两者相互对抗的隐藏信息。后来，两位著名的艺术家库尔特·施威特斯和特·凡·杜斯伯格在达达主义拼贴作品中用到这两种颜色的组合。包豪斯的艺术家也尤为热衷于这两种颜色的组合。知识链接图3-8红楔入白/李西斯基丁乙—“一横一竖”丁乙被认为是中国抽象派画家的先驱，他出生于上海，是著名的现代艺术家。丁乙专注于画“十”字已数十年，多数作品与这“一横一竖”有关，其标志性的风格是以“十”字形的图案为元素，细致地结合不同的媒介，通过重复性地表达构造出不同的画面。丁乙通常在水彩纸、亚麻布及瓦楞纸等不同材料上画“十”字，在不同的画布上反复地推敲“十”字的奇妙，探寻其中无穷的变化。重复与交错1知识链接重复与交错1在起初阶段，丁乙所追求的是画面中线条和用色上的绝对精准。他使用胶带、尺子及直线笔进行绘画，力求使画面达到仿真印刷品的水准，如图3-9所示。知识链接图3-9十示1991/丁乙重复与交错1在随后的阶段（丁乙称其为“口语化”阶段），他不再限于尺子、直线笔和胶带，开始徒手作画，画面出现了更多之前没有的情绪化和偶然性的表达。丁乙开始对市面上能买到的画材进行实验，发现现成的苏格兰格子花纹的布料颇有意思，于是在上面尝试再一次的创新，如图3-10所示。知识链接图3-10十示98-7/丁乙自1988年之后，丁乙的作品风格发生了很大的变化，画面开始亮起来了，原因是丁乙再次改变了设计媒介。他选用了非常强烈的荧光色，目的是对应股票信息显示屏及城市急速蔓延的霓虹灯，使作品反映出当时中国城市化爆发式的迅猛发展。他在作品中采用渐进的颜色和鲜艳夺目的线条来表达城市发展的速度之快，如图3-11所示，在炫目且发散的空间布局中弥漫着久久不熄的光感。但在荧光系列之后不久，丁乙又回归到起初相对单纯的黑白作品的创作中。丁乙曾这样说过：“荧光作品把城市拉近了，黑白作品好像把城市推远了，从更高的地方，如飞机上，甚至在星空上看城市。”丁乙在创作过程中运用重复与交错的设计原理，形成了独特的风格，具有很明确的代表性。重复与交错1知识链接图3-11十示2010-16/丁乙草间弥生—世间万物，皆是圆点大多数设计师都有代表自己作品风格的符号，如草间弥生习惯画圆点。草间弥生的作品受到广泛关注，越来越多的人接受并喜欢各种各样被圆点铺满的视觉布局。草间弥生是著名的当代艺术家，她的作品企图呈现的是一种深入心理及视觉上的艺术创作理念，如图3-12所示。草间弥生所用的创作手法包括软雕塑、绘画，以及行为艺术与装置艺术等。重复与交错1知识链接重复与交错1知识链接图3-12南瓜/草间弥生草间弥生的圆点是她的代表特色之一，将圆点按大小渐变规律有序排列，形成远近凹凸、像浮雕一样高低起伏的效果。草间弥生曾说过：“我跟其他的老人不一样，我从几十年前开始就是前卫艺术家，现在我依然还是。其他人要不是死了，要不是老了，但我永远是前卫艺术家。我是最有才华的，而且我一心工作。你记住啊，我不是波普艺术家，我是前卫艺术家，这个不能再写错了。”重复排列组合的圆点元素对于草间弥生来说，既是她与这个世界沟通的一种途径，又是一种疗愈方法。草间弥生认为这些圆点组成了一张无限的网，让她从自己的角度来度量整个宇宙的无限，也许这一切的灵感都源于幻觉。她说：“我的生命也是一个点，是亿万粒子中的一点。斑点和网眼的诅咒，拉上魔法的帘幕，用一种肉眼看不见的神秘力量将我包围，我把一切都押在圆点上……”重复与交错1知识链接重复与交错1二、重复与交错的表现形式1.基本形不变、排列方向一致所谓基本形不变、排列方向一致，是指按照规律性的骨骼进行排列，基本形的位置、方向、大小完全不变化。这种排列方式所产生的效果比较整齐统一，但是较为单调，所以在设计基本形时要注意图形之间的连接，如图3-13所示。也可以把基本形进行黑白反转交错排列，这样重复排列后能够出现图形的新效果，如图3-14所示。重复与交错1图3-13完全一致的重复构成图3-14黑白反转交错排列的重复构成重复与交错1二、重复与交错的表现形式2.基本形不变、排列方向改变在根据骨骼排列的过程中，基本形可以改变自身方向重复排列；也可以将基本形黑白反转排列组成一个重复单元，再由重复单元改变方向进行不同方向的排列。这种排列方法可以打破单纯的基本形重复的单调感，产生具有层次感的视觉效果，如图3-15所示。图3-15基本形不变、排列方向改变重复与交错1二、重复与交错的表现形式3.基本形与空白交错重复基本形与空白单元根据骨骼重复排列，可以同时改变自身方向与颜色，达到部分反转的效果。这种画面一般颜色对比比较明确，使观者产生一种干净利落的感觉，但是如果基本形的空白较多，与空白单元的接合处就需注意颜色比例的协调与美观，如图3-16所示。图3-16基本形与空白交错重复重复与交错1二、重复与交错的表现形式4.基本形位置错位再重复排列基本形在根据骨骼重复排列时，除了基本形的方向和颜色可以改变外，对单独的基本形也可以根据需要进行相同位置的错位移动，如上下、左右或者倾斜位移等。采用这种排列方式能够形成更为活泼和丰富多样的画面视觉效果，如图3-17所示。图3-17基本形位置错位再重复排列重复与交错1二、重复与交错的表现形式5.基本形不变，骨骼、大小、方向变化可在单独骨骼内改变基本形的大小、位置和处理方式等，组成新的群组化图形重复排列。在单独骨骼内改变基本形的大小（扩大或者缩小）或对基本形进行移动（上下或者左右）、旋转（同心或者向心）、镜像（对角、上下或者左右），形状之间相交接会形成一种图形群组化的现象，再根据基本骨骼重复排列。这种画面效果较为丰富多样，具有一定的不确定性，画面层次感也较强，但在设计时要注意基本形不宜过大或过小，如图3-18所示。图3-18基本形不变，骨骼、大小、方向变化重复与交错1二、重复与交错的表现形式5.基本形不变，骨骼、大小、方向变化如图3-19所示，可以利用文字颜色的重叠效果产生丰富的色彩变化。如图3-20所示，采用两张交错的照片拼成一个完整的“5”字形图形，交错的新组合图案使版面更具有层次感，并增添了版面的活泼立体感。在设计时，可以在版面中运用一些交错与重叠的表现方式以改变版面中呆板、平淡的格局，使版面“动”起来。如图3-21所示，“章姓”海报是以“章”字为主体字，用几何化的图形拼接而成的。它以黑色为底，进行颜色的七彩渐变，突显立体感，利用几何化的图形与线条的重复排列表现了海报的视觉美感。重复与交错1图3-19“两次40”海报图3-20平行摄影展海报图3-21“章姓”海报/章萌思考与练习1．在A4纸上画一条直线，看看能表现出几种形式。2．将直线画在A4纸页面的不同位置上，看是否会带来不同的心理感受。课堂实训1．手绘一组关于重复与交错的版式设计。2．用计算机设计一个具有重复与交错的版面，注意特点突出，具有设计感。重复与交错1第二节对称与平衡对称是指相对于某个点、某条直线或某个面而言，其图形在排列上呈现出一一对应的关系。对称又分为完全对称和相对对称。对称可以给观者以稳定的心理感觉。（1）完全对称。完全对称又称为均齐对称，是指在假设的中心点或中轴线的两侧、上下或四周所配置的形、量、色等元素呈完全相等的状态。完全对称可以使视觉效果更加稳定，给人以庄重、严谨等视觉体验。（2）相对对称。相对对称是指基本骨骼对称而局部不对称，在假设的中心点或中轴线的两侧、上下或四周具有不完全相同的形、量、色等元素或局部结构略有变化的图形对称状态。这种局部有少许差异的对称，在稳定中更能感受到灵活丰富的变化，版面富有张力。1.对称一、对称与均衡的概念对称与均衡2均衡又称为平衡，原指力学上的一种平衡状态。在版面中均衡主要是指画面中的图形与色彩在大小、轻重、空间上的视觉平衡，形式以不失重心为基本原则。均衡常常在形体大小上有不同的改变，但仍会遵循两者之间内在的关联与呼应，体现了心理与视觉的等量感。均衡的重点在于不受中轴线或中心点的限制，不需要对称，利用画面中元素的变化来达到某种视觉构图平衡，使设计的版面变化且统一。均衡既是视觉的要求又是心理的要求，假设图形的均衡感被打破，就会降低观者稳定、安全的心理感受，使人产生某种危机感。2.均衡一、对称与平衡的概念对称与均衡2德国招贴大师—冈特·兰堡的土豆系列招贴冈特·兰堡是欧洲视觉诗人派公认的最有创造力的艺术家之一。在几十年的设计生涯中，兰堡创作了数千幅招贴作品。他的招贴作品多次在国际艺术展等相关展会上获奖，并被多个国家的博物馆、大学和文化机构收藏。一直以来，兰堡力图通过视觉传达设计来表现个人的艺术思想、形态立场和意识观念。兰堡把设计看作诗歌，使自己的设计作品高度地个人化和自由化。兰堡常常对自己的学生说：“诗、艺术和文学是人们每天都能感受到的，它们无处不在，人们只要去观察就能发现它们。”对称与均衡2知识链接纵观兰堡的作品，可以发现土豆是其招贴作品中经常出现的一个主题。兰堡出生于德国。兰堡回忆说，土豆伴随他度过了苦难的青少年时期，所以他对土豆有着特殊的感情和理解。他以土豆为艺术创作源泉，挖掘土豆背景下深藏的德国民族文化。如图3-22所示的兰堡创作的土豆系列招贴作品，令人称道的并不是土豆本身，而是招贴中体现出来的奇特创意和极具魅力的视觉效果。每一件单独的作品都以土豆为主体物，不同的是对土豆表现方式的变化和创意。他将土豆以削皮、切分、缠绕、填色等方式进行不同的组合，使其彼此之间存在着某些共同点。轮廓线和颜色是画面中最能够表现区域的元素，兰堡将这一原理应用到招贴设计上，并取得了非同凡响的视觉效果。红绿、黄蓝两对补色的运用使土豆的内部分布更加完善，主体与黑色背景在色彩上的对比和冲击使分裂变化的土豆紧密地团结在一起，增强了整体性。土豆的整体化与轮廓线和色彩的相互映衬，使整体和部分的关系形成了某种纵深的空间感，让观者的视线不仅仅停留在二维平面上，而是继续向周围探寻其他层次的空间。对称与均衡2知识链接对称与均衡2知识链接图3-22土豆系列海报/冈特·兰堡除了色彩强烈的构图之外，在这组土豆系列招贴中还运用了对称与均衡的版式设计原则。其将土豆一分为二或二分为四，在不完全对称的表达下产生的图形较之于完全对称的图形，视觉效果更为强烈，有静中含动之势，富有张力。水墨大师—靳埭强靳埭强纵横设计界几十年，自1967年投身于设计工作起，其作品除了获国际权威刊物刊载外，还被海内外博物馆等收藏。中西结合的设计元素是靳埭强作品中非常具有代表性的特点，他主张把中国传统文化的精髓融入西方设计理念中。从靳埭强的作品中能够看到与国际接轨的画面处理方法，同时还能看到大量的中国传统元素，如图3-23和图3-24所示。对称与均衡2知识链接对称与均衡2知识链接图3-231998年北京国际商标节海报/靳埭强图3-24九九归一澳门回归海报/靳埭强除了注重发掘民族文化底蕴之外，靳埭强还十分重视将传统元素与现代设计理念融会贯通，广泛汲取欧美和日本的优秀设计经验，不断尝试，积极发展并塑造自己的设计风格。20世纪80年代末至90年代，他将自己的风格定位为色彩时而雅致、时而欢悦，版面隽永而充满禅机。靳埭强大量的招贴海报作品设计都遵循着版式设计的原则，其中对称与均衡的运用最为生动且富有灵魂。在艺术中，对称的意义越来越外延，从视觉上讲，它是均齐之美；从构图上讲，它是平衡之美；从心理感觉上讲，它是和谐之美。因此可以认为，艺术设计中对称的美是符合审美情感的，在版式设计中需要合理地加以运用。总之，靳埭强将中国传统元素与时代审美巧妙地结合起来，创作了很多优秀的作品，如图3-25、图3-26所示。对称与均衡2知识链接对称与均衡2知识链接图3-25当代香港水墨大展海报/靳埭强图3-26HKDCAwards海报/靳埭强二、对称与均衡的表现形式版面的对称与均衡主要是指调节设计元素之间的关系，使版面布局不会失衡，各个元素之间都有关联，并组成一个整体。当版面中存在不均衡的构图时，就可能会产生紧张的情绪，使版面缺乏整体性，单独的元素过于分散，整体布局被打散。对称与均衡2二、对称与均衡的表现形式物理对称与均衡现象在生活中经常可以看到，例如跷跷板。当两个人在跷跷板的左右两端时，若体重相同则形成一个平衡状态，如图3-27所示。跷跷板左端物体的力是逆时针方向的，而右端物体的力是顺时针方向的。达到物理对称与均衡时，两端所用的力方向相反，且力的总和等于零。如果一侧的重量超过另一侧很多，跷跷板就会失去平衡，向重的一方倾斜。对称与均衡2图3-27物理对称与均衡二、对称与均衡的表现形式图3-28所示的情境让观者产生不舒服的感觉，原因在于左侧没有足够的力去平衡右侧的力，物体失去平衡后会产生向右侧倾斜的现象。如果将右侧的物体向中间移动到某个点，跷跷板会再次恢复平衡状态。对称与均衡2图3-28物理不对称与均衡对称与均衡2版面中视觉的对称与均衡和现实中物理的对称与均衡所表示的意义是一致的，只是把物理的力换成了视觉的力，把物理中力的方向换成了视觉方向。视觉力是版面中各设计元素对观者目光的吸引力。视觉力的大小与方向无法用仪器精确地测量，若想确认版面中的构图是否达到平衡，需要用眼睛来观察。之所以在设计中运用视觉的对称与均衡，是因为当版面出现不平衡的效果时会使人感觉到不舒服。例如，观察图3-28中的跷跷板，它传递出了哪里“不对”的感觉，原因在于人们了解跷跷板的原理，当跷跷板两端不均衡时会发生向重的一方倾斜的现象。通常当一件设计作品构成视觉平衡时，它的每个局部都可以吸引观者的注意力；而当设计作品没有构成视觉平衡时，观者可能对某些部分不会过于仔细观察，则该部分所包含的信息就会被忽略。对称与均衡有五种基本类型，即轴对称均衡、不对称均衡、放射对称均衡、分散对称均衡和反对称均衡。1.轴对称均衡对称与均衡2轴对称均衡指的是相对于某条轴线，在其两侧的元素达到均等的平衡。轴对称均衡给人一种很优雅的感觉，如图3-29所示；缺点在于它是静止的，有时会给人以无聊的感觉，这是因为当画面完全对称时会缺少一些想象的空间。图3-29轴对称均衡2.不对称均衡对称与均衡2不对称均衡是指构图中的某个元素占据主导位置，它的力被一系列更小的元素所平衡。也就是说，一个力可以被许多力所平衡。不对称均衡的构图更为动态，也更为有趣。这种构图给版面增添了现代感、运动感和活力，如图3-30所示。图3-30不对称均衡3.放射对称均衡对称与均衡2放射对称均衡是指由中心点向四周放射出多个元素，使元素之间保持平衡的表现方式。生活中的日光或池塘中的水波涟漪等都是放射对称均衡的体现。因为放射对称均衡的中心是固定的，所以比较常见且容易实现。观者会跟随周围元素的指引把目光集中在共同的中心点上，使其成为视线的焦点，不可忽视，如图3-31所示。图3-31放射对称均衡4.分散对称均衡对称与均衡2分散对称均衡是对混乱进行再平衡的表现。虽然画面构图中没有一目了然的视觉点，各个元素之间似乎没有达到对称或均衡，但它们仿佛都共同遵循着某种秩序，在构图中都有其作用，最终会把设计引向均衡的视觉效果，如图3-32所示。图3-32分散对称均衡5.反对称均衡对称与均衡2反对称均衡在自然界中十分普遍，例如：螃蟹的爪子大小各不相同；树枝朝不同方向生长；云朵的形状变化万千等。反对称均衡似乎缺少了对称所具有的平衡结构，但它在元素之间形成了较为复杂的构成关系，因此常被用来吸引视线。图3-33所示为冈特·兰堡设计的海报。图3-33（a）运用了轴对称均衡的表现手法；图3-33（b）运用了反对称均衡的表现手法，将椅子上下翻转，形状反转对称的上下构图，上方白色的椅子顺时针旋转，可以与下方红色的椅子重合。观察两幅图，可以明显地感觉到图3-33（a）的视觉效果更为平和，而图3-33（b）则可能会引起一种特殊的心理变化。可以将其理解为一幅静止的平面作品中视觉元素的移动方向基本上与构造骨架的主轴方向一致，因为具有特定的倾向运动感，所以版面构图不再显得单调，反而呈现出一种扩张力。对称与均衡2图3-33海报设计/冈特·兰堡三、对称与均衡的应用如图3-34所示，字母“S”环绕在一个平行四边形的文字区域中。这种构成具有运动的特征，即以中心为基点向外形成放射状运动。在通常情况下，人们的视觉点在版面的中心位置，疏密得当的安排使画面具有很强的动感和视觉冲击力。运用这一原理，通过元素的疏密布局来构成新的版面，可以大大提升其扩张力，使版面最终呈现出更强的视觉效果。除了可印刷的排版，在新媒体迅猛发展的背景下，网页的排版也越来越被人们所重视。下面结合几个网页版式设计优秀案例进行具体分析。对称与均衡2图3-34字母设计/佩普·尤根斯三、对称与均衡的应用图3-35所示为Helen&Hard网站的“关于”界面，其整体采用了对称与均衡的表现形式。最上方是菜单栏，下方有三个圆形的图像，对应的描述文字形成等宽的矩形区域，其中标题、文本和图像都采用了轴对称均衡。整个网页版面均匀分配，对空间的把握恰到好处，给人一种和谐统一的视觉感受。对称与均衡2图3-35Helen&Hard网页三、对称与均衡的应用Rabbit'sTale网页如图3-36所示。页面中单词向四处飞舞的排列方式给观者眼前一亮的感觉，颇具视觉冲击力。字母的分散排列并没有影响版面的构图，原因在于版面中有固定的中心点，字母遵从这一中心点向周围随机散落，没有完全对称却又不失平衡。对称与均衡2图3-36Rabbit'sTale网页思考与练习1．思考对称与均衡有哪几种不同的表现方法。2．找出设计大师的作品中运用对称与均衡的设计手法。课堂实训利用手绘设计一组以图形为主进行对称与均衡排版的版面。利用计算机制图，要求版面中包括文字与图形。对称与均衡2第三节对比与调和对比是指把相对的两个元素进行比较，产生大小、粗细、直曲、疏密、高低、远近、浓淡、动静、锐钝等变化。在版面的编排中，字与字、字与形、形与形之间都存在着对比关系。按版式中的元素，对比可分为颜色对比、图形与文字对比、动静对比等。对比给人以醒目、生动的感觉，可以形成强烈的视觉冲击力，使传达的信息更加明确。对比与调和3一、对比与调和的概念1.对比调和是指适合、安定、统一。在一个版面中，单纯的对比容易出现混乱的局面，一种元素机械地出现又会显得单调无趣，只有在不同的元素中寻找相近的元素进行调和，才能产生舒适、协调、统一的效果。2.调和因此，对比与调和是相互作用且不可分割的。在版式设计中，通常局部的版面宜采用对比的手法，整体的版面宜采用调和的手法。游明龙游明龙是当代著名的平面设计师。他的设计特点是撷取中国传统图案符号与汉字书法，塑造出自己独特的风格和强而有力的视觉语言。游明龙的平面设计作品体现了现代主义精神，精练简洁而内涵深远的创作手法贯穿于他的设计主题之中（图3-37）。知识链接对比与调和3图3-37“万寿无疆”“欢欢喜喜”系列海报/游明龙图3-38所示为游明龙设计的“妙法自然”系列“真”“善”“美”汉字海报，曾荣获红点设计奖视觉传达设计类最佳设计奖，这是游明龙第四次获得该奖项。游明龙的“真”“善”“美”汉字海报表现出了中国文化的大气、简约与艺术性，结合大胆的配色，使人眼前一亮。知识链接对比与调和3知识链接对比与调和3图3-38“妙法自然”系列“真”“善”“美”汉字海报/游明龙“真”“善”“美”汉字海报是游明龙被邀请参加“妙法自然——董阳孜×亚洲海报设计暨文创跨界创作展”的招贴作品。游明龙在书法家董阳孜的“真”“善”“美”草书汉字的基础上加入自己设计的新汉字“乐善”“乐生”“喜乐”，以此为设计元素，用色彩鲜艳的荧光油墨进行颜色对比，体现了时尚文字造型与书法笔墨相对的趣味性与美感，在种类繁多的设计作品中标新立异，获得了大赛评审的青睐和赞赏。汉字元素设计是游明龙最擅长使用的创作主题之一。他以汉字笔画结构为前提，按主题的要求创造新的元素图案，也就是以字为基本形，对其加以变化和进行再设计，使其最终成为具有视觉审美与装饰效果的图案，从而增强了时尚感与文化性。除了海报作品，游明龙还将汉字元素设计广泛运用于品牌标志、文创商品及广告等领域，并定期举办个人展或与业内人士联合展览，不断分享学术上的新理念，发表新作品。知识链接对比与调和3图3-39所示的系列海报设计也运用了对比与调和的构图原则，该作品存在着前后、远近、黑白、大小的对比关系，增强了版面的灵动性和趣味性，提升了视觉刺激感。由此可见，对比可以拉开画面的反差，但在应用时应以一种对比表现形式为主，因为对比过多会使画面显得杂乱。游明龙深切地认为，设计与创意的迅猛发展虽然有助于经济的发展。但并不是急于求成就能见效的，它需要提升人们的美学素养并深深扎根于文化土壤的基础上。因此，设计师在将创意与设计作为追寻发展的目标方向时，不能轻视对自身所处这片土地的热爱与保护，要从中找到自身的优势，让设计创意落实在生活之中，并开拓出更深广的艺术视野，陶冶出更高尚的艺术情操。知识链接对比与调和3知识链接对比与调和3图3-39系列海报/游明龙对比与调和3二、对比与调和的表现形式在版式设计中，恰当地运用对比与调和的设计手法会使版式更具有生气和活力，同时强化视觉冲击力，有效地吸引观者的眼球。反之，如果缺少对比与调和，版式就会显得呆滞死板，没有活力。如何运用对比与调和手法来设计版式，是很多设计师需要思考的问题。对比的表现形式很多，图3-40中体现的对比表现形式有形状对比、色彩对比、大小对比、粗细对比及质感对比等，此外还有规则编排和无规则编排对比、构图中的横排与竖排对比、字体对比、整个版式布局的疏密程度对比、图文的疏密程度对比、线条的曲直对比、整体设计的虚实对比与节奏对比等。图3-40对比的表现形式对比与调和3三、对比与调和的应用当然，并不是只要运用了相应的设计手法，版式就会完美。若运用的设计手法太多或对比不恰当，则会导致版面不协调、呆滞并缺乏美感。一个优秀的版式设计就如同一篇乐谱，每个音符都和谐地存在于优美的旋律中。图3-41所示的“Freedom放开孩子让梦想去飞”系列海报设计表达出“减轻学生课业负担是全社会的共同责任”的主题。该海报设计采用图形渐变的方式，在对绳子、铁链图形的提炼中，通过将部分图形变换为海豚、海鸥图形，从而形成强烈的对比。版面中有几个局部为红色，均为要突出的重点：英文“FREEDOM”（自由）与遨游的海豚、飞翔的海鸥表现出孩子对自由追求梦想的向往，从而呼吁全社会重视这一问题，从根本上解放孩子的心灵。对比与调和3图3-41Freedom放开孩子让梦想去飞/niuAniu对比与调和3三、对比与调和的应用图3-42所示的“滴水之恩生命本源”环保海报作品中的主体是一片巨大的即将枯萎的荷叶在一滴水的滋润下渐渐地恢复生机。设计该作品的目的是唤醒人们珍惜水资源的环保意识，枯叶残缺不全的状态、枯萎的边缘与被水滋润的中心形成鲜明的质感对比与颜色对比，从而强调了水是生命本源的环保主题。图3-42公益海报/中央美术学院设计学院第八工作室对比与调和3三、对比与调和的应用图3-43所示为一组柔软剂广告招贴，其视觉效果简洁大方，却表现出十足的创意。招贴画面中没有过多繁杂的视觉引导元素，观者可以将注意力集中于表达的主体—水中的动物。画面以水面为分界线形成视觉及心理的强烈对比，体现出该品牌柔软剂使织物纤维瞬间柔软的强大能力。该招贴设计将产品的特点阐释得淋漓尽致、通俗易懂，给观者留下深刻的印象。图3-43柔软剂广告招贴对比与调和3三、对比与调和的应用图3-44所示为以全球气候变暖为主题的公益海报，其主题明确，用色大胆，以夸张的手法表现出炽热气候下的北极灾难，通过强烈的色彩对比形成视觉震撼。设计师将存有共性的色彩重新加以配置，构建起画面主体与背景之间的色彩调和关系。这种色彩调和关系中，客体对主体起到烘托作用，两者和谐共生，同样能够呈现出色彩对比所拥有的视觉冲击力效果。色彩调和除了要注意美学规律和心理学规律，还要符合版面的统一感。图3-44公益海报对比与调和3三、对比与调和的应用如图3-45所示，选用文字图形“平等”作为主视觉图形，图形间有对比，图形与文字编排较好。另外，版面色彩搭配和谐统一，具有美感。整体版式设计具有条理性，既有变化又有统一，形成了强烈的视觉冲击力，在吸引观者视线的同时给人以赏心悦目的视觉美感。图3-45社会主义核心价值观——平等/郑中对比与调和3三、对比与调和的应用如图3-46所示，该作品体现了多种对比关系，如白色文字与黑色背景的对比、文字长短疏密的对比、上下黄色圆形的大小对比，以及折线和模特脸部曲线的对比等，形成了较强的视觉冲击力。从图3-46左至图3-46右，标题的颜色由白色变为灰色，减少一个对比之后可以感受到视觉上的对比弱了许多。黑白的对比关系体现了非常鲜明的视觉效果。实际设计中需要将单个或多种对比关系组合在一起，相辅相成，彼此呼应。图3-46封面的对比思考与练习1．版面中可进行哪些对比？对版面又该如何调节？2．只运用线条，如何在版面中表现对比与调和？课堂实训1．手绘一组字体的排版方案草图。2．通过对空间感的把握，运用对比与调和的表现方法用计算机完成图文并茂的美食杂志封面设计。对比与调和3第四节节奏与韵律节奏是一种均匀重复的循环，如大小、明暗、形状的变化等，体现了律动的美感。另外，如人的心跳脉搏、四季的气候变化等也可以看作是一种节奏。节奏与韵律4一、节奏与韵律的概念1.节奏当节奏产生变化时，就形成了韵律。韵律比节奏更优雅轻松，是在节奏中加入一些美的元素。在版式设计中，文字、图形、色彩等元素在布局上符合某种规律时，无论在视觉上还是在心理上都会给人以韵律的感觉。加入韵律感可以给版面带来许多活力，甚至可以拉近与观者之间的距离，与观者产生共鸣。韵律是由节奏的变化所产生的，必须掌握好这个变化的度。2.韵律尼古拉斯·卓斯乐尼古拉斯·卓斯乐是享誉世界的图形设计大师，同时是著名爵士音乐节的创始人。卓斯乐作为教授在斯图加特国立美术学院进行教学工作，是非常著名的设计教育家，学生自世界各地慕名而来。卓斯乐的众多设计作品被收藏在各国博物馆中，其中包括阿姆斯特丹博物馆、纽约现代艺术博物馆、明尼阿波利斯艺术馆等。他的招贴作品大多为艺术和文化活动而设计,其中尤其引人注目的是爵士音乐主题的招贴，其画面排版和设计包含冲破画面的音乐元素，给人以身临其境的节奏感，如图3-47所示。知识链接节奏与韵律4知识链接节奏与韵律4图3-47音乐海报/尼古拉斯·卓斯乐卓斯乐的海报设计对爵士乐的发展有十分重要的影响，可以说，是他帮助专业或非专业人士了解爵士乐的魅力，并把专业的音乐人引入海报艺术领域。在卓斯乐的作品中可以跟随他的设计想法，联想到各种各样与音乐有关的元素，如音符、休止符、节奏及旋律等，仿佛有魔力一般，感受到音乐就在耳边，并跟随着颜色的冲击力哼唱出旋律。正是这种设计和音乐的相互结合，更为生动地体现了卓斯乐的创作理念—艺术的相通性。人们对卓斯乐的设计作品记忆犹新的原因在于其作品呈现出的清晰的结构、奔放的线条，以及让人难以忘却的绚丽色彩，在版式中营造出丰富的情感氛围和自由奔放的抽象表达。知识链接节奏与韵律4卓斯乐善于采用各种手法表达音乐的不同情绪。几十年来，在不同阶段的平面设计作品中他展现了不同的艺术风格。如从20世纪70年代的暗喻手法，到80年代的彩色拼贴与剪影手法，再到90年代的即兴质感和直觉手绘方式，在不同的阶段中卓斯乐运用灵活多变的形式语言创造出不同的视觉盛宴。卓斯乐在爵士乐海报的创作过程中尤其着迷于对字体设计的探索，越简单纯粹的元素往往越能考验设计师的专业素养。单单通过字体来体现音乐旋律的千变万化，对于卓斯乐来说是一个颇有难度的挑战，他试图让原本静止的字符变得灵动、有活力。如图3-48所示为卓斯乐为即兴表演音乐会设计的海报作品，作品中依然贯彻了他的设计风格，采用抽象的图形和自由的字体进行创意表达，使静不止于静，设计的魔力让本是静态的海报仿佛发出声音。知识链接节奏与韵律4知识链接节奏与韵律4图3-48即兴表演音乐会海报/尼古拉斯·卓斯乐二、节奏与韵律的表现形式渐变是指以相似的基本形或骨骼循序渐进地发生变化，呈现出一种阶段性的、调和而有序的效果，其中包含大小、方向、位置、色彩的渐变等。（1）大小渐变。如图3-49所示，把图例中的人物布局用圆点来表示，顺着圆点往下看，能感觉到视觉上的节奏感，通过大小、位置上的远近排列将各种元素加以整合，形成统一、连贯、和谐的整体版面布局。节奏与韵律41.渐变图3-49渐变/京宁摄影二、节奏与韵律的表现形式（2）方向渐变。在版式设计中可以运用方向渐变手法，即采用基本形进行方向或角度的序列变化，使画面表现出起伏的效果，增强版式的立体感与空间感。如图3-50所示，设计师巧妙地将一个图形以不同的形态整齐地排列于一个版面之中，相似的图形元素重复出现，在细节上有所变化，给人以统一且富有变化的节奏感。节奏与韵律41.渐变图3-50音乐会海报/约瑟夫·穆勒-布洛克曼二、节奏与韵律的表现形式（3）位置渐变。位置渐变指的是将部分基本形在画面中的位置进行有序的变化，其目的主要是增添画面中“动”的元素，使画面产生起伏波动的视觉效果。如图3-51所示，将不同篮球运动员的人物形象组合成投篮过程的动作组图，使整个版面产生一种流动的韵律感，为整个版面营造了运动与活力的气氛。节奏与韵律41.渐变图3-51篮球运动海报/佚名二、节奏与韵律的表现形式（4）色彩渐变。色彩渐变是指从一种色彩逐渐过渡到另一种色彩的表现方式，其目的主要是增添画面的观赏乐趣。色彩明暗、饱和度的变化在版面中加入了时快时慢的节奏感，观者可以从中直观地感受到要表达的主题，如图3-52所示。节奏与韵律41.渐变图3-52节奏与色彩渐变/MetaklinikaDesignStudio二、节奏与韵律的表现形式发射是渐变的一种特殊表现形式，在日常生活中经常可以看到，如太阳的光芒、绽放的花瓣、水的同心圆波纹等。在通常情况下，发射是指围绕某一个或某几个中心点向内集中或向外分散的现象。发射具有较强的视觉效果，可以形成光学的动感，令人炫目，吸引观者的视线，也可以起到高度强调形象的作用。图3-53所示的版面即运用了发射的表现方式，设计师将中心文字旋转编排，四周文字向外分散，在突出主题的同时，向外分散的文字也引起了观者的好奇心。版式设计要遵循节奏与韵律的造型规律，大胆设想，突出主题，综合运用色彩及图案等元素，设计出较为完善、经典并富有情感的版面。节奏与韵律42.发射图3-53首尔电影节海报二、节奏与韵律的表现形式图片和色彩等视觉元素在版式设计上符合某种规律时，能给人以视觉和心理上的节奏感。当然，还有一种节奏更为随性的版式设计，即场景化排版。图3-54所示为以时间为轴的老海报拼贴，依然有趣而不死板，阅读起来清晰明了。节奏与韵律43.场景化排版图3-54海报拼贴二、节奏与韵律的表现形式如果想让版面看起来更加生动，可以采用曲线型排版，使文字和图片时而像旋梯时而像楼梯，产生跌宕起伏的节奏感。但这种方法需要谨慎使用，因为一旦使用不当就会导致整个版面看上去杂乱、焦点模糊，影响阅读。建议平时增加相关的知识储备，在有了一定的版式设计经验之后再尝试曲线型排版。如果可以很好地掌握这种排版方法，版面会给观者带来视觉上的韵律美，令人感受到设计的趣味性。图3-55所示为杂志的曲线型排版，图中的文字是重点体现的部分，在视觉构图上是不可忽视的，三个部分的文字排版均不在同一条水平线上，从左至右为上下上分布，其中右侧露出一部分的文字位于最上方，有向页面外延伸的感觉。排版巧妙地运用了节奏与韵律的表现原则，在有序构图的同时又不失趣味性，灵动且有规律可循。节奏与韵律44.曲线型排版图3-55杂志的曲线型排版/Balsamstudio三、节奏与韵律的应用要恰当、合理地运用排版的节奏与韵律造型规律。在版式设计中，文字或图片区域的跳跃感可以吸引较多的注意力，使无趣的版面“动”起来。版式中排版层次越丰富，越可以区分出内容的主次关系，使浏览更加轻松，并且提升版面的视觉吸引力，如图3-56所示。节奏与韵律4图3-56某品牌网站三、节奏与韵律的应用节奏与韵律的变化会使观者的视觉心理产生极大的波动。当节奏与韵律由沉闷到活泼时，观者的情绪仿佛也随之从压抑到开朗，这就是节奏与韵律给人视觉心理带来的变化。如图3-57所示的海报，三行人物的排列和状态是不同的，在版面统一的同时又有变化，没有冲突且更加富有趣味性。反之，如果只是单纯地重复第一行，可能会让人感觉有一些无趣。因此，节奏与韵律是赋予作品情感与想法的关键。节奏与韵律4图3-57“物外之趣”海报/日本三、节奏与韵律的应用图3-58所示为由德国汉堡JungvonMatt广告公司设计，摄影师UweDuettmann掌镜，为汉堡爱乐乐团拍摄的宣传海报。汉堡爱乐乐团作为著名的交响乐团，其宣传海报同样吸引人们的关注。这组海报以摄影为主，在黑暗中演奏者演奏的乐器形成富有韵律感的光影轨迹。海报中对乐器专门使用了白色，使其轮廓更为突出，视觉表现力更强。节奏与韵律4图3-58德国汉堡爱乐乐团宣传海报/JungvonMatt三、节奏与韵律的应用在音乐海报设计中，节奏与韵律的表现方式特别常见，因为其较为契合主题，表达上也更为直观。如图3-59所示的一组海报中，流动的手写体文字及其大小的变化使黑白色的画面多了几分活泼。文字的走向既是音律的轨迹又是乐器的轮廓，与演奏者完美地结合，创意十足。节奏与韵律4图3-59吉马良斯爵士音乐节海报三、节奏与韵律的应用在运动类海报的版面中，通常要强调观者的代入感。以图3-60为例，运动的视觉通常采用加粗的字体及动感的人物或者运动状态来展现，运动中的人物是视觉的主角。为了体现运动精神和速度感，文字部分的创意构图也是很有必要的。节奏与韵律4图3-60运动类海报思考与练习1．举例说明除了音乐、体育之外，还有哪些领域适合节奏与韵律的表现形式。2．如果一个默剧剧本需要设计一个版式，你该如何进行呈现？课堂实训1．播放一首爵士乐，根据音乐节奏分别设计出黑白和彩色两种版式。2．用本节学到的知识设计出“静”和“动”两种版式，版面需要有代入感。节奏与韵律4第五节比例与适度比例是指整体与局部或局部与局部之间的比例关系。比例常常表现出一定的数学秩序，如等差数列、等比数列和黄金比例等。在分割版面时，若遵循某种比例，可呈现出更协调、整齐的视觉美感。比例与适度5一、比例与适度的概念1.比例适度是指版式的整体或局部可以带给观者心理上的舒适感。2.适度黄金比例黄金比例是一个数学概念，在一般情况下在自然界中也可以发现它。黄金比例常用来建立平衡的构图，用希腊字母表示黄金比例的数值。公元前6世纪，希腊人发现了黄金分割原理，这一原理被人们称为“应用比例中的黄金钥匙”。黄金矩形堪称最完美的矩形，是指一个长方形的长边与短边比值约为1.618∶1。如果从黄金矩形中再切分一个以短边为边长的正方形，那么剩下的矩形也是一个黄金矩形，如图3-61所示。知识链接比例与适度5图3-61黄金矩形如果继续进行同样的操作，无限循环地切分下去，便会得到图3-62所示的图形。知识链接比例与适度5图3-62无限切分黄金矩形斐波那契螺旋线也称“黄金螺旋”，是根据斐波那契数列画出来的螺旋曲线。这种曲线最大的特点就是完美，所有的比例都恰到好处，让人感到身心舒畅。在贝壳、台风、向日葵等自然物象中，螺旋线是很普遍地存在的，毫无疑问也是非常有吸引力的。自然中的美是符合大众审美情趣的，也是一直遵循美的法则的，如图3-63所示。知识链接比例与适度5图3-63自然界中黄金螺旋的例子在设计中采用黄金比例，可以很轻松地将美的感觉表现出来。在雕塑、绘画及建筑作品中，黄金比例被广泛应用。使用黄金比例可以给人以更自然、更协调、更舒适的心理感觉。一些海报、广告设计都是应用黄金比例分割空间或线段的。知识链接比例与适度5二、黄金比例在版式中的应用图3-64所示为艺术节宣传单设计，从版面中的LOGO到图片都采用了黄金螺旋进行配置，图片、LOGO及文字的构图统一且美观，标志与图片之间的留白恰到好处。比例与适度51.黄金比例在纸媒版式中的应用图3-64艺术节宣传单设计二、黄金比例在版式中的应用图3-65所示为一套视觉识别系统设计作品，通过螺旋线的不断延伸，字母也逐渐从四周向内变小，版面显得越来越紧凑。优秀的排版设计看似极简，却蕴含了丰富的设计思路，运用了巧妙的设计表现形式。使用黄金比例原理能求得最大限度的和谐统一，使版面被分割后不同部分之间产生相互的关联性。比例与适度51.黄金比例在纸媒版式中的应用图3-65视觉识别系统设计二、黄金比例在版式中的应用图3-66所示为杂志封面设计，版面中心为文字和模特眼睛重叠部分，从中心开始逐渐向外扩散，布局十分整齐有序。杂志的标题也表现得比例得当，非常到位；主体物很多，但相互间有关联且适度。比例与适度51.黄金比例在纸媒版式中的应用图3-66杂志封面设计二、黄金比例在版式中的应用YourLocalStudio是丹麦一个有关开发与设计的网站。该网站擅长使用各种形式的视觉概念来优化网页设计。在该网站中，有两三个页面运用了黄金比例原理，如图3-67所示。YourLocalStudio主页是对关键信息概念性的诠释。当访客访问该网站主页时，会发现它融合了传统的Web布局与黄金分割矩形。该网页设计采用了渐进式的清晰结构和组织分明的网格系统，以不同寻常的布局来吸引用户的注意力。整个页面被分割，但图文搭配统一协调，留白处也增强了稳重感与设计感。比例与适度52.黄金比例在网页版式中的应用图3-67YourLocalStudio网页设计二、黄金比例在版式中的应用同样是网页设计案例，虽然将很多内容混合在了一起，但通过使用黄金螺旋和黄金比例，阅览者可以很轻松地将信息整理出来。如图3-68所示，当打开页面时，用户的目光集中于“BONJOURMYNAMEISTIM”（你好，我的名字是提姆），然后将视线移动到左边的侧边栏上，有些文字的背景部分为白色，很好地保证了留白的空间。比例与适度52.黄金比例在网页版式中的应用图3-68TimRoussilhe网页设计三、比例与适度的应用比例与适度是设计中艺术修养与审美情趣灵活运用的结果，尽量不要生搬硬套。比例与适度在版式中可以看成是版面中图与图、图与字、字与字之间的关系。要营造版面布局的稳定感，版式设计的重点在于重心的设计。不论是图片、标题还是文字等元素或是字里行间的间隙比例，都会显示出不同的重量感，而页面中这些主要元素的分配方式将决定版面整体的稳定感。图3-69所示的品牌设计思路是将用来计算人体比例的圆形实体化，分割成蓝色和红色，然后随意排列。大小不一的红、蓝色半圆仿佛在白纸上跳跃着，组成了人体的感觉，又带有很强的几何感。比例与适度5比例与适度5图3-69品牌设计/UVMW设计事务所三、比例与适度的应用图3-70所示为两组型录版式，其有趣之处在于折叠后的版面是平铺版面的局部，这就既要考虑整体又要考虑单独部分的设计。通常在报纸类的宣传页或小众的设计作品中可以看到这类设计。要平衡各部分之间的比例关系，就需要把一件作品当作一系列作品来进行构思。右上图中，每一个局部圆与整体版面中图形和文字内容之间的比例应和谐统一，不能失调，这就需要适度布局；右下图中，“Time”出现在二分之一版面位置处，是考虑了版面中整体的比例应适度。比例与适度5图3-70型录中的比例与适度/GeelMetalliek思考与练习1．在A4纸中，以折叠的方法找出一个适度的版面比例。2．尽可能多地列举出平时可以用到的比例的实例。课堂实训1．将不多于10个字符的文字布置于A4纸上，并考虑版面整体的关系。2．通过对比例的把握，根据比例与适度原则制作一组宣传册，要求考虑折叠的因素，以及局部与整体之间的关系。比例与适度5第六节变异与秩序变异是一种在整体效果中的局部突变，其中突变的内容通常是版面中最引人注目的焦点。变异可因大小、方向、色彩等方面的变化而产生。变异与秩序6一、变异与秩序的概念1.变异秩序是指版面中有组织美的编排，能体现出版式的条理性和科学性。版面的组成元素很多，包含文字、图形及线条等，秩序就从这些元素中产生，使各个元素有规律性地出现，具有井然有序的视觉结构。2.秩序合理地运用变异与秩序，可使版面的视觉效果良好，有秩序感和明了感；反之，版面就会杂乱不堪，造成视觉传达的障碍。埃舍尔的“矛盾空间”埃舍尔是荷兰著名的版画家，1898年生于荷兰。他酷爱旅行，对大自然怀有深厚的感情。埃舍尔一生中进行了大量的探索，为绘画开辟了新的天地。埃舍尔精通建筑、音乐与数学，这些对他后来的创作产生了极大的影响，尤其是后期的智力图像作品传达了主宰人类思维世界的自然法则，他最终以自己的方式使艺术步入了数学领域。他利用变形、上行和下行、凸和凹、俯视与平视等透视的相对性，在一幅图中将从建筑力学、物理学及不同视点来看自相矛盾的空间和建筑的视觉特征联系在一起，画面效果非常协调。知识链接变异与秩序6图3-71所示的作品《三个球体》利用了球形镜面的折射原理。可以看出，三个球体有秩序地分布在画面中，每一个球体的质地都是不同的，玻璃体、镜面体及石膏体依次排列。这几个不同质地的球体彼此反射，其中一个折射出埃舍尔、他的工作房间和他用来画这些圆球的纸。事实上，埃舍尔的大部分作品都充满神秘、幽默及童话般的视觉魅力。其作品可以被数学家、哲学家及物理学家解释得很深奥，但视觉画面却可以被不同层次的人所接受和欣赏。知识链接变异与秩序6知识链接变异与秩序6图3-71三个球体/埃舍尔图3-72所示的作品为《变形I》，是埃舍尔于1937年创作完成的，他将阿马尔菲海岸的房屋变为抽象的立方体，又变形为平面的正六边形。这幅作品集中了埃舍尔作品的主要特征，即二维与三维之间、写实场景与抽象镶嵌之间，以及几何图形和具象图形之间的渐变。埃舍尔的绘画特色在于利用空间的视错觉与正负形的转化来构造画面。20世纪以前的很多绘画都是在二维平面上构造三维的空间效果，从而让观者产生身临其境的心理感觉，而埃舍尔的绘画打破的正是人们对再现的简单认知。知识链接变异与秩序6知识链接变异与秩序6图3-72变形I/埃舍尔如图3-73所示，埃舍尔的作品《天与水I》打破了思维的固定模式，将天上飞的鸟用渐变的手法演变为河水，而白色的天空逐渐过渡为水中的游鱼。埃舍尔一直致力于矛盾空间的研究，他的作品大多以描绘矛盾空间为主。他像一名魔术师，利用几乎没有人能摆脱的逻辑和高超的画技将不可能的世界立体地呈现在人们的眼前。知识链接变异与秩序6图3-73天与水I/埃舍尔二、变异与秩序的应用变异与秩序的内涵包含对齐、对称、韵律、均衡、比例及多样统一等。其中，对齐和对称使设计作品更加有秩序，有助于提高作品的规整性和统一性。熟练而准确地运用变异与秩序的表达形式，可以使画面更加有趣且更具有设计感。秩序美是版式设计的灵魂，体现了版面的条理性和科学性。在秩序美中融入变异的构成原理，可以使版面呈现出一种活泼、灵动的视觉效果。图3-74所示的“生物危险”海报中将横线排列附着在人物图像的上方，整体体现出秩序美，但在人物的右眼上特意营造出变异的效果，以及底图颜色被更改，从而形成鲜明的对比，让人眼前一亮，印象深刻。除了传统纸媒，新媒体（如网页等）的版式设计也越来越考究。网页具有其自身的特性，包括交互性、技术性、多媒体性等，因此其呈现的媒介尺寸及色彩更丰富，使网页版式设计更复杂、更困难、更具有挑战性。变异与秩序6图3-74“生物危险”海报二、变异与秩序的应用设计时可以通过对字号、字体、笔画粗细、间距、行距等属性的控制来体现出内容的层次感与编排结构。如图3-75所示，由于对色彩和形状进行了分割，从而巧妙地将内容分门别类地区分开来，版面井然有序且整体美观。变异与秩序6图3-75W&P系统界面二、变异与秩序的应用Pinterest网页设计引领了瀑布流排版的流行风潮，一经推出就受到了诸多业界人士的肯定与好评。该网页采用瀑布的形式展现每一幅图片内容，用户无须翻页，只需转动鼠标滚轮不停地往下划，新的图片便会不断自动加载在页面底端依序进行展示。尽管也有文字，但设计师却很巧妙地利用视觉层级让人第一时间只看到图片，所以并不会感到视觉疲劳，如图3-76所示。看似只是一个一个的矩形，但每一个矩形的高度根据内容的多少而不同，使布局发生了一些相对的变异，而整体布局依然具有秩序性。变异与秩序6图3-76Pinterest网页思考与练习1．控制使用两种元素进行变异与秩序的练习。2．以文字为元素，在没有图形辅助的情况下，如何进行变异与秩序的表达？课堂实训1．以传统节日“端午节”为主题，运用变异与秩序的表现手法设计对折两页的版式。2．在A4纸上运用变异与秩序的表达形式，并结合对比与调和手法，设计一个自定义主题的版式。变异与秩序6第七节虚实与留白“以虚代实，虚实相生”是中国画所强调的，虚为辅，实为主，虚实的主次关系体现在画面中。在版式设计中，加入虚实的概念是为了突出层次，更明确地表达主题，以增强形式美感。虚实与留白7一、虚实与留白的概念1.虚实留白是版面中未放置任何图片或文字等的空间，是虚的特殊表现方式，其比例、形式、大小关系到版面的质量。留白并不是空无的表达，而是营造一种心理上的轻松感，给观者更多想象的空间。在版面设计中，巧妙地留白是为了更好地衬托主题，营造版面的空间层次，并集中视线。2.留白洪卫洪卫是国际平面设计联盟（AGI）会员、日本字体设计协会（JTA）会员、中国出版协会装帧艺术委员会委员、“天天向上”广告设计顾问有限公司创作总监。洪卫曾荣获国内外200余项设计大奖，具体包括日本字体设计协会AppliedTypography全场大奖、5项BestWork奖、1项评审选择奖、100项优异奖，日本东京字体指导俱乐部（TokyoTDC）13项优异奖，日本富山国际海报三年展优异奖，美国纽约字体艺术指导协会（NYTDC）优异奖，美国纽约艺术指导协会（TheArtDirectorsClub）优异奖，德国国家设计奖（GermanDesignAward）两项