版式设计基础-PPT课件.ppt

1、1版式设计原理和理论贯穿于每个平面设计的始终2n 学习版式设计之前，我们必须明确什么是版式。版式即版面样式，版面是版式设计的载体。在信息化时代里，版面不仅仅是一张纸，它还可以是一面墙、一个瓶罐、一件T恤、显示器的屏幕、公交车的车身是一切可以人为利用的信息承载媒介。n 版式设计也称为编排设计，是指在有限的、特定的版版式设计也称为编排设计，是指在有限的、特定的版面空间中，根据设计内容、目的要求，把文字字体、图形面空间中，根据设计内容、目的要求，把文字字体、图形图片、线条线框、颜色色块等视觉元素按照设计创意要求图片、线条线框、颜色色块等视觉元素按照设计创意要求进行组合排列，并运用造型要素及形式原理把

2、创意构思以进行组合排列，并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程，是一种具有个人风格和艺术特视觉形式表达出来的过程，是一种具有个人风格和艺术特色的视觉传达方式。是现代设计艺术的重要组成部分，是色的视觉传达方式。是现代设计艺术的重要组成部分，是视觉传达的重要手段。视觉传达的重要手段。3n 版式设计广泛应用于书籍杂志设计、报刊广告设计、书籍杂志设计、报刊广告设计、招贴广告设计、包装装潢、招贴广告设计、包装装潢、CI、产品样本设计、网页设计、产品样本设计、网页设计等所有平面以及影像设计制作领域。它的设计原理和理论贯穿于每一个视觉传达设计的始终，是一种利用艺术手段来进行版面信息传播的

3、创造性活动。它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计师必须具备的艺术修养与技术知识，是视觉传达设计重要的专业基础课程。4567891011 版式设计的终极目的是：将版面上的信息更有效地传播给读者。要做到“更有效”就必须具备两个条件，一是版面上的信息编排要合理，主题明确，一目了然；二是版面的设计要新颖，艺术感染力强，符合主题内容的特点需要，让读者印象深刻并乐于接受。这也就要求设计师在设计前必须对版面上所要传播的信息内容进行深入细致的了解，把握住信息的类别特点，同时也要对目标读者进行分类，研究其阅读习惯，然后进行创意构思，制定版面的构图布局。此时，设计师的人生阅历、设计经验、

4、艺术修养和对设计任务的理解程度都对版式设计的质量有着重要的影响。122004韩国书展海报 BAE Sung-lk 残破效果的文字与由书籍构成的茶杯充满了整个版面，表现了厚重有力、古朴深远的意境 香槟小镇房地产广告由7张各有含义的照片组合成一个大“7”字，十分醒目，也点明了版面信息的主题13万年历封面 从版面上的文字字体、色彩、图形图像等各要素的选择以及规规矩矩的编排形式，可强烈地感受到中华传统文化的神秘魅力Solvita Marriott包装设计作品 倾斜排列的文字和图形使得包装的版面充满了轻松、幽默的气氛，使其在同类商品的包装设计中显得格外突出14Tarek Atrissi为黎巴嫩IRAP学

5、院设计的海报手势与数字的相互呼应，展现出40周年的信息，蓝色与红色的对比，表达了在激情中的冷静思考。版面设计严谨、大气，极具权威感节约光荣公益海报罗博版面中的图形呈倾斜状态，将版面作对角线分割，加强了红丝带图形挥舞的动感15版式设计原理和理论贯穿于每个平面设计的始终16 早期人类文献中的编排式早期人类文献中的编排式中国传统的版式中国传统的版式西方编排设计的发明西方编排设计的发明威廉威廉莫里斯开创莫里斯开创 现代设计理论现代设计理论达达主义观念的达达主义观念的 全面颠覆全面颠覆构成主义开创现构成主义开创现 代版面构成代版面构成新客观主义的出新客观主义的出 现现包豪斯后包豪斯后点、点、线、面、节奏

6、、色彩线、面、节奏、色彩17 讲到版面构成的起源，应追溯到20世纪初欧洲的两位大师莫里斯、里杰斯基莫里斯、里杰斯基。英国人莫里斯，是古典主义版面的创始人，被后人称为“设计之父”。与其相对的俄国构成主义的创始人里杰斯基，他主张使用点、线、面和色彩的规律美，以理性的、简洁的几何形态构成图形，开创了现代版式构成的先河。18莫里斯的代表作莫里斯的代表作诗歌之路诗歌之路的封面设计的封面设计19里杰斯基的版式设计里杰斯基的版式设计约翰契肖德作品约翰契肖德作品20 过去，人们对版式设计的认识简单地局限于书籍、报刊、杂志等纸质出版物中，认为版式就是一种图文编排的格式，而不需要任何设计。随着时代的进步，技术手段

7、的发展，电子影像媒体的广泛应用，信息交流的方式和效率有了极大的改变与提高，人们的思想观念发生了重大的变化，版式设计的内涵已经扩充为世界性的视觉传达公共语言。 一、强调创意表现一、强调创意表现 二、追求个性品味二、追求个性品味 三、注重情感效应三、注重情感效应 四、巧用电脑编排四、巧用电脑编排21一、强调创意表现一、强调创意表现 版式设计中的创意有两种，一种是针对主题思想的创意；另一种是版面编排设计的创意。要求设计师在版面编排技巧上勇于打破设计传统，不拘泥于以往习惯性的条条框框，在司空见惯的事物中找到新的表现形式。巧妙地运用幽默、夸张、悬念戏剧性手法将主题思想的创意与编排技巧的创意相结合，已成为

8、现代编排设计的发展趋势之一。利用啤酒泡沫与海浪的相似，再利用前景与后景的巧妙重叠，造成泳装美女从啤酒杯中走来的错觉，使人产生清凉、激情的感觉颠倒的画面令人感到意外，大面积的黑色压抑着观众的心灵，凸现了诡异荒凉的气氛22迪拜投资公司广告 在这个系列广告的版面中，手与太阳、瀑布、石山是前景与背景的关系，同时也是点、线、面的元素。利用版面构图的巧合重叠表达“看到”“接到”“掌握”这三个概念23二、追求个性品味二、追求个性品味 个性是设计师对设计样式差异的独到见解，它包括设计师本人的个性表现和版面内容形式表达的个性表现。品味是一个人对高质量的生活要求完美的一种表现，是个性化的充分发挥，品味既决定了设计

9、作品的档次，也决定了读者的档次。在版式设计中，追求新颖独特的个性表现，根据信息内容营造某种意境品味，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣，是当今设计界在艺术风格上的流行趋势。个性与品味往往是相辅相成的，有强烈个性的设计作品一般就具有十足的品味，个性使版式能够脱颖而出，达到迅速吸引读者视线的目的，品味让读者回味无穷，引发审美共鸣，从而愉快地接受信息。24“香水之约”楼书内页 版面中运用写意国画和书法字体作为插图，凸现出水墨情怀的韵味。文字按照传统古文书籍的排版方式进行竖排，使之与插图的风格一致。整个版面在古典的气息中又蕴涵着现代设计的品味25隐藏艺术家的形态 旺忘望 无限循环的空间

10、配置产生独特的视觉感受，强烈的个人风格令人印象深刻调味品瓶贴设计 Carl Gerhards把瓶贴设计成主妇下厨时所穿戴的围裙使人倍感亲切，同时也能使人轻松地辨别出产品的性质。极具个性与生活气息的版面设计能让消费者开心地接受26三、注重情感效应三、注重情感效应“以情动人”是艺术创作中的重要原则。情感效应包含了情趣与情绪，它是娱乐性与人情味在版式设计中的体现，能迅速吸引读者的注意力和兴趣。文字编排具有强烈的情感表现功能。另外，在空间结构上，水平、对称、并置的结构表现严谨与理性；曲线与散点的结构表现自由、轻快、热情与浪漫。此外，出血版使感情舒展，框版使感情内蕴，留白富于抒情，黑白富于庄重、理性等等

11、。合理运用编排的原理来准确传达情感，或清新淡雅，或热情奔放，或轻快活泼，或严谨凝重，这正是版式设计更高层次的艺术表现。27四、巧用电脑编排四、巧用电脑编排 电脑作为现代科技的产物，已成为设计师进行版式设计的重要操作工具，电脑化的作业形式给版式设计带来了更加广阔的创意空间和极高的工作效率。借助电脑设计手段进行图片和文字编排时，设计师可以轻松地完成多幅图片和多种文字的叠加、透视、错位、多幅图片和多种文字的叠加、透视、错位、渐变渐变等丰富多彩的编排效果，形成一个多维空间的版面多维空间的版面，具有新奇、新奇、动感、刺激甚至矛盾动感、刺激甚至矛盾的视觉特征，它的作用是普通的手工编排无法比拟的。但是，过度

12、而无章法地使用电脑特效进行编排很容易出现版式上的视觉紊乱，信息不明了，主题不清晰，形式感模糊的毛病，无法达到版式传达信息的最终目的。如过多地使用错位、透叠、渐变会让人眼花缭乱等。此外，过多的电脑特效编排也容易形成设计千篇一律的局面。如果为了卖弄特效而做特效只会使编排的效果适得其反，让人感觉俗气。所以，巧妙而有节制地利用电脑特效为版式设计服务，也应成为当今版式设计的又一发展趋势。28“水尚阑珊”房地产广告 读者的视线集中在版面上重要的信息位置，既体现了古典宁静的美又合理地控制了视线流草莓味芬达碳酸饮料广告 运用电脑特效，将草莓与舌头进行同构，既说明了饮料的口味，又令人耳目一新29Jazz Rad

13、io电台平面广告 将广告语逼真地模拟成金属皮带扣具的效果，配合牛仔裤的图形，把爵士乐电台的风格完美地展示出来YO TOMO牛奶创意广告 超现实的电脑特效，向读者展现出一个想象中的场景30Pete Harrison海报设计作品 利用光影与人物的透叠，产生如梦如幻的情景，使整个画面时尚而美丽国外某杂志广告 高超的电脑特技将版面中人体的皮肤异化为特定的肌理，产生既真实又不可思议的视觉效果31版式设计原理和理论贯穿于每个平面设计的始终32一、点在版面上的构成 点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。 33 雀巢咖啡的平面广告网站的平面招

14、贴设计34水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。3536二、线在版面上的构成 线从理论上讲，是点的发展和延伸。线具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。 37直线给人以单纯、明朗的秩序感38文字的编排成弧线,使版面灵动起来39大唐不夜城招商画册的目录页设计40三、面在版面上的构成 面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。 41陈幼坚为某设计艺廊六周年纪念展所设计

15、的海报4243版式设计原理和理论贯穿于每个平面设计的始终44n1、比例与尺度n2、对称与均衡n3、对比与统一n4、节奏与韵律n5、反复与渐变形式美的法则：形式美的法则：45n 一、对称与均衡一、对称与均衡n 对称是以“中轴线或中轴点”为基础，两边置以同形、同量、同色的对称形态，是等形等量的形态元素组合。以对称轴线为中心有上下对称和左右对称，以轴点为中心有旋转对称和放射对称。其版式特点是稳定、庄重、整齐、秩序、安全。在对称形式的版面设计中，轴线和轴点是一种看不见但能够感觉得到的线和点，它存在于人们的视觉意识中。n 在现代版式设计中，对称是一种常用的形式，通常是将图形和文字进行居中对称的编排，带给

16、读者严谨、稳重、平和的美感。而且对称的图形容易成形，在版面上也更突出，注目率更强，此种编排形式多见于招贴广告、书籍封面和产品包装设计中。46马兰牛骨拉面 左右对称的版面设计给人以精致、稳定的感觉韩国时尚请帖 完全左右对称的版式体现出高雅、稳重、正式的感觉47设计公司为Buddy Rhodes混凝土设计的包装从对称的版式中可以看出其悠久的历史和可靠的产品质量用飞机的对称形体将版面平分，文字集中在版面中央的编排方式使版面的内容既丰富又避免了底图与文字的相互干扰。版面上要素的主次关系明确，方便读者阅读48美容院广告 在对称的版式设计中，将文字的编排巧妙地与图形相结合，产生既生动活泼又严谨有力的效果康

17、佳手机广告 高贵典雅的对称版式，体现出产品的品味与档次49n版式设计中主要表现为形状、大小、色彩、材质等视觉元素，利用特定的空间来决定主与次的位置，通过控制各元素的位置、面积、大小变化、色彩对比等，得到视觉和心理上的平衡，变化出具有动感的版面空间。这种构图形式比对称更生动。书籍编排设计 New Future Graphic 大与小、多与少的图形对比，经过精心的编排在版面上形成平衡艺术学校申请指南 大的陶罐图形偏于右侧，在左侧排上灵活而整齐的字母和插图，使版面设计获得心理上的量的均衡50LISA PYERSON设计作品 版面各元素灵活随意的编排，产生既均衡又生动的效果Solvita Marrio

18、tt平面设计作品 利用位置与距离获得平衡效果，显得灵活而富于变化51n二、节奏与韵律二、节奏与韵律n 节奏是造型要素按照一定条理、秩序、重复连续的排列，形成一种律动的形式。在版面设计中，将线条、图形或色彩以相同或相似的序列重复交替、排列组合，以获得节奏感。就视觉造型艺术来说，节奏是视线进行中的变化点，没有节奏就不会引起视觉的兴奋。CD封套设计加拿大传奇商业设计公司 基本单元形错落有致的编排，产生了轻重缓急的韵律感52super super杂志第6期的推广海报 凯特默罗丝（英国）在文字的色彩、位置、空间方向上精心编排，将节奏感隐含在富有空间立体感的文字图形Malfunc平面设计作品 极具现代感的

19、字体就像一个个音符，将它们整齐排列后就具有了节奏感53n在版式设计中将图形、文字、色彩等视觉元素根据内容和形在版式设计中将图形、文字、色彩等视觉元素根据内容和形式的需要，进行平稳、变动、纤细、粗犷的编排，或者根据式的需要，进行平稳、变动、纤细、粗犷的编排，或者根据视觉元素的数量进行错落、渐次、单纯、复杂、方向性的编视觉元素的数量进行错落、渐次、单纯、复杂、方向性的编排，构成版面的韵律和节奏感。排，构成版面的韵律和节奏感。541、2006夏季博览会海报 Siscott 右侧文字的图形异化，使本来整齐划一的文字编排有了节奏上的升华，产生了美妙的韵律感2、环保奥运公益海报 杨加禄 环保奥运和谐社会

20、螺旋状的线型编排使版面具有音乐般的旋律，动感十足3、蔡顺兴 像水波一样的汉字排列，符合版面主题的内容，使版面富有变化和趣味55n三、对比与调和三、对比与调和n 对比是强调差异性的组合关系。也就是把相对的两个要素互相比较，产生大小、粗细、疏密、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等的对比，引起读者的注意力。对比的最基本要素是显示主从关系和统一变化的效果。在版面设计中合理运用对比关系，可以获得强烈的视觉效果。饥饿德国海报设计 胖与瘦、凸与凹的对比，将主题幽默但令人深思地表达出来561、保护环境 从我做起公益海报 罗博 黑与白对比，多与少的对比，强化了版面主题的表达2、韩

21、国安柄珍海报 面与线、点的对比，使版面充满了东方哲学的神秘韵味传达空间设计封面设计 吕敬人、马云洁 面与线的对比，将线形的文字凸现出来。蓝色与白色的对比，显得更加纯净空灵57社会扶助组织年报 客户Madison AIDS Support Network 版面中的文字内容很多，利用色块在版面上的空间划分作用将各段文字相互穿插呼应，但又不会相互干扰，达到了阅读感受上的调和作用58n 四、秩序与变异四、秩序与变异n 秩序可以营造出和谐、整齐的组织美，体现版面编排的科学性和条理性；还可以帮助版面获得较好的可读性，使读者对版面上的信息一目了然。n 变异是规律的突破，是一种在大秩序中少数局部的突变。版面上

22、的变异点往往是最引人关注的焦点，是创意表达的重要阵地，是版面编排中的精华所在。变异是相对于秩序而言的，没有秩序也就没有变异。变异的形式丰富多样，总的来说，它必须符合小面积的、反秩序的特点，它使得版面既有条理又生动活泼。59“节水”新高招公益海报 罗博 单位基本形由下至上、由多到少的排列，体现出秩序美，加强了版面设计的形式感，也突出了海报的主题戴姆勒克莱斯勒汽车广告 眼睛与车灯的秩序排列，让人将这两者所表达的性格联系起来，在规矩的版式设计中透露出大气、严谨的品牌风格60青年视觉杂志内页的版面设计 版面上半部分的文字编排与下半部分的人物图形的排列都具有整齐、清晰的秩序美感61五、虚实与留白五、虚实

23、与留白 版面设计中的实体是图、文等具体的内容，留白则是版面中未放置任何图文的空间，它不一定是白色的空间，它是“虚”的特殊表现手法。中国画有“计白当黑”之说，以虚托实，对突出版面创意意境有着重要的作用。在编排设计中，版面留出适当的空白能起到强调及引起注意的作用，使视线能集中于主要内容，突出重点，起到“此时无声胜有声”和“于无声处听惊雷”的效果。留白还可以丰富版面的空间层次，使画面内容表达更含蓄，更有意境，引发读者联想。621、2008上海环球小姐海报 鲁丹：虚与实是相对而言的，有时在作为底图的虚的空间里也是设计师展现才华的地方。黑色和金色的搭配显得高贵而庄重，金色的雕像成为视觉的中心，让人向往2

24、、加拿大航空公司形象广告 Malfunc 大面积的墨蓝色使彩虹般的飞机跃然纸上，凸现了航空公司的形象63惠普公司的广告 美国GILES DUNN-PUNKT公司 白色的空间将版面上所有的视觉元素都推到读者的眼前，具有明显的前进感1、日本2001主题海报 福田繁雄 大面积的空白使观众的视线都集中在版面中的图像，顺利地发现作者巧妙的心思，将日本列岛的造型与精致的盆栽同构，同时版面中还出现了一个汉字“人”，表达了日本人追求精致生活的性格2、古越龙山酒广告 在神秘的黑色背景中，两条发光的白龙构成了一个酒葫芦的造型，将古越龙山酒悠远的历史和尊贵的品味传达给观众。版面极其简练，令人印象深刻64版式设计原理

25、和理论贯穿于每个平面设计的始终65n一、主题鲜明突出一、主题鲜明突出n版式设计的最终目的是使版面产生清晰条理性，用悦目的组织来更好地突出主题，达成最佳的请诉求效果。它有助于读者对版面的注意，增强对内容的理解。要使版面获得良好的诱导力，鲜明 地突出主题，可以通过版面的空间层次、主从关系、视觉秩序及彼此间的逻辑条理性的把握与运用来达到 。主体形象成为宣传的视觉中心点，同时将主体与文案整体组合，主题鲜明，让人一目了然版面构成简洁，主题突出，让消费者过目不忘，起到了宣传产品的目的66n按照主从关系顺序，以放大的主体为视觉中心，表达主题思想n将文案中的多种信息作整体编排设计，有助于主体形象的建立n在主体

26、四周增加空白量，使被强调的主体形象更加鲜明突出.主体形象成为视觉的中心点，主体形象下面的黑色和文字连在一起，使主题更鲜明67用玻璃啤酒杯直接体现啤酒的色泽，让消费者一目了然直接采用啤酒瓶的外形做宣传，直接点明了主题68n二、形式与内容统一二、形式与内容统一n版式设计前提即所追求的完美形式必须符合主题的思想内容n通过完美、新颖的形式，来表达主题n没有文字的版面，最难设计图片的秩序化排列以及视觉流程的引导使画面在多元素的情况下既统一又有一定的韵律69n个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此，版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计必须遵循的原则及设计的先

27、决条件。对相似的图形元素采用统一的排列方式，使主体明确而又有变化70n日常生活中，可以经常看到个人情感的随意宣泄与不和谐的字体、图形、色彩等视觉元素共具一体的情况。而这种情况一旦产生就注定了版式设计内容与形式之间的严重脱钩。版式设计的内容是表达形式运用的重要依据，而形式是让版式设计内容产生共鸣的重要途径。二者之间就像骨骼与肌肉一样，相辅相成地来塑造一种完整的版式设计效果。版面图片的秩序化构成，具有一种韵律的节奏感文字绕图排列，使文图融为一体，意味深幽、含蓄71n三、强化整体布局三、强化整体布局n 将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体的视觉效应，即使是“散”的结构也是设计中

28、特意的精心编排之追求。72n如何获得版面的整体布局：如何获得版面的整体布局：n1 加强整体结构组织的方向视觉秩序。n2 加强文案的集合性。n3 加强展开页的整体设计。73版面上的空间与秩序使它们产生内在的联系，视觉的流程将所有要素组成和谐的整体74文字与图片的一体化编排，形成版面的整体风格版面图片的秩序化构成，具有一种韵律的节奏感75n四、设计与艺术的结合四、设计与艺术的结合n版式设计要想达到最佳的设计目的，就必须从构思开始就融入一种追求美、表现美的艺术冲动。在这种艺术冲动的支持下，版式设计才能更好地实现所要表现的效果。版式设计中的设计与艺术可以看做是理性元素和感性元素的结合。这种结合不光要让相关信息准确无误地传达出去，更有意义的是要在这个传达过程中让版式设计的受众渐入佳境，同时获得心灵上的愉悦与美的享受。版面中电脑插图的运用既富有浓厚的艺术气息，色彩的对比和文字的个性造型又富有很强的设计形式感76在摄影图片上添加富有艺术气息的插图，减少了图片的商业气息，增强了艺术感染力直大量图形的变化在版式中具有非常好的装饰效果