版式设计PPT.ppt

1,版式设计,48课时艺术设计专业,2,第一 版式设计的概念,学习版式设计之前，我们必须明确什么是版式。版式即版面样式，版面是版式设计的载体。在信息化时代里，版面不仅仅是一张纸，它还可以是一面墙、一个瓶罐、一件T恤、显示器的屏幕、公交车的车身是一切可以人为利用的信息承载媒介。版式设计也称为编排设计，是指在有限的、特定的版面空间中，根据设计内容、目的要求，把文字字体、图形图片、线条线框、颜色色块等视觉元素按照设计创意要求进行组合排列，并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程，是一种具有个人风格和艺术特色的视觉传达方式。是现代设计艺术的重要组成部分，是视觉传达的重要手段。版式设计广泛应用于书籍杂志设计、报刊广告设计、招贴广告设计、包装装潢、企业形象设计、产品样本设计、网页设计等所有平面以及影像设计制作领域。它的设计原理和理论贯穿于每一个视觉传达设计的始终，是一种利用艺术手段来进行版面信息传播的创造性活动。它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计师必须具备的艺术修养与技术知识，是视觉传达设计重要的专业基础课程。,3,11图11 百事可乐易拉罐设计 Kaczmarek 白色的罐身，青色的花纹，灵动的线条，就像青花瓷一样宁静、唯美。少了些商业气息，多了几分艺术的美，令人爱不释手,12图12 健体公司召集手册 版面中不论是文字还是插图或图框，都采用颇为笨拙有趣的形式，色彩艳丽醒目，犹如小朋友的日记，俏皮、生动又时尚,13图13 赤彤丹朱封面设计 吕敬人 用老宋体书名文字上下左右围绕成窗形，字体的空当处用银灰色衬出一轮红日，成为版面上的视觉焦点,4,14图14 T恤衫图案设计 在T恤衫的正面有彩虹、太阳、大象的图案，这些图案与英文字体看似简单，饱满的编排却体现出一种轻松、欢快、活泼的性格。在T恤衫的背面，随意编排的太阳与云朵进一步体现出着装者的个性,15图15 73dpi网站界面 版面中的文字、图形、色块等造型元素经过精心的编排，在视觉上形成了从左下向右上升腾的趋势，既简约又动感十足,5,第二 版式设计的目的,版式设计的终极目的是：将版面上的信息更有效地传播给读者。要做到“更有效”就必须具备两个条件，一是版面上的信息编排要合理，主题明确，一目了然；二是版面的设计要新颖，艺术感染力强，符合主题内容的特点需要，让读者印象深刻并乐于接受。这也就要求设计师在设计前必须对版面上所要传播的信息内容进行深入细致的了解，把握住信息的类别特点，同时也要对目标读者进行分类，研究其阅读习惯，然后进行创意构思，制定版面的构图布局。此时，设计师的人生阅历、设计经验、艺术修养和对设计任务的理解程度都对版式设计的质量有着重要的影响。,16图16 2004韩国书展海报 BAE Sung-lk 残破效果的文字与由书籍构成的茶杯充满了整个版面，表现了厚重有力、古朴深远的意境,17图17 香槟小镇房地产广告 由7张各有含义的照片组合成一个大“7”字，十分醒目，也点明了版面信息的主题,6,18,图18 万年历封面 从版面上的文字字体、色彩、图形图像等各要素的选择以及规规矩矩的编排形式，可强烈地感受到中华传统文化的神秘魅力,19图19 Solvita Marriott包装设计作品 倾斜排列的文字和图形使得包装的版面充满了轻松、幽默的气氛，使其在同类商品的包装设计中显得格外突出,110图110 Tarek Atrissi为黎巴嫩IRAP学院设计的海报 手势与数字的相互呼应，展现出40周年的信息，蓝色与红色的对比，表达了在激情中的冷静思考。版面设计严谨、大气，极具权威感,111图111 节约光荣公益海报 罗博 版面中的图形呈倾斜状态，将版面作对角线分割，加强了红丝带图形挥舞的动感,7,第三 版式设计的发展趋势,过去，人们对版式设计的认识简单地局限于书籍、报刊、杂志等纸质出版物中，认为版式就是一种图文编排的格式，而不需要任何设计。随着时代的进步，技术手段的发展，电子影像媒体的广泛应用，信息交流的方式和效率有了极大的改变与提高，人们的思想观念发生了重大的变化，版式设计的内涵已经扩充为世界性的视觉传达公共语言。一、强调创意表现 版式设计中的创意有两种，一种是针对主题思想的创意；另一种是版面编排设计的创意。要求设计师在版面编排技巧上勇于打破设计传统，不拘泥于以往习惯性的条条框框，在司空见惯的事物中找到新的表现形式。巧妙地运用幽默、夸张、悬念戏剧性手法将主题思想的创意与编排技巧的创意相结合，已成为现代编排设计的发展趋势之一。,8,112图112 Perrier矿泉水广告 奥美作品 利用前后空间中图形的巧合，创造一种幽默搞笑的场景，将人们的视线引到商品本身,113,图113 国外电影主题海报 颠倒的画面令人感到意外，大面积的黑色压抑着观众的心灵，凸现了诡异荒凉的气氛,图114 SAGRES啤酒广告 利用啤酒泡沫与海浪的相似，再利用前景与后景的巧妙重叠，造成泳装美女从啤酒杯中走来的错觉，使人产生清凉、激情的感觉,114,9,115,115,115,图115 迪拜投资公司广告 在这个系列广告的版面中，手与太阳、瀑布、石山是前景与背景的关系，同时也是点、线、面的元素。利用版面构图的巧合重叠表达“看到”“接到”“掌握”这三个概念,10,二、追求个性品味 个性是设计师对设计样式差异的独到见解，它包括设计师本人的个性表现和版面内容形式表达的个性表现。品味是一个人对高质量的生活要求完美的一种表现，是个性化的充分发挥，品味既决定了设计作品的档次，也决定了读者的档次。在版式设计中，追求新颖独特的个性表现，根据信息内容营造某种意境品味，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣，是当今设计界在艺术风格上的流行趋势。个性与品味往往是相辅相成的，有强烈个性的设计作品一般就具有十足的品味，个性使版式能够脱颖而出，达到迅速吸引读者视线的目的，品味让读者回味无穷，引发审美共鸣，从而愉快地接受信息。,116,图116“香水之约”楼书内页 版面中运用写意国画和书法字体作为插图，凸现出水墨情怀的韵味。文字按照传统古文书籍的排版方式进行竖排，使之与插图的风格一致。整个版面在古典的气息中又蕴涵着现代设计的品味,11,117,图117 蒙大拿州立大学伯兹曼校区申请指南 将单词的字母排列成一个人形，简练的同时又具有轻松、活泼的视觉效果,118,图118 Solvita Marriott 平面设计作品 用极其简练的线条与几何形构成了版面上的木偶图形，低纯度的色彩配置透露出一种无奈与迷茫，略带一点黑色幽默的处理手法使版面具有独特的魅力,12,119,图119 隐藏艺术家的形态 旺忘望 无限循环的空间配置产生独特的视觉感受，强烈的个人风格令人印象深刻,120,图120 调味品瓶贴设计 Carl Gerhards把瓶贴设计成主妇下厨时所穿戴的围裙使人倍感亲切，同时也能使人轻松地辨别出产品的性质。极具个性与生活气息的版面设计能让消费者开心地接受,13,121,图121 ESTRELLA LEVANTE 啤酒平面广告 活泼、紧凑、可爱的字体与图形将快乐的情感充分地展现出来,122,图122 韩国时尚请帖 红与蓝，男和女，婚纱与礼服，述说着爱情的浪漫与甜蜜,14,三、注重情感效应“以情动人”是艺术创作中的重要原则。情感效应包含了情趣与情绪，它是娱乐性与人情味在版式设计中的体现，能迅速吸引读者的注意力和兴趣。文字编排具有强烈的情感表现功能。通过文字的位置编排能有效地体现“轻快、凝重、舒缓、激昂”的感情因素。另外，在空间结构上，水平、对称、并置的结构表现严谨与理性；曲线与散点的结构表现自由、轻快、热情与浪漫。此外，出血版使感情舒展，框版使感情内蕴，留白富于抒情，黑白富于庄重、理性等等。合理运用编排的原理来准确传达情感，或清新淡雅，或热情奔放，或轻快活泼，或严谨凝重，这正是版式设计更高层次的艺术表现。,123,图123 雷雨话剧海报 充实的版面、阴沉的色调令人感觉压抑郁闷，“雷”字的崩裂预示着悲剧的上演,15,四、巧用电脑编排 电脑作为现代科技的产物，已成为设计师进行版式设计的重要操作工具，电脑化的作业形式给版式设计带来了更加广阔的创意空间和极高的工作效率。借助电脑设计手段进行图片和文字编排时，设计师可以轻松地完成多幅图片和多种文字的叠加、透视、错位、渐变等丰富多彩的编排效果，形成一个多维空间的版面，具有新奇、动感、刺激甚至矛盾的视觉特征，它的作用是普通的手工编排无法比拟的。但是，过度而无章法地使用电脑特效进行编排很容易出现版式上的视觉紊乱，信息不明了，主题不清晰，形式感模糊的毛病，无法达到版式传达信息的最终目的。如过多地使用错位、透叠、渐变会让人眼花缭乱等。此外，过多的电脑特效编排也容易形成设计千篇一律的局面。如果为了卖弄特效而做特效只会使编排的效果适得其反，让人感觉俗气。所以，巧妙而有节制地利用电脑特效为版式设计服务，也应成为当今版式设计的又一发展趋势。,16,124,图124“水尚阑珊”房地产广告 背景色的深沉将中间圆窗中的人物、标志及广告语鲜明地衬托出来，使读者的视线集中在版面上重要的信息位置，既体现了古典宁静的美又合理地控制了视线流,125,图125 草莓味芬达碳酸饮料广告 运用电脑特效，将草莓与舌头进行同构，既说明了饮料的口味，又令人耳目一新,17,126,图126 Pete Harrison海报设计作品 利用光影与人物的透叠，产生如梦如幻的情景，使整个画面时尚而美丽,127,图127 YO TOMO牛奶创意广告 超现实的电脑特效，向读者展现出一个想象中的场景，令人惊叹,18,128,图128 国外某杂志广告 高超的电脑特技将版面中人体的皮肤异化为特定的肌理，产生既真实又不可思议的视觉效果,129,图129 Jazz Radio电台平面广告 将广告语逼真地模拟成金属皮带扣具的效果，配合牛仔裤的图形，把爵士乐电台的风格完美地展示出来,19,第四 版式设计的编排原则,一、主题与中心的突出 任何一种形式的版式编排，其共同目的都是使版面中的各种视觉元素按照一定的主次关系和形式美法则进行有条理性的组织和排列，然后来共同说明或表达一个问题或一种含义。也就是说其各视觉元素必须要围绕一个视觉中心来突出一个设计主题或思想主题。平面设计中的版式是存在一定的范围界限的。因此，在这个有限的范围中，如何提高其信息传达和情感传达的效率，突出主题是重中之重。因为一个鲜明的设计主题或视觉中心不但能使整个版面存在一个主角和重心，也能使各视觉元素有机地形成一个“团队”。更为重要的是受众视线的快速定位及设计思想的强烈传播均与其主题和中心的突出与否有直接的正比关系。所以主题与中心的突出并不仅仅只是一个“位置”的问题，而且是关系到设计思想能否成功体现的关键之一。在具体的设计表现中，版面主题或中心的突出并不是纯粹地强调单一和简单，而是追求一种设计内容的概括及巧妙地提炼的过程。这个过程是一个艺术构思和构成手法进行精彩融合的过程。,20,21,22,图21 版面构成简洁，主题突出，让消费者过目不忘，起到了宣传产品的目的图22 主体形象成为宣传的视觉中心点，同时将主体与文案整体组合，主题鲜明，让人一目了然,21,23,图23 主体形象成为视觉的中心点，主体形象下面的黑色和文字连在一起，使主题更鲜明,24,图24 直接采用啤酒瓶的外形做宣传，直接点明了主题,22,25,图25 用玻璃啤酒杯直接体现啤酒的色泽，让消费者一目了然,二、内容与形式的统一 一个优秀的版式设计不只是字体、图形、色彩等视觉元素组合形成的一种表现载体，它是设计者创意构思的舞台。版式设计的诉求点在于最大限度地通过各种视觉元素来携带和融入更多的构思创意与设计信息，所以利用表面的形式和视觉感受来触摸其主题思想的内涵才是对待版式设计的正确态度。,23,设计师除了要绕过那些表面的、炫目的形式层面去感知其深层的设计精髓，更为重要的是应把版式设计内容作为战略目标，把形式的表达看成一种战术手段。怎样通过“战术”来合理、准确地体现“战略”，实际上就是一个正确的内容整合与合适的形式选用之间的搭配过程。日常生活中，可以经常看到个人情感的随意宣泄与不和谐的字体、图形、色彩等视觉元素共具一体的情况。而这种情况一旦产生就注定了版式设计内容与形式之间的严重脱钩。版式设计的内容是表达形式运用的重要依据，而形式是让版式设计内容产生共鸣的重要途径。二者之间就像骨骼与肌肉一样，相辅相成地来塑造一种完整的版式设计效果。,26,图26 版面图片的秩序化构成，具有一种韵律的节奏感,27,图27 文字绕图排列，使文图融为一体，意味深幽、含蓄,24,28,图28 通过色彩的统一，将整个版面融合在灰黄色的颜色效果下，然后运用色彩明度的不同将各元素表现出来,29,图29 图片的秩序化排列以及视觉流程的引导使画面在多元素的情况下既统一又有一定的韵律,210,图210 对相似的图形元素采用统一的排列方式，使主体明确而又有变化,25,三、设计与艺术的结合 版式设计构思与表达的本身就是一种创作过程，但如果仅仅把目标局限在一种纯粹的“设计”层面上，那么其版式设计的整体质量无疑将会大打折扣，甚至缩短其生命力的延续。为了避免这种情况的产生，就应使字体、图形、色彩等视觉元素通过其审美原理，并运用夸张、象征、比喻等表现手法来装饰和丰富整个版面效果。同时渲染版式设计的主题色彩，进而使版式设计不但在信息传达上达到事半功倍的效果，也使版面充满一种灵性和诗意。版式设计要想达到最佳的设计目的，就必须从构思开始就融入一种追求美、表现美的艺术冲动。在这种艺术冲动的支持下，版式设计才能更好地实现所要表现的效果。版式设计中的设计与艺术可以看做是理性元素和感性元素的结合。这种结合不光要让相关信息准确无误地传达出去，更有意义的是要在这个传达过程中让版式设计的受众渐入佳境，同时获得心灵上的愉悦与美的享受。随着时代的不断发展，版式设计与艺术的结合将会更加紧密，这就需要设计人员既要有一定的专业技能，又要具备一定的审美能力和艺术修养。,26,211,图211 版面中电脑插图的运用既富有浓厚的艺术气息，色彩的对比和文字的个性造型又富有很强的设计形式感,212,图212 在摄影图片上添加富有艺术气息的插图，减少了图片的商业气息，增强了艺术感染力,213,214,图213 运用插画的形式和黑白线稿的表现手法来构成版面，具有很强的艺术效果图214 运用图片与图形的装饰艺术手法来构成版面,27,215,图215 大量图形的变化在版式中具有非常好的装饰效果,四、局部与整体的协调 版式设计是文字、图形、色彩等视觉元素的一个集合体。这些视觉元素就像一个乐队，各自的角色和分工不同，但它们必须要共同完成同一乐章，也就是作为一个版式整体去完成一个共同的主题。版式设计要始终坚持其各视觉元素相互协调、相互补充的原则，达到融会贯通的境界，而这种贯通与协调是在版式主题思想的掌控下进行的。,28,在具体的版式表现中，只追求局部的形式美感而忽视整体的协调统一，其版式设计不能说是成功的。不可否认局部细节的塑造是整个版式的精彩所在，但过度的细节刻画容易造成版面零散、琐碎、花哨、中心不突出的局面。只有在整体的宏观调控中把版式设计中各元素进行有机融合，在强调设计主题的同时，通过版面内各局部元素的整体筹划与协调编排，进而使版式效果具有鲜明的秩序性和节奏性,才能实现版式设计“形散而神不散”的诉求目标，最终完成版式设计艺术推广价值和社会运用价值的呈现。,216,217,218,图2-16至图2-18 版面上的空间与秩序使它们产生内在的联系，视觉的流程将所有要素组成和谐的整体,29,219,图2-19 文字与图片的一体化编排，形成版面的整体风格,220,图2-20 版面图片的秩序化构成，具有一种韵律的节奏感,30,第五 版式设计的审美原理,一、对称与均衡 对称是以“中轴线或中轴点”为基础，两边置以同形、同量、同色的对称形态，是等形等量的形态元素组合。以对称轴线为中心有上下对称和左右对称，以轴点为中心有旋转对称和放射对称。其版式特点是稳定、庄重、整齐、秩序、安全。在对称形式的版面设计中，轴线和轴点是一种看不见但能够感觉得到的线和点，它存在于人们的视觉意识中。在现代版式设计中，对称是一种常用的形式，通常是将图形和文字进行居中对称的编排，带给读者严谨、稳重、平和的美感。而且对称的图形容易成形，在版面上也更突出，注目率更强，此种编排形式多见于招贴广告、书籍封面和产品包装设计中。,31,221,图221 马兰牛骨拉面 左右对称的版面设计给人以精致、稳定的感觉,222,图222 韩国时尚请帖 完全左右对称的版式体现出高雅、稳重、正式的感觉,32,223,图223 美国PBD品牌与包装设计公司为Buddy Rhodes混凝土设计的包装从对称的版式中可以看出其悠久的历史和可靠的产品质量,224,225,图224 美容院广告 在对称的版式设计中，将文字的编排巧妙地与图形相结合，产生既生动活泼又严谨有力的效果图225 康佳手机广告 高贵典雅的对称版式，体现出产品的品味与档次,226,图226 电影海报 用飞机的对称形体将版面平分，文字集中在版面中央的编排方式使版面的内容既丰富又避免了底图与文字的相互干扰。版面上要素的主次关系明确，方便读者阅读,33,227,图227 马西耶哈吉瑞什（波兰）为“reporter”卡托维茨摇滚音乐节所设计的海报 对称的版面让人感觉到厚重的分量感，版面中央的圆点是版面的趣味点和兴奋点，它的存在给读者以想象，刺激读者的好奇心,均衡是遵循杠杆力学原理，以等量不等形的组合，利用视觉规律，通过对大小、形状、距离、疏密诸因素的改变来调节“轴”两侧的分量，形成心理上的平衡状态。同时，均衡也是一种变化的平衡，在设计上，这种力的平衡主要是由视觉反应到心理上的一种平衡感觉，而不是物理上的重量均等。版式设计中主要表现为形状、大小、色彩、材质等视觉元素，利用特定的空间来决定主与次的位置，通过控制各元素的位置、面积、大小变化、色彩对比等，得到视觉和心理上的平衡，变化出具有动感的版面空间。这种构图形式比对称更生动。,34,228,图228 书籍编排设计 New Future Graphic 大与小、多与少的图形对比，经过精心的编排在版面上形成平衡,229,图229 艺术学校申请指南 大的陶罐图形偏于右侧，在左侧排上灵活而整齐的字母和插图，使版面设计获得心理上的量的均衡,35,230,图230 LISA PYERSON设计作品 版面各元素灵活随意的编排，产生既均衡又生动的效果,231,图231 Solvita Marriott平面设计作品 利用位置与距离获得平衡效果，显得灵活而富于变化,36,二、节奏与韵律 节奏是造型要素按照一定条理、秩序、重复连续的排列，形成一种律动的形式。在版面设计中，将线条、图形或色彩以相同或相似的序列重复交替、排列组合，以获得节奏感。就视觉造型艺术来说，节奏是视线进行中的变化点，没有节奏就不会引起视觉的兴奋。,232,图232 CD封面设计 Zion Graphics 同一风格的字体产生了整齐划一的节奏感，精致而严谨,233,图233 super super杂志第6期的推广海报 凯特默罗丝（英国）在文字的色彩、位置、空间方向上精心编排，将节奏感隐含在富有空间立体感的文字图形中,37,234,图234 Malfunc平面设计作品 极具现代感的字体就像一个个音符，将它们整齐排列后就具有了节奏感,韵律和节奏一样都源于音乐上的概念，韵律就像音乐中的旋律，有起伏有重点，比节奏更具情调和感染力。韵律美更趋于形的起伏、流畅、和谐，使版面更加优美、生动、富于变化。,38,235,236,图235 2006夏季博览会海报 Siscott 右侧文字的图形异化，使本来整齐划一的文字编排有了节奏上的升华，产生了美妙的韵律感图236 环保奥运公益海报 杨加禄 环保奥运和谐社会 螺旋状的线型编排使版面具有音乐般的旋律，动感十足,39,237,图237 蔡顺兴 像水波一样的汉字排列，符合版面主题的内容，使版面富有变化和趣味,238,图238 CD封套设计 加拿大传奇商业设计公司 基本单元形错落有致的编排，产生了轻重缓急的韵律感,40,韵律和节奏是联系在一起的，但有节奏不一定就有韵律，有韵律就一定有节奏。它们是能使人感受得到的抽象的概念，是一种美学上的要素，是体现形式美的方式。在版式设计中将图形、文字、色彩等视觉元素根据内容和形式的需要，进行平稳、变动、纤细、粗犷的编排，或者根据视觉元素的数量进行错落、渐次、单纯、复杂、方向性的编排，构成版面的韵律和节奏感。,三、对比与调和 对比是强调差异性的组合关系。也就是把相对的两个要素互相比较，产生大小、粗细、疏密、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等的对比，引起读者的注意力。对比的最基本要素是显示主从关系和统一变化的效果。在版面设计中合理运用对比关系，可以获得强烈的视觉效果。,41,239,240,图239 保护环境 从我做起公益海报 罗博 黑与白的对比，多与少的对比，强化了版面主题的表达图240 韩国安柄珍海报 面与线、点的对比，使版面充满了东方哲学的神秘韵味,241,图241 传达空间设计封面设计 吕敬人、马云洁 面与线的对比，将线形的文字凸现出来。蓝色与白色的对比，显得更加纯净空灵,42,242,图242 饥饿德国海报设计 胖与瘦、凸与凹的对比，将主题幽默但令人深思地表达出来,调和是指使两个或两个以上的要素相互具有共性，强调版面元素的近似性组合关系。具有舒适、安定、统一的特点。一般情况下，同一版面中应避免使用多种字体、插图、文字等要素的编排，要注意形式的调和，尽量使版面简洁。,43,243,图243 青年视觉杂志内页的版面设计 左侧的色块在面积、位置、色调上与右侧的图片相互呼应，在版面上起到了调和视觉平衡的作用，同时也极具现代设计的形式感,244,245,图244 艺术展海报 色彩上的近似，风格上的统一，使版面具有轻松可爱的和谐感图245 Pinky春装促销广告 色彩上的调和在版面上营造出浪漫与梦幻般的视觉感受，将品牌中蕴涵的品味完美地展示出来,44,246,图246 社会扶助组织年报 客户Madison AIDS Support Network 版面中的文字内容很多，利用色块在版面上的空间划分作用将各段文字相互穿插呼应，但又不会相互干扰，达到了阅读感受上的调和作用,对比与调和是相辅相成的，在版面设计中一般要遵循“大调和，小对比”的原则，也就是整体版面要追求调和，营造版面意境；局部版面要强调对比，突出重点信息，制造阅读兴奋点。,四、秩序与变异 秩序可以营造出和谐、整齐的组织美，体现版面编排的科学性和条理性；还可以帮助版面获得较好的可读性，使读者对版面上的信息一目了然。,45,247,248,图247 戴姆勒克莱斯勒汽车广告 眼睛与车灯的秩序排列，让人将这两者所表达的性格联系起来，在规矩的版式设计中透露出大气、严谨的品牌风格图248“节水”新高招公益海报 罗博 单位基本形由下至上、由多到少的排列，体现出秩序美，加强了版面设计的形式感，也突出了海报的主题,249,图249 青年视觉杂志内页的版面设计 版面上半部分的文字编排与下半部分的人物图形的排列都具有整齐、清晰的秩序美感,46,250,图250 Pete Harrison的设计作品 统一的字体风格，统一的字体肌理，整齐规矩的排列，有力地将设计信息表达出来,变异是规律的突破，是一种在大秩序中少数局部的突变。版面上的变异点往往是最引人关注的焦点，是创意表达的重要阵地，是版面编排中的精华所在。变异是相对于秩序而言的，没有秩序也就没有变异。变异的形式丰富多样，总的来说，它必须符合小面积的、反秩序的特点，它使得版面既有条理又生动活泼。,47,251,图251 Pete Harrison的设计作品 统一的字体风格，统一的字体肌理，整齐规矩的排列，有力地将设计信息表达出来,252,图252 Pete Harrison的设计作品 统一的字体风格，统一的字体肌理，整齐规矩的排列，有力地将信息表达出来,48,五、虚实与留白 版面设计中的实体是图、文等具体的内容，留白则是版面中未放置任何图文的空间，它不一定是白色的空间，它是“虚”的特殊表现手法。中国画有“计白当黑”之说，以虚托实，对突出版面创意意境有着重要的作用。在编排设计中，版面留出适当的空白能起到强调及引起注意的作用，使视线能集中于主要内容，突出重点，起到“此时无声胜有声”和“于无声处听惊雷”的效果。留白还可以丰富版面的空间层次，使画面内容表达更含蓄，更有意境，引发读者联想。,253,图253 2008上海环球小姐海报 鲁丹：虚与实是相对而言的，有时在作为底图的虚的空间里也是设计师展现才华的地方。黑色和金色的搭配显得高贵而庄重，金色的雕像成为视觉的中心，让人向往,49,255,256,图255 日本2001主题海报 福田繁雄 大面积的空白使观众的视线都集中在版面中的图像，顺利地发现作者巧妙的心思，将日本列岛的造型与精致的盆栽同构，同时版面中还出现了一个汉字“人”，表达了日本人追求精致生活的性格图256 古越龙山酒广告 在神秘的黑色背景中，两条发光的白龙构成了一个酒葫芦的造型，将古越龙山酒悠远的历史和尊贵的品味传达给观众。版面极其简练，令人印象深刻,257,图257 加拿大航空公司形象广告 Malfunc 大面积的墨蓝色使彩虹般的飞机跃然纸上，凸现了航空公司的形象,258,图258 惠普公司的广告 美国GILES DUNN-PUNKT公司 白色的空间将版面上所有的视觉元素都推到读者的眼前，具有明显的前进感,50,第六 视觉要素及其构成设计,一、文字 1.基本常识（1）字体 自文字出现以来，人类一直在不断地创新发展它，字体之丰富，令人眼花缭乱。中文字体分书写体、印刷体、手绘美术字体三大类。现代设计中较为广泛应用的是宋体、仿宋体、黑体和楷体。它们清晰易读，美观大方，为大众喜爱。版面中的标题或一些特定位置，欲求效果醒目，常用综艺体、琥珀体、圆体、手绘美术字体等。拉丁字体一般可分为常规体，斜体，黑体，黑斜体几种类型，它们数以千计，其中只有少数为设计师常用。如今电脑的使用拓展了文字的创新空间，电脑字体已成为版式设计中不可缺失的部分。其品种之繁多，手段之便捷，使设计师如鱼得水，视觉传达领域因此变得更加丰富多彩。文字字形在阅读时往往不被注意，但它的美感随着视线在字里行间的移动，会产生直接的心理效应。不同字体会唤起不同的联想、感受，如宋体端正庄重；黑体粗犷厚实；楷体自然、流动活泼；隶书古雅飘逸，方圆圆润,51,等。针对应用字体的这种信息传递功能，根据不同的出版物、稿件、版面要求来选择恰当字体，对版面设计有着十分重要的意义。同一个版面中，保持二至三种字体为佳，否则会因变化过多造成零乱，缺乏整体统一感。对于选中的字体，可通过拉长、压扁、加粗、减细、变化行距、字距等方式来达到理想的视觉效果。(2)字号 字号是表示字体面积大小的术语。计算机中，字体的大小常用号数制、级数制、点数制衡量。号数制根据字的大小面积来确定号数的大小顺序。级数制以正方形为基准确定字体的面积大小，以级（K）为单位（1K=0.25mm），100级字即边长为25mm的方字。点数制是世界流行的计算机字体标准制度，是拉丁字母大小的衡量标准，电脑排版系统就是用点数制来计算字号大小。(3)字距、行距 字距、行距处理，直接体现了设计师对版面的心理感受和审美品味。一般要想获得较好的视觉效果，中文字行距应保持在0.51个字之间，以3/4为佳，间距以字的1/10为宜，拉丁字以行距为字高1.2倍为佳。设计中，行距、字距的大小宽窄可依内容主题，艺术性需求灵活变化，以塑造清新、疏朗、密集、厚重、活泼、古典等丰富风格。即使如此，首先要保证的仍是文字清晰易读。,52,2.文字编排的基本形式（1）左右齐整 文字从左至右长度均齐。这种编排形成的字群端正、严谨、稳定，但易显平淡。设计中应注意用字体、大小的变化搭配来丰富图面层次感。,31,32,图3-1、图3-2 招贴广告 下两行文字左右齐整，与弧形（斜线）图形相配，简洁、活泼又不失稳定,（2）左（或右）对齐 左（或右）对齐能使行首或行尾形成一条直线，另一端则因语句不同而有长短之变，张弛有度，呼应有法，是一种和谐的对比关系，易于配合图形形成整体效果。,53,左对齐符合人的视觉习惯，阅读自然流畅。右对齐有违视觉习惯，但效果新颖别致，右边齐整一面形成了视觉边框，使得左边有一定指向感。如采用这种编排，应把文字控制在10行以内，过多会引起视觉不适。,33,图3-3 文字左右对齐，疏密有致，丰富了空间的变化,54,（3）中间对齐 文字以轴线为中心，对称排列。这种编排高线集中，中心突出，文字长短不一，使左右两侧富于节奏变化，活泼而不失端庄。设计中要注意语句换行的流畅感以及中英文拼写方式上的差异，避免造成阅读困难。,34,35,图3-4、图3-5 文字依中心轴对称排列,55,（4）图形化排列 这种排列包括两种情况：一是文本绕图，文字绕图片边缘排列，两者形成局部图地关系，自然、融洽。二是将文字按某形状编排，使其图形化，这种方式有趣夸张，但要注意图形性格与信息内容特点，艺术创意的一致，与其他要素的和谐。,36,37,图3-6、图3-7 杂志广告 文字按咖啡的热气创意排列,56,（5）自由排列 不拘泥于齐整、规律的排列方式，常以独特的文字型，大小、疏密走向的变化来构造有意味的形式。它配合图形表现设计主题，灵活、生动、个性十足。,38,图3-8 主题招贴 标题看似随意，实则与图形呼应，灵活、生动、醒目,57,3.正文、标题、注释 正文编排时，首先要考虑根据具体版面划分栏。统栏（又称通栏）是最正规版式，多用于32开书籍。对于16开、8开以上面积大、字数多、内容杂的报纸、刊物，可以为双栏、三栏、四栏等，使版面有序而又富于空间的弹性变化。栏的目的是方便阅读。其建立方式通常是通过电脑操作，在主页上设置网格（网格设置方法因具体软件而异）。有时正文排列也可突破常规分栏，自由组合，轻松自如地传递信息。字的大小和行的长度也需把握恰当。实验表明，小五号字，字行100mm110mm，新四号字，字行120mm，小四号字，字行80mm，视觉效果好，也就是说一般情况下字行长度宜在80mm105mm，而对于报纸杂志中的多栏，要相应缩短行长，一般控制在60mm左右。正文排列最常见的是横排，它顺应视觉特点，为受众习惯和喜爱。也有少数用竖排、斜排、弧线排等。只要保持清晰易读，这些规律中求变化的排法，往往会带来独特的视觉感受。标题是正文内容的概括和逻辑中心，它如同版面的眼睛，备受关注，其变化对于创造版面至关重要。标题应保持一定视觉强度，字体比正文大，醒目。摆放位置较为自由，可置于段首，也可居中，横向、纵向、旁置，甚至可直接插入字群。副标题是对标题的补充说明，它的视觉强度不能超过标题。字号与正文不宜相差过大，否则会因对比过多影响版面统一感。若版面中有数个小标题，应以大、中、小相间错落编排才会好看。如果都是大标题，版面紧张窘迫；如果都是小标题，版面琐碎小气。,58,注释是对正文中难解词语的解释，常置于栏外，有无头注、地脚注、旁注、夹注等形式。注释的字体为版面中最小。,4.文字强调 为了突出版面某些内容，引起读者特别关注，可对相关文字进行处理。,39,310,图3-9、图3-10 报刊页面 标题、副标题、正文文字大小比例适宜，主次有序,59,(1)首字强调 对某段文字的字首进行放大、装饰处理。此法源于中世纪欧洲文稿抄写员，又称“下坠式”。突出的字首有吸引视线、提示正文、活跃版面的作用，是排版中常用的方式。为了保持字首与下文组合的视觉和谐，字首的下坠幅度应跨越一个完整字行的上下幅度，大小依环境和设计创意而定。,311,图3-11 展览招贴 字母“i-d”进行放大装饰处理,60,（2）线、框、符号等强调 如果把个别文字作为诉求重点，可对它们用画线、加框、加指示性符号、加粗、倾斜字体等手段进行强调。线、框的处理，可以划分界定版面空间，让其中的信息鲜明、突显。加粗、倾斜字体等其他方法也起强化信息，引发关注的作用。,312,313,图3-12、图3-13 产品广告 通过商品标牌，强化主题，突出产品品质,61,5.文字的特殊处理（1）文字图形化 设计中的文字，是字又是图；是信息传递工具，又是受众审美对象。文字图形化是在不影响其原有传递功能的情况下，对字体进行艺术创造，强调字的美学效应。它包括意象字体和形象字体。意象字体用具体形象直接展示文字内容，使文字个性化，直观生动。形象字体根据文字的内容、意思进行形象化创造，用具体的形，表现抽象的“意”，使文字得以强化引申。意象字体和形象字体都是将精神理念化成视觉载体，既有图形的直觉性、丰富性、生动性、又有文字传递信息的准确性、直接性。它们增强了文字的鼓动力和趣味感，走出惯用的文字编排形式，将读的符号变为“看”的图形，跨越了地域、文化不同背景之限，使交流更为直观、便捷，最大限度地发挥了文字传递信息的功能。,314,图3-14 招贴设计 书法与中国传统青花瓷相结合，文字的含义得以引申,62,(2)文字叠置文字不印在单一背景上，以其他文字、图形、图片做底，进行叠置，这在设计上称为杂音。从这种貌似模糊杂乱的版面上可感受活泼、跳动、透明、时间、叙事等种种独特表现力，可领略到层次丰富的视域。叠置是现代版式中常用的表现手法，由于不同要素的重叠降低了阅读性，易使版面凌乱，使用此法时要综合各方因素，把握好整体关系。,315,316,图3-15、图3-16 系列招贴设计 文字叠印营造出丰富的层次和强烈的视觉冲击,63,二、图形 图形在版式设计中有着重要意义，它以形象的方式被瞬间接受和评价，视觉冲击力比文字强85%。俗话说，一图胜千字，这并非指文字表达力弱，而是指图形能超越文化、语言、民族诸多差异，一些用文字难以传达的信息、感受、思想，借助图形可迅速传达。图形包括照片和插图。照片直接、写实、庄重、细腻，可根据创意需求、版面位置需要对其进行剪切、取舍、改善，要注意照片与内容主题、风格的内在联系。插图以独特的想象力、创造力及超现实的自由构造，在版面中展示着独特的魅力。它个性灵活，易于变化、处理整合，更适合于复杂不规则的版式。照片、插图都能具体、完整、直观地将设计者的意念高品质地表现出来，使版面视觉更加集中稳定，同时还具有效的导读效果。1.图形的形式（1）出血图形 图片充满整个版面，不需边框。此形式打破版心束缚，自由奔放，舒展，动感十足，贴近受众。,64,317,图3-17 杂志广告 充满诱惑的面孔，牢牢抓住读者视线,（2）退底图形 根据内容所需，选取必要部分保留，其他作退底处理。此形式排除背景扰，主体形象突出醒目，与正文组合常表现为文本绕图，轻松、平易近人。,65,318,图3-18 企业广告 没有背景的画面干净、明快，准确表达企业服务品质,（3）形状图形 把图片用一定形状限定。如方形、三角形、梯形、有机形等。具体形状可视设计内容和表现而定。图片经过创造性的加工、组合，往往使版面新意顿生，从而提高阅读兴趣。,66,2.影响图形编排效果的因素（1）图形位置 图形的位置直接影响到版面构图布局。依“九宫格”法，即两条水平线和两条垂直线将版面平均分成九个部分，把图形摆在四个交叉点的任意一点上，可营造视觉协调，取得较佳构图效果。将图形置于版面中心，会强化其视觉冲击力，形成关注焦点。在对角线上安排图片，可支配版面空间，效果灵动独特。版面上下左右、对角线、四角均能安置图形，设计中应根据其内容要素、视觉效果、心理感受来经营，有效控制各个点，使版面主题鲜明、简洁、清晰，富于理性。,319,320,图3-19、图3-20 招贴广告 图形的位置不同产生不同的心理感受,321,图3-21 杂志广告 图形下置产生力量感和沉重感,67,（2）图形面积 一般情况下，图形面积的大小变化，决定了注意度的高低。从大到小是人们自然的观看顺序，通常重要图形面积较大，如化妆品广告中的唇膏、睫毛膏都把能显示局部特征的图形放大处理，造成对视觉和心理的强大冲击，成为关注要点。从属图片缩小，点缀，呼应着主题，形成主次分明的格局。,322,