式设计基础演示文稿

版式设计基础演示文稿当前第1页\共有75页\编于星期日\1点版式设计原理和理论贯穿于每个平面设计的始终版式设计的概述当前第2页\共有75页\编于星期日\1点版式设计

学习版式设计之前，我们必须明确什么是版式。版式即版面样式，版面是版式设计的载体。在信息化时代里，版面不仅仅是一张纸，它还可以是一面墙、一个瓶罐、一件T恤、显示器的屏幕、公交车的车身……是一切可以人为利用的信息承载媒介。版式设计也称为编排设计，是指在有限的、特定的版面空间中，根据设计内容、目的要求，把文字字体、图形图片、线条线框、颜色色块等视觉元素按照设计创意要求进行组合排列，并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程，是一种具有个人风格和艺术特色的视觉传达方式。是现代设计艺术的重要组成部分，是视觉传达的重要手段。当前第3页\共有75页\编于星期日\1点版式设计概述版式设计广泛应用于书籍杂志设计、报刊广告设计、招贴广告设计、包装装潢、CI、产品样本设计、网页设计等所有平面以及影像设计制作领域。它的设计原理和理论贯穿于每一个视觉传达设计的始终，是一种利用艺术手段来进行版面信息传播的创造性活动。它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计师必须具备的艺术修养与技术知识，是视觉传达设计重要的专业基础课程。当前第4页\共有75页\编于星期日\1点版式设计概述当前第5页\共有75页\编于星期日\1点版式设计概述当前第6页\共有75页\编于星期日\1点版式设计概述当前第7页\共有75页\编于星期日\1点版式设计概述当前第8页\共有75页\编于星期日\1点版式设计概述当前第9页\共有75页\编于星期日\1点版式设计概述当前第10页\共有75页\编于星期日\1点

版式设计的终极目的是：将版面上的信息更有效地传播给读者。要做到“更有效”就必须具备两个条件，一是版面上的信息编排要合理，主题明确，一目了然；二是版面的设计要新颖，艺术感染力强，符合主题内容的特点需要，让读者印象深刻并乐于接受。这也就要求设计师在设计前必须对版面上所要传播的信息内容进行深入细致的了解，把握住信息的类别特点，同时也要对目标读者进行分类，研究其阅读习惯，然后进行创意构思，制定版面的构图布局。此时，设计师的人生阅历、设计经验、艺术修养和对设计任务的理解程度都对版式设计的质量有着重要的影响。版式设计目的当前第11页\共有75页\编于星期日\1点版式设计目的2004韩国书展海报BAESung-lk残破效果的文字与由书籍构成的茶杯充满了整个版面，表现了厚重有力、古朴深远的意境香槟小镇房地产广告由7张各有含义的照片组合成一个大“7”字，十分醒目，也点明了版面信息的主题当前第12页\共有75页\编于星期日\1点《万年历》封面从版面上的文字字体、色彩、图形图像等各要素的选择以及规规矩矩的编排形式，可强烈地感受到中华传统文化的神秘魅力SolvitaMarriott包装设计作品倾斜排列的文字和图形使得包装的版面充满了轻松、幽默的气氛，使其在同类商品的包装设计中显得格外突出版式设计目的当前第13页\共有75页\编于星期日\1点TarekAtrissi为黎巴嫩IRAP学院设计的海报手势与数字的相互呼应，展现出40周年的信息，蓝色与红色的对比，表达了在激情中的冷静思考。版面设计严谨、大气，极具权威感《节约光荣》公益海报罗博版面中的图形呈倾斜状态，将版面作对角线分割，加强了红丝带图形挥舞的动感版式设计目的当前第14页\共有75页\编于星期日\1点版式设计原理和理论贯穿于每个平面设计的始终版式设计的发展当前第15页\共有75页\编于星期日\1点

早期人类文献中的编排式中国传统的版式西方编排设计的发明威廉·莫里斯开创现代设计理论达达主义观念的全面颠覆构成主义开创现代版面构成新客观主义的出现

包豪斯后——点、线、面、节奏、色彩版式设计的历史和发展现代版面设计的源流和发展当前第16页\共有75页\编于星期日\1点版式设计的起源和发展讲到版面构成的起源，应追溯到20世纪初欧洲的两位大师——莫里斯、里杰斯基。英国人莫里斯，是古典主义版面的创始人，被后人称为“设计之父”。与其相对的俄国构成主义的创始人里杰斯基，他主张使用点、线、面和色彩的规律美，以理性的、简洁的几何形态构成图形，开创了现代版式构成的先河。当前第17页\共有75页\编于星期日\1点版式设计的起源和发展莫里斯的代表作《诗歌之路》的封面设计当前第18页\共有75页\编于星期日\1点版式设计的起源和发展里杰斯基的版式设计约翰．契肖德作品当前第19页\共有75页\编于星期日\1点版式设计的发展趋势过去，人们对版式设计的认识简单地局限于书籍、报刊、杂志等纸质出版物中，认为版式就是一种图文编排的格式，而不需要任何设计。随着时代的进步，技术手段的发展，电子影像媒体的广泛应用，信息交流的方式和效率有了极大的改变与提高，人们的思想观念发生了重大的变化，版式设计的内涵已经扩充为世界性的视觉传达公共语言。一、强调创意表现二、追求个性品味三、注重情感效应四、巧用电脑编排当前第20页\共有75页\编于星期日\1点版式设计的发展趋势一、强调创意表现版式设计中的创意有两种，一种是针对主题思想的创意；另一种是版面编排设计的创意。要求设计师在版面编排技巧上勇于打破设计传统，不拘泥于以往习惯性的条条框框，在司空见惯的事物中找到新的表现形式。巧妙地运用幽默、夸张、悬念戏剧性手法将主题思想的创意与编排技巧的创意相结合，已成为现代编排设计的发展趋势之一。利用啤酒泡沫与海浪的相似，再利用前景与后景的巧妙重叠，造成泳装美女从啤酒杯中走来的错觉，使人产生清凉、激情的感觉颠倒的画面令人感到意外，大面积的黑色压抑着观众的心灵，凸现了诡异荒凉的气氛当前第21页\共有75页\编于星期日\1点迪拜投资公司广告在这个系列广告的版面中，手与太阳、瀑布、石山是前景与背景的关系，同时也是点、线、面的元素。利用版面构图的巧合重叠表达“看到”“接到”“掌握”这三个概念版式设计的发展趋势当前第22页\共有75页\编于星期日\1点版式设计的发展趋势二、追求个性品味个性是设计师对设计样式差异的独到见解，它包括设计师本人的个性表现和版面内容形式表达的个性表现。品味是一个人对高质量的生活要求完美的一种表现，是个性化的充分发挥，品味既决定了设计作品的档次，也决定了读者的档次。在版式设计中，追求新颖独特的个性表现，根据信息内容营造某种意境品味，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣，是当今设计界在艺术风格上的流行趋势。个性与品味往往是相辅相成的，有强烈个性的设计作品一般就具有十足的品味，个性使版式能够脱颖而出，达到迅速吸引读者视线的目的，品味让读者回味无穷，引发审美共鸣，从而愉快地接受信息。当前第23页\共有75页\编于星期日\1点版式设计的发展趋势“香水之约”楼书内页版面中运用写意国画和书法字体作为插图，凸现出水墨情怀的韵味。文字按照传统古文书籍的排版方式进行竖排，使之与插图的风格一致。整个版面在古典的气息中又蕴涵着现代设计的品味当前第24页\共有75页\编于星期日\1点版式设计的发展趋势隐藏艺术家的形态旺忘望无限循环的空间配置产生独特的视觉感受，强烈的个人风格令人印象深刻调味品瓶贴设计CarlGerhards把瓶贴设计成主妇下厨时所穿戴的围裙使人倍感亲切，同时也能使人轻松地辨别出产品的性质。极具个性与生活气息的版面设计能让消费者开心地接受当前第25页\共有75页\编于星期日\1点版式设计的发展趋势三、注重情感效应“以情动人”是艺术创作中的重要原则。情感效应包含了情趣与情绪，它是娱乐性与人情味在版式设计中的体现，能迅速吸引读者的注意力和兴趣。文字编排具有强烈的情感表现功能。另外，在空间结构上，水平、对称、并置的结构表现严谨与理性；曲线与散点的结构表现自由、轻快、热情与浪漫。此外，出血版使感情舒展，框版使感情内蕴，留白富于抒情，黑白富于庄重、理性等等。合理运用编排的原理来准确传达情感，或清新淡雅，或热情奔放，或轻快活泼，或严谨凝重，这正是版式设计更高层次的艺术表现。当前第26页\共有75页\编于星期日\1点版式设计的发展趋势四、巧用电脑编排电脑作为现代科技的产物，已成为设计师进行版式设计的重要操作工具，电脑化的作业形式给版式设计带来了更加广阔的创意空间和极高的工作效率。借助电脑设计手段进行图片和文字编排时，设计师可以轻松地完成多幅图片和多种文字的叠加、透视、错位、渐变等丰富多彩的编排效果，形成一个多维空间的版面，具有新奇、动感、刺激甚至矛盾的视觉特征，它的作用是普通的手工编排无法比拟的。但是，过度而无章法地使用电脑特效进行编排很容易出现版式上的视觉紊乱，信息不明了，主题不清晰，形式感模糊的毛病，无法达到版式传达信息的最终目的。如过多地使用错位、透叠、渐变会让人眼花缭乱等。此外，过多的电脑特效编排也容易形成设计千篇一律的局面。如果为了卖弄特效而做特效只会使编排的效果适得其反，让人感觉俗气。所以，巧妙而有节制地利用电脑特效为版式设计服务，也应成为当今版式设计的又一发展趋势。当前第27页\共有75页\编于星期日\1点“水尚阑珊”房地产广告读者的视线集中在版面上重要的信息位置，既体现了古典宁静的美又合理地控制了视线流草莓味芬达碳酸饮料广告运用电脑特效，将草莓与舌头进行同构，既说明了饮料的口味，又令人耳目一新版式设计的发展趋势当前第28页\共有75页\编于星期日\1点版式设计的发展趋势JazzRadio电台平面广告将广告语逼真地模拟成金属皮带扣具的效果，配合牛仔裤的图形，把爵士乐电台的风格完美地展示出来YOTOMO牛奶创意广告超现实的电脑特效，向读者展现出一个想象中的场景当前第29页\共有75页\编于星期日\1点版式设计的发展趋势PeteHarrison海报设计作品利用光影与人物的透叠，产生如梦如幻的情景，使整个画面时尚而美丽国外某杂志广告高超的电脑特技将版面中人体的皮肤异化为特定的肌理，产生既真实又不可思议的视觉效果当前第30页\共有75页\编于星期日\1点版式设计原理和理论贯穿于每个平面设计的始终版式构成的造型要素当前第31页\共有75页\编于星期日\1点版式构成的造型要素一、点在版面上的构成点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。当前第32页\共有75页\编于星期日\1点版式构成的造型要素

雀巢咖啡的平面广告网站的平面招贴设计当前第33页\共有75页\编于星期日\1点版式构成的造型要素水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。当前第34页\共有75页\编于星期日\1点版式构成的造型要素当前第35页\共有75页\编于星期日\1点二、线在版面上的构成线从理论上讲，是点的发展和延伸。线具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。

版式构成的造型要素当前第36页\共有75页\编于星期日\1点版式构成的造型要素直线给人以单纯、明朗的秩序感当前第37页\共有75页\编于星期日\1点版式构成的造型要素文字的编排成弧线,使版面灵动起来当前第38页\共有75页\编于星期日\1点版式构成的造型要素大唐不夜城招商画册的目录页设计当前第39页\共有75页\编于星期日\1点三、面在版面上的构成面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。版式构成的造型要素当前第40页\共有75页\编于星期日\1点版式构成的造型要素陈幼坚为某设计艺廊六周年纪念展所设计的海报当前第41页\共有75页\编于星期日\1点版式构成的造型要素当前第42页\共有75页\编于星期日\1点版式设计原理和理论贯穿于每个平面设计的始终版式设计的审美原理当前第43页\共有75页\编于星期日\1点1、比例与尺度2、对称与均衡3、对比与统一4、节奏与韵律5、反复与渐变版式设计的审美原理形式美的法则：当前第44页\共有75页\编于星期日\1点一、对称与均衡

对称是以“中轴线或中轴点”为基础，两边置以同形、同量、同色的对称形态，是等形等量的形态元素组合。以对称轴线为中心有上下对称和左右对称，以轴点为中心有旋转对称和放射对称。其版式特点是稳定、庄重、整齐、秩序、安全。在对称形式的版面设计中，轴线和轴点是一种看不见但能够感觉得到的线和点，它存在于人们的视觉意识中。在现代版式设计中，对称是一种常用的形式，通常是将图形和文字进行居中对称的编排，带给读者严谨、稳重、平和的美感。而且对称的图形容易成形，在版面上也更突出，注目率更强，此种编排形式多见于招贴广告、书籍封面和产品包装设计中。版式设计的审美原理当前第45页\共有75页\编于星期日\1点版式设计的审美原理马兰牛骨拉面左右对称的版面设计给人以精致、稳定的感觉韩国时尚请帖完全左右对称的版式体现出高雅、稳重、正式的感觉当前第46页\共有75页\编于星期日\1点版式设计的审美原理设计公司为BuddyRhodes混凝土设计的包装从对称的版式中可以看出其悠久的历史和可靠的产品质量用飞机的对称形体将版面平分，文字集中在版面中央的编排方式使版面的内容既丰富又避免了底图与文字的相互干扰。版面上要素的主次关系明确，方便读者阅读当前第47页\共有75页\编于星期日\1点版式设计的审美原理美容院广告在对称的版式设计中，将文字的编排巧妙地与图形相结合，产生既生动活泼又严谨有力的效果康佳手机广告高贵典雅的对称版式，体现出产品的品味与档次当前第48页\共有75页\编于星期日\1点版式设计中主要表现为形状、大小、色彩、材质等视觉元素，利用特定的空间来决定主与次的位置，通过控制各元素的位置、面积、大小变化、色彩对比等，得到视觉和心理上的平衡，变化出具有动感的版面空间。这种构图形式比对称更生动。版式设计的审美原理书籍编排设计NewFutureGraphic大与小、多与少的图形对比，经过精心的编排在版面上形成平衡艺术学校申请指南大的陶罐图形偏于右侧，在左侧排上灵活而整齐的字母和插图，使版面设计获得心理上的量的均衡当前第49页\共有75页\编于星期日\1点版式设计的审美原理LISAPYERSON设计作品版面各元素灵活随意的编排，产生既均衡又生动的效果SolvitaMarriott平面设计作品利用位置与距离获得平衡效果，显得灵活而富于变化当前第50页\共有75页\编于星期日\1点二、节奏与韵律

节奏是造型要素按照一定条理、秩序、重复连续的排列，形成一种律动的形式。在版面设计中，将线条、图形或色彩以相同或相似的序列重复交替、排列组合，以获得节奏感。就视觉造型艺术来说，节奏是视线进行中的变化点，没有节奏就不会引起视觉的兴奋。版式设计的审美原理CD封套设计加拿大传奇商业设计公司基本单元形错落有致的编排，产生了轻重缓急的韵律感当前第51页\共有75页\编于星期日\1点版式设计的审美原理《supersuper》杂志第6期的推广海报凯特·默罗丝（英国）在文字的色彩、位置、空间方向上精心编排，将节奏感隐含在富有空间立体感的文字图形Malfunc平面设计作品极具现代感的字体就像一个个音符，将它们整齐排列后就具有了节奏感当前第52页\共有75页\编于星期日\1点在版式设计中将图形、文字、色彩等视觉元素根据内容和形式的需要，进行平稳、变动、纤细、粗犷的编排，或者根据视觉元素的数量进行错落、渐次、单纯、复杂、方向性的编排，构成版面的韵律和节奏感。版式设计的审美原理当前第53页\共有75页\编于星期日\1点版式设计的审美原理1、2006夏季博览会海报Siscott右侧文字的图形异化，使本来整齐划一的文字编排有了节奏上的升华，产生了美妙的韵律感2、《环保奥运》公益海报杨加禄环保奥运—和谐社会螺旋状的线型编排使版面具有音乐般的旋律，动感十足3、蔡顺兴像水波一样的汉字排列，符合版面主题的内容，使版面富有变化和趣味当前第54页\共有75页\编于星期日\1点三、对比与调和

对比是强调差异性的组合关系。也就是把相对的两个要素互相比较，产生大小、粗细、疏密、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等的对比，引起读者的注意力。对比的最基本要素是显示主从关系和统一变化的效果。在版面设计中合理运用对比关系，可以获得强烈的视觉效果。版式设计的审美原理《饥饿德国》海报设计胖与瘦、凸与凹的对比，将主题幽默但令人深思地表达出来当前第55页\共有75页\编于星期日\1点版式设计的审美原理1、《保护环境从我做起》公益海报罗博黑与白对比，多与少的对比，强化了版面主题的表达2、韩国安柄珍海报面与线、点的对比，使版面充满了东方哲学的神秘韵味《传达空间设计》封面设计吕敬人、马云洁面与线的对比，将线形的文字凸现出来。蓝色与白色的对比，显得更加纯净空灵当前第56页\共有75页\编于星期日\1点版式设计的审美原理社会扶助组织年报客户MadisonAIDSSupportNetwork版面中的文字内容很多，利用色块在版面上的空间划分作用将各段文字相互穿插呼应，但又不会相互干扰，达到了阅读感受上的调和作用当前第57页\共有75页\编于星期日\1点

四、秩序与变异

秩序可以营造出和谐、整齐的组织美，体现版面编排的科学性和条理性；还可以帮助版面获得较好的可读性，使读者对版面上的信息一目了然。变异是规律的突破，是一种在大秩序中少数局部的突变。版面上的变异点往往是最引人关注的焦点，是创意表达的重要阵地，是版面编排中的精华所在。变异是相对于秩序而言的，没有秩序也就没有变异。变异的形式丰富多样，总的来说，它必须符合小面积的、反秩序的特点，它使得版面既有条理又生动活泼。版式设计的审美原理当前第58页\共有75页\编于星期日\1点版式设计的审美原理《“节水”新高招》公益海报罗博单位基本形由下至上、由多到少的排列，体现出秩序美，加强了版面设计的形式感，也突出了海报的主题戴姆勒－克莱斯勒汽车广告眼睛与车灯的秩序排列，让人将这两者所表达的性格联系起来，在规矩的版式设计中透露出大气、严谨的品牌风格当前第59页\共有75页\编于星期日\1点版式设计的审美原理《青年视觉》杂志内页的版面设计版面上半部分的文字编排与下半部分的人物图形的排列都具有整齐、清晰的秩序美感当前第60页\共有75页\编于星期日\1点五、虚实与留白

版面设计中的实体是图、文等具体的内容，留白则是版面中未放置任何图文的空间，它不一定是白色的空间，它是“虚”的特殊表现手法。中国画有“计白当黑”之说，以虚托实，对突出版面创意意境有着重要的作用。在编排设计中，版面留出适当的空白能起到强调及引起注意的作用，使视线能集中于主要内容，突出重点，起到“此时无声胜有声”和“于无声处听惊雷”的效果。留白还可以丰富版面的空间层次，使画面内容表达更含蓄，更有意境，引发读者联想。版式设计的审美原理当前第61页\共有75页\编于星期日\1点版式设计的审美原理1、2008上海环球小姐海报鲁丹：虚与实是相对而言的，有时在作为底图的虚的空间里也是设计师展现才华的地方。黑色和金色的搭配显得高贵而庄重，金色的雕像成为视觉的中心，让人向往2、加拿大航空公司形象广告Malfunc大面积的墨蓝色使彩虹般的飞机跃然纸上，凸现了航空公司的形象当前第62页\共有75页\编于星期日\1点惠普公司的广告美国GILESDUNN-PUNKT公司白色的空间将版面上所有的视觉元素都推到读者的眼前，具有明显的前进感版式设计的审美原理1、日本2001主题海报福田繁雄大面积的空白使观众的视线都集中在版面中的图像，顺利地发现作者巧妙的心思，将日本列岛的造型与精致的盆栽同构，同时版面中还出现了一个汉字“人”，表达了日本人追求精致生活的性格2、古越龙山酒广告在神秘的黑色背景中，两条发光的白龙构成了一个酒葫芦的造型，将古越龙山酒悠远的历史和尊贵的品味传达给观众。版面极其简练，令人印象深刻当前第63页\共有75页\编于星期日\1点版式设计原理和理论贯穿于每个平面设计的始终版式设计的原则当前第64页\共有75页\编于星期日\1点一、主题鲜明突出版式设计的最终目的是使版面产生清晰条理性，用悦目的组织来更好地突出主题，达成最佳的请诉求效果。它有助于读者对版面的注意，增强对内容的理解。要使版面获得良好的诱导力，鲜明地突出主题，可以通过版面的空间层次、主从关系、视觉秩序及彼此间的逻辑条理性的把握与运用来达到。版式设计的原则主体形象成为宣传的视觉中心点，同时将主体与文案整体组合，主题鲜明，让人一目了然版面构成简洁，主题突出，让消费者过目不忘，起到了宣传产品的目的当前第65页\共有75页\编于星期日\1点按照主从关系顺序，以放大的主体为视觉中心，表达主题思想将文案中的多种信息作整体编排设计，有助于主体形象的建立在主体四周增加空白量，使被强调的主体形象更加鲜明突出.版式设计的原则主体形象成为视觉的中心点，主体形象下面的黑色和文字连在一起，使主题更鲜明当前第66页\共有75页\编于星期日\1点版式设计的原则用玻璃啤酒杯直接体现啤酒的色泽，让消费者一目了然直接采用啤酒瓶的外形做宣传，直接点明了主题当前第67页\共有75页\编于星期日\1点二、形式与内容统一版式设计前提即所追求的完美形式必须符合主题的思想内容通过完美、新颖的形式，来表达主题