《版式设计教案市公开课一等奖百校联赛获奖课件.pptx》由会员分享，可在线阅读，更多相关《版式设计教案市公开课一等奖百校联赛获奖课件.pptx（210页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、版式设计版式设计第1页什么是版式设计？什么是版式设计？就是在版面上，将图片、文字进行排列组合，以到就是在版面上，将图片、文字进行排列组合，以到达传递信息和满足审美需求作用。达传递信息和满足审美需求作用。设计对象是图片和文字。设计目标是传递信息和满足满足审美需求。要注意！必须首先让设计出来版式起到传递信息作用后，再去考虑怎样美化它。因为只有少数人会去购置一本美观但阅读起来很费劲书。第2页从那些方面去思考，如何让版式达到目从那些方面去思考，如何让版式达到目？版式设计样式版面视觉度图版率文字跳跃率照片跳跃率网格拘束率空白率文字排列类型字体印象明确主题分开主副题群化整理流向避免暧昧抑制四角利用版心线造
2、型技巧第3页影响版式原因之一影响版式原因之一样式样式第4页什么是样式？什么是样式？样式是指样式是指文字、图片外观文字、图片外观。第5页感受样式作用（一）：感受样式作用（一）：下面两则广告，那一个看起来更像是大众化下面两则广告，那一个看起来更像是大众化装品？装品？图在下页第6页第7页结论（一）：结论（一）：使用不一样文字、图片样式能带给人以不一使用不一样文字、图片样式能带给人以不一样感受。样感受。文字图片给人感受给人感受美宝莲美宝莲活泼艺术活泼艺术字体字体引人注目标美引人注目标美女笑脸女笑脸亲和力、动感、低廉亲和力、动感、低廉资生堂资生堂严谨复古严谨复古宋体字宋体字平静景物画面平静景物画面高品质
3、、冷静、高级高品质、冷静、高级第8页感受样式作用（二）：感受样式作用（二）：下面哪个设计更适合作为一家设计论坛自我下面哪个设计更适合作为一家设计论坛自我宣传传单？宣传传单？图在下页第9页第10页结论（二）：结论（二）：正确选择样式才能传递正确信息。正确选择样式才能传递正确信息。两件设计作品都很美观，不过上图给人感觉过于轻松活泼，所以不能让人感受到设计理性、冷静等感觉，但假如是用于时尚、娱乐等类型网站就很适当了。第11页样式样式01视觉度视觉度第12页什么是视觉度？什么是视觉度？文字、图象（照片、插图）对人产生视觉吸引力强文字、图象（照片、插图）对人产生视觉吸引力强度。越引人注目标物体视觉度越大
4、。度。越引人注目标物体视觉度越大。第13页感受视觉度（一）：感受视觉度（一）：下面哪张名片更引人注意？下面哪张名片更引人注意？第14页感受视觉度（二）：感受视觉度（二）：下面哪张海报更引人注意？下面哪张海报更引人注意？图在下页。第15页第16页结论：结论：图片比文字更吸引人注意，图片视觉度高于图片比文字更吸引人注意，图片视觉度高于文字。文字。在版面中增添照片或插图能够提升视觉度，在版面中增添照片或插图能够提升视觉度，让人有兴趣继续读下去。让人有兴趣继续读下去。第17页第18页第19页第20页图片视觉度强弱比较：图片视觉度强弱比较：图片可分为两类图片可分为两类写实性、抽象性。写实性、抽象性。普通
5、来讲，在同等大小情况下，抽象图形视觉度强于写实图形。这是因为简单图形更轻易记忆，所以人天生对简单图形敏感。第21页第22页第23页写实性图片视觉度写实性图片视觉度普通来说，人形象含有最强视觉吸引力，尤其是人脸部。而天空、普通来说，人形象含有最强视觉吸引力，尤其是人脸部。而天空、大海、草原吸引力最弱，能够让人情绪平静。大海、草原吸引力最弱，能够让人情绪平静。特写图像视觉冲击力也非常强。特写图像视觉冲击力也非常强。色彩色调对比强烈图片色彩色调对比强烈图片第24页第25页第26页第27页结论：结论：选择适当图片视觉度，以传递正确信息。选择适当图片视觉度，以传递正确信息。类型视觉度效果感受严厉文学严厉
6、文学（小说、诗集等）（小说、诗集等）低太高会破坏严厉太高会破坏严厉性性严严厉厉活活泼泼趣味图书（时尚杂志、儿童读物等）高增加阅读兴趣第28页低质量图片低质量图片极大降低版式品质（一）：极大降低版式品质（一）：制作时要选择清楚没有压缩过图片。制作时要选择清楚没有压缩过图片。精美杂志使用图片分辨率必须在精美杂志使用图片分辨率必须在300dpi以上。以上。图在下页第29页第30页低质量图片低质量图片极大降低版式品质（二）：极大降低版式品质（二）：如对图片进行不等百分比缩放，后果如对图片进行不等百分比缩放，后果第31页第32页实例（一）：实例（一）：在新闻上使用照片能够增加说服力。让读者以为新在新闻上
7、使用照片能够增加说服力。让读者以为新闻真实可信。而且增添阅读兴趣。闻真实可信。而且增添阅读兴趣。第33页第34页实例（二）：实例（二）：使用插图，能够快速传递文章内容。使用图表能够使用插图，能够快速传递文章内容。使用图表能够让人清楚直观看到数据。这些都有利于信息传输。让人清楚直观看到数据。这些都有利于信息传输。第35页第36页样式样式02图版率图版率第37页什么是图版率？什么是图版率？版面中图片跟文字所占面积比叫做图版率。版面中图片跟文字所占面积比叫做图版率。假如版面全是文字话，图版率就为假如版面全是文字话，图版率就为0%，全是图话，全是图话，图版率就为图版率就为100%。第38页视觉度与图版
8、率区分视觉度与图版率区分“图版率图版率”是指相对于文章，图所占比率。用是指相对于文章，图所占比率。用%来来表示。而表示。而“视觉度视觉度”是指图片视觉吸引力强弱。是指图片视觉吸引力强弱。第39页结论（一）：结论（一）：提升图版率能够活跃版面：提升图版率能够活跃版面：没有图版式显很压抑，令人窒息。这种版式只适合于字典、法规等特殊用途书籍。而加上一张图片后感觉就完全不一样了，显很有生气，让人产生阅读兴趣。第40页感受图版率（一）感受图版率（一）:第41页第42页第43页感受图版率（二）感受图版率（二）:第44页结论（二）：结论（二）：完全没有文字版面显得空洞。完全没有文字版面显得空洞。增加图版率能
9、够增加版式亲和力，在到达50%左右时，亲和力急剧上升。但图版率一旦超出了90%，假如没有文字，反而会感觉空洞无味，给人单调感觉。假如稍微加入一点文字，版式就又活跃起来。第45页第46页结论（三）：结论（三）：选择适当图版率，以传达正确信息。选择适当图版率，以传达正确信息。类型图版率效果感受严厉文学严厉文学（小说、诗集等）（小说、诗集等）10%左右太高会破坏严厉性太高会破坏严厉性严严厉厉活活泼泼普通读物普通读物（故事、报纸等）（故事、报纸等）30%左右增加阅读兴趣，但假增加阅读兴趣，但假如图太多信息则过少如图太多信息则过少趣味图书（时尚杂志、儿童读物等）50%-90%创造活跃气氛创造活跃气氛第4
10、7页复习：复习：看下面左、右版式区分是什么？看下面左、右版式区分是什么？右图（a.视觉度 b.图版率）增加了？产生了哪些效果？（c.高品质 d.轻松活泼 c.亲和力 f.高雅）第48页样式样式03跳跃率跳跃率第49页文字跳跃率文字跳跃率版面中最小字与最大字，字体大小比率叫做文字跳版面中最小字与最大字，字体大小比率叫做文字跳跃率。比率越大，跳跃率越高。跃率。比率越大，跳跃率越高。跳跃率高跳跃率低第50页感受文字跳跃率（一）：感受文字跳跃率（一）：第51页结论（一）：结论（一）：较高文字跳跃率能够吸引人注意力。较高文字跳跃率能够吸引人注意力。第52页感受文字跳跃率（二）：感受文字跳跃率（二）：第5
11、3页结论（二）：结论（二）：降低跳跃率给人沉稳、高品质、历史感印象。降低跳跃率给人沉稳、高品质、历史感印象。提升跳跃率给人健康、有活力印象。提升跳跃率给人健康、有活力印象。第54页感受文字跳跃率（三）：感受文字跳跃率（三）：第55页结论（三）：结论（三）：正确文字跳跃率，传递正确信息：正确文字跳跃率，传递正确信息：日本生活手册，一向以沉稳版式取得好评。版面庄重、平和，稍有单调之感，不过能让人从中感受到几十年不变历史沉重。提升文字跳跃率，即使文章内容完全一样，也不能引发人们共鸣。第56页感受文字跳跃率（四）：感受文字跳跃率（四）：第57页结论（四）：结论（四）：正确文字跳跃律，传递正确信息：正确
12、文字跳跃律，传递正确信息：文艺演出海报，巨大标题增加了视觉吸引力，让人感觉气氛热烈，从而产生了参加欲望。第58页图片跳跃率图片跳跃率版面中面积最小图片与面积最大图片面积比，叫做版面中面积最小图片与面积最大图片面积比，叫做图片跳跃率。比率越大跳跃率越高。图片跳跃率。比率越大跳跃率越高。低跳跃率高跳跃率第59页感受图片跳跃率（一）：感受图片跳跃率（一）：第60页结论（一）：结论（一）：图片跳跃率低，给人以稳重、高品质感受。图片跳跃率低，给人以稳重、高品质感受。图片跳跃率高，给人轻松俏皮感受。图片跳跃率高，给人轻松俏皮感受。第61页感受图片跳跃率（二）：感受图片跳跃率（二）：第62页结论（二）：结论
13、（二）：放大一些图片，形成主次，版面显得愈加有条理，放大一些图片，形成主次，版面显得愈加有条理，有生气。有生气。第63页感受图片跳跃率（三）：感受图片跳跃率（三）：第64页结论（三）：结论（三）：大框架中宜用局部特写照片：大框架中宜用局部特写照片：用大小两张照片做人物设计，标准上大框架中采取特写照。小框架中采取全身照。照片面积大小与照片中物体繁简程度进行对比，能够增强了动感。第65页样式样式04网格拘束率网格拘束率第66页什么是网格拘束率？什么是网格拘束率？网格拘束率指，文字、图片受网格约束程度。网格拘束率指，文字、图片受网格约束程度。第67页什么是网格？什么是网格？网格是一个主要编排辅助伎俩
14、。我们依靠网格对版网格是一个主要编排辅助伎俩。我们依靠网格对版面框架结构进行大致规划。面框架结构进行大致规划。第68页第69页第70页高网格拘束率低网格拘束率第71页感受网格拘束率（一）：感受网格拘束率（一）：第72页结论（一）：结论（一）：严格拘束于网格版面给人稳重印象。严格拘束于网格版面给人稳重印象。脱离网格则有自由感觉，产生轻松有趣版面。脱离网格则有自由感觉，产生轻松有趣版面。第73页感受网格拘束率（二）：感受网格拘束率（二）：第74页结论（二）：结论（二）：要表达庄重、高格调，最宜使用高网格拘束率版面要表达庄重、高格调，最宜使用高网格拘束率版面设计。设计。第75页结论（三）：结论（三）
15、：选择正确网格拘束率，传递正确信息：选择正确网格拘束率，传递正确信息：类型拘束率效果感受严厉文学严厉文学（企业报表、财经杂（企业报表、财经杂志、教材等）志、教材等）高给人以条理清楚、给人以条理清楚、可靠、严谨、高可靠、严谨、高品质感觉。品质感觉。严严厉厉活活泼泼趣味图书（时尚杂志、儿童读物等）低增加阅读兴趣第76页图片外形图片外形角版出血版羽化版挖版第77页角版角版拘束性最强，给人严谨、冷静、高品质影响。拘束性最强，给人严谨、冷静、高品质影响。第78页出血版出血版有一个以上边出血，较角版而言更富改变、愈加活有一个以上边出血，较角版而言更富改变、愈加活泼。泼。第79页羽化版羽化版边缘含糊图片给人
16、以柔美印象。边缘含糊图片给人以柔美印象。第80页挖版挖版不规则边缘给人以自由活泼感受。不规则边缘给人以自由活泼感受。第81页感受图片外形：感受图片外形：第82页结论（一）：结论（一）：在大量角版中适当加入少许挖版，既能够打破沉闷，在大量角版中适当加入少许挖版，既能够打破沉闷，又不至于破坏原有冷静气氛。又不至于破坏原有冷静气氛。角版中只插入一个小小挖版，因为这么一个小小对比效果，活跃了整个版面气氛，并可突出置于挖版上物体。第83页感受图片外形（二）：感受图片外形（二）：第84页结论（二）：结论（二）：在大量挖版中，角版能够稳定画面。在大量挖版中，角版能够稳定画面。大部分图像使用挖版，不受网格拘束
17、，给人自由感受。但插入一些小角版在中间，能起到稳定画面作用（防止过于自由而显得凌乱），更能突出挖版自由感。第85页感受图片外形（三）：感受图片外形（三）：第86页结论（三）：结论（三）：VIP不宜使用挖版。不宜使用挖版。主要事件和人物不宜使用挖版，因为挖版会给人轻松感觉，不能表达严厉性和不能引发注意。第87页样式样式05空白率空白率第88页什么是空白率？什么是空白率？版面上图片文字所占面积与空白面积比率。空白越版面上图片文字所占面积与空白面积比率。空白越多空白率越高。多空白率越高。低空白率高空白率第89页感受空白率（一）：感受空白率（一）：第90页结论（一）：结论（一）：高版面率，表达使用者是
18、个热情、有干劲人。高版面率，表达使用者是个热情、有干劲人。低版面率，表达使用者是个沉静稳健、有品位人。低版面率，表达使用者是个沉静稳健、有品位人。第91页感受空白率（二）：感受空白率（二）：第92页结论（二）：结论（二）：要表现高品质、高质量商品需要大面积空白。要表现高品质、高质量商品需要大面积空白。左图即使文字跳跃率不高，不过因为空白少，并不显得高档。右图与左图相比，扩大了空白量。给人以高雅、稳重气氛，给人高品质感。第93页感受空白率（三）：感受空白率（三）：第94页结论（三）：结论（三）：要传递古朴、恬静感觉，宜采取高空白率版式。要传递古朴、恬静感觉，宜采取高空白率版式。第95页感受空白率
19、（四）：感受空白率（四）：第96页结论（四）：结论（四）：低空白率表达丰富信息。低空白率表达丰富信息。第97页感受空白率（五）：感受空白率（五）：接下页第98页第99页报刊使用空白率（五）：报刊使用空白率（五）：我们日常接触到印刷物品中，版面率最高普通是报我们日常接触到印刷物品中，版面率最高普通是报纸。报纸以丰富信息来吸引读者，所以高版面率是纸。报纸以丰富信息来吸引读者，所以高版面率是很必要。一些娱乐杂志和书籍一样如此。很必要。一些娱乐杂志和书籍一样如此。第100页文字排列文字排列齐行型齐头齐尾型齐头散尾型居中型自由型样式样式06第101页1.齐行型（齐头齐尾）齐行型（齐头齐尾）中庸、理性、严
20、厉、冷静。1.齐行型（齐头散尾）齐行型（齐头散尾）界于齐头齐尾型与自由型之间，有中国书法韵味味。第102页3.居中型居中型高格调、优雅、欧洲古典。4.自由型自由型自由、活泼、轻松、可爱。第103页感受文字排列（一）：感受文字排列（一）：第104页结论（一）：结论（一）：名片上文字排列方式，表达使用者性格。名片上文字排列方式，表达使用者性格。齐行型文字排列，是全部排列方式中最理性、最稳齐行型文字排列，是全部排列方式中最理性、最稳重类型，能够给人以诚信可靠、精明干练印象。重类型，能够给人以诚信可靠、精明干练印象。第105页感受文字排列（二）：感受文字排列（二）：第106页结论（二）：结论（二）：居
21、中型文字排列，能够传达高格调、有文化品位印居中型文字排列，能够传达高格调、有文化品位印象。象。第107页感受文字排列（三）：感受文字排列（三）：第108页结论（三）：结论（三）：自由型文字排列。假如使用者不想塑造自己是商业自由型文字排列。假如使用者不想塑造自己是商业者形象能够使用自由型排版方式。者形象能够使用自由型排版方式。第109页感受文字排列（四）：感受文字排列（四）：第110页结论（四）：结论（四）：齐头齐尾排列，给人以严谨理性感觉，较多空白给齐头齐尾排列，给人以严谨理性感觉，较多空白给人以舒畅和高品质感觉。人以舒畅和高品质感觉。第111页感受文字排列（五）：感受文字排列（五）：第112
22、页结论（五）：结论（五）：正文采取齐头散尾排列，与上图比较，给人以自由正文采取齐头散尾排列，与上图比较，给人以自由浪漫印象。而整体排列又居中对齐，又给人以典雅浪漫印象。而整体排列又居中对齐，又给人以典雅之感。之感。第113页感受文字排列（六）：感受文字排列（六）：第114页结论（六）：结论（六）：居中型文字排列最适合在低图版率环境里，表示出居中型文字排列最适合在低图版率环境里，表示出艺术感和高雅感。适于表示内容高品质。如配上艺艺术感和高雅感。适于表示内容高品质。如配上艺术手写字体，更能强化了这种感觉。术手写字体，更能强化了这种感觉。第115页感受字体排列（七）：感受字体排列（七）：第116页结
23、论（七）：结论（七）：自由型文字排列给画面增添了活力，使整个版式显自由型文字排列给画面增添了活力，使整个版式显得轻松、舒畅。得轻松、舒畅。第117页感受字体排列（八）：感受字体排列（八）：各种方式混排全部齐行标题居中，正文齐行第118页结论（八）：结论（八）：让文字排列方式保持统一。让文字排列方式保持统一。无标准随意混排文字会使版面变得难以阅读，同时给人以低品质之感。第119页什么是字体？什么是字体？字体就是字样子。即使与照片和插图相比，文字给字体就是字样子。即使与照片和插图相比，文字给人印象是较微弱。不过只要注意观察就能发觉字体人印象是较微弱。不过只要注意观察就能发觉字体也能传递很多信息。也
24、能传递很多信息。汉字字体能够大致分为四类：汉字字体能够大致分为四类：黑体宋体书法体艺术体每种字体都有自己特色。每种字体都有自己特色。第120页黑体黑体给人以冷静、理性、当代之感。给人以冷静、理性、当代之感。细圆黑黑体粗黑体综艺体第121页宋体宋体有当代与古典结合之感，最易于阅读。有当代与古典结合之感，最易于阅读。报宋体仿宋体大标宋第122页书法体书法体能够创造古朴、艺术气氛能够创造古朴、艺术气氛楷体（正式，端庄）瘦金体（宋徽宗书法，有一个担心美感）黄草体（黄庭坚书法，有一个飘逸秀丽美感）隶体（端正、古朴）魏碑（古朴、粗旷）第123页艺术字体艺术字体艺术字体改变很多，新奇别致，个性鲜明。艺术字体
25、改变很多，新奇别致，个性鲜明。珊瑚体毡笔体剪纸体儿童体胖头鱼体第124页感受字体（一）：感受字体（一）：第125页结论（一）：结论（一）：应选择与文章内容相符合字体。应选择与文章内容相符合字体。假如想要传达信息内容与字体给人感觉不相符，观众就得不到共鸣，无法产生阅读兴趣。第126页感受字体（二）：感受字体（二）：第127页结论（二）：结论（二）：笔画粗字体给人以力量男性化感觉；笔画细字体给笔画粗字体给人以力量男性化感觉；笔画细字体给人以柔美女性化感觉。人以柔美女性化感觉。大文字表达精神和活力；小文字表达高贵和品质。大文字表达精神和活力；小文字表达高贵和品质。第128页感受字体（三）：感受字体（
26、三）：第129页结论（三）：结论（三）：正确字体传达正确信息。正确字体传达正确信息。这是一本关于在城市中投资理财手册，使用理性粗黑字体，给人稳重可靠之感。第130页感受字体（四）：感受字体（四）：第131页结论（四）：结论（四）：感受正确字体传达正确信息。感受正确字体传达正确信息。这是一本楼书，使用自由手写字体，给人轻松随意之感，代表了该楼盘追求轻松享受生活理念。第132页感受字体（五）：感受字体（五）：第133页结论（五）：结论（五）：大号字旁使用小号文字，能够增加对比，从而增添大号字旁使用小号文字，能够增加对比，从而增添活力。活力。第134页什么是字距？（字与字间距离）什么是字距？（字与字
27、间距离）就是字与字之间距离。就是字与字之间距离。第135页感受字距：感受字距：标准字距紧缩字距涣散字距第136页结论：结论：普通来讲，汉字字距不易过小，太小不易阅读。汉普通来讲，汉字字距不易过小，太小不易阅读。汉字标准字距为字宽字标准字距为字宽1/10。当使用大号文字作标题时，能够适当紧缩字距。当使用大号文字作标题时，能够适当紧缩字距。扩大字距，给人高格调之感。扩大字距，给人高格调之感。第137页什么是行距？什么是行距？就是行与行之间距离。就是行与行之间距离。第138页紧密行距正常行距疏松行距第139页感受行距：感受行距：第140页结论：结论：普通情况下，正文小字行距不宜过于紧密，尤其是普通情
28、况下，正文小字行距不宜过于紧密，尤其是在字数较多情况，相当难以阅读。在字数较多情况，相当难以阅读。不过假如字数不多，且字体尺寸较大情况下，适当不过假如字数不多，且字体尺寸较大情况下，适当缩小行距，能够给人以信息丰富以及活泼可爱感觉。缩小行距，能够给人以信息丰富以及活泼可爱感觉。第141页什么是字数？什么是字数？这里仅指一行中字数量。这里仅指一行中字数量。每行28字每行22字每行18字每行11字第142页结论：结论：普通来讲，普通字数在普通来讲，普通字数在20-30个以内。适当增加或个以内。适当增加或降低字数能够传递不一样信息。降低字数能够传递不一样信息。每一行字数多，有轻松舒畅和高格调感觉，但
29、要注每一行字数多，有轻松舒畅和高格调感觉，但要注意行距不能过于紧密，不然阅读困难。每一行字数意行距不能过于紧密，不然阅读困难。每一行字数少，给人以活跃和信息丰富之感，这是就算行距较少，给人以活跃和信息丰富之感，这是就算行距较为紧密也不会影响阅读。为紧密也不会影响阅读。第143页版式设计还需要考虑很多布局要素，如三大视觉要素：文字文字 图形图形色彩色彩第144页影响版式原因之二影响版式原因之二版面版面第145页什么是版面？什么是版面？当选择好适当样式后，接下来就需要调整这些样式当选择好适当样式后，接下来就需要调整这些样式位置关系位置关系。样式按什么样关系排列，我们称为版面。样式按什么样关系排列，
30、我们称为版面。第146页版式设计两个步骤：版式设计两个步骤：原稿选择样式调整版面第147页原稿，即使已经具备所必须全部信息，但条例不清，毫无生气。步骤一，选择适合样式。步骤一，选择适合样式。提升跳跃律，提升了视觉度，完成了样式调整后，与原稿比增加了趣味，更吸引人也更具条理。步骤二，版面调整。步骤二，版面调整。调整文字位置，依据文字主要性体调整文字大小，调整空白大小。这么版式变得工整，愈加有条有理。第148页1、明确主题、明确主题放大主题部分，缩小次要部分，并给主体已充分空放大主题部分，缩小次要部分，并给主体已充分空白。白。第149页感受明确主题效果（一）：感受明确主题效果（一）：第150页结论
31、（二）：结论（二）：明确主题能够使信息有条理，便于阅读。明确主题能够使信息有条理，便于阅读。左边名片上信息很多，假如不加以区分就会给人混乱之感。右边名片依据信息主要是否加以区分，他人看名片最先想要知道就是主人名字，于是我们就应该放大名字，接着把他人其次想要知道信息企业名称也放大（当然，要比名字小）。这么名片条例清楚，他人很快就能找到需要信息。第151页感受明确主题效果（二）：感受明确主题效果（二）：第152页结论（二）：结论（二）：明确主题让信息有条理明确主题让信息有条理左图物体大小相同，有优雅之感。不过稍显缺乏条例。右图放大了2个为题，画面上有了主次，显得更有条理。第153页感受明确主题效果
32、（三）：感受明确主题效果（三）：第154页结论（三）：结论（三）：假如把文字放在图片上，那么他人就不会去阅读它，假如把文字放在图片上，那么他人就不会去阅读它，因为极难读。因为极难读。第155页2、分开主、副体？、分开主、副体？拉开版面中主体元素与次要元素间距离。拉开版面中主体元素与次要元素间距离。第156页感受分开主副体（一）：感受分开主副体（一）：第157页结论（一）：结论（一）：分开主副体产生动感分开主副体产生动感左图两张照片放靠近，画面右面有冲击力，不过却不平衡了。右图把两张照片分开，视线从左到右流动，形成动感。第158页感受分开主副体（二）：感受分开主副体（二）：第159页结论（二）：
33、结论（二）：分开主副体产生动感。分开主副体产生动感。左图图片放很近，即使工整，不过缺乏动感。右图把图片分开放置，产生了动感。第160页3、群化？、群化？简单说，群化就是让他人一眼就能看出物体间关系简单说，群化就是让他人一眼就能看出物体间关系来。来。左图看不出四张图片以何种方式组合在一起。右图很轻易就能说出四张图片关系。第161页感受群化：感受群化：第162页结论：结论：群化能够使画面工整，各组图片和文字都有各自区群化能够使画面工整，各组图片和文字都有各自区域，这么能够使版面条理清楚。域，这么能够使版面条理清楚。第163页4、防止暧昧、防止暧昧防止暧昧就能防止混乱。防止暧昧就能防止混乱。第164
34、页感受防止暧昧（一）：感受防止暧昧（一）：第165页结论（一）：结论（一）：段与段之间距离要适当分开一点，让他人清楚地知段与段之间距离要适当分开一点，让他人清楚地知道这一段内容已经说完了，下面是新内容。道这一段内容已经说完了，下面是新内容。第166页感受防止暧昧（二）：感受防止暧昧（二）：第167页结论（二）：结论（二）：图片说明文字应该适当靠拢图片。图片说明文字应该适当靠拢图片。第168页第169页感受防止暧昧（三）：感受防止暧昧（三）：第170页结论（三）：结论（三）：对齐文字、段落和图片。对齐文字、段落和图片。第171页感受防止暧昧（四）：感受防止暧昧（四）：第172页怎样防止暧昧怎样防
35、止暧昧对齐文字、段落和图片。对齐文字、段落和图片。第173页5、调整流向、调整流向我们在观看版面时候，视线总会有流向。统一画面我们在观看版面时候，视线总会有流向。统一画面元素流向，能够简练画面。元素流向，能够简练画面。设计师也能够利用视线流向，引导观众去观看版面设计师也能够利用视线流向，引导观众去观看版面上内容。上内容。第174页感受调整流向（一）：感受调整流向（一）：第175页结论（一）：结论（一）：统一流向，能够使版面简练美观。统一流向，能够使版面简练美观。第176页第177页第178页第179页第180页第181页6、空白（抑制四角）、空白（抑制四角）指文字或图片周围空间。指文字或图片周
36、围空间。第182页感受空白（一）：感受空白（一）：第183页结论（一）：结论（一）：空白是主题领地。即使是使用较小字体，只要在周空白是主题领地。即使是使用较小字体，只要在周围留出足够空白，也能起到突出作用。而且给人高围留出足够空白，也能起到突出作用。而且给人高品质之感。品质之感。第184页感受空白（二）：感受空白（二）：第185页结论（二）：结论（二）：空白能够划分空间，使版面条理清楚。空白能够划分空间，使版面条理清楚。第186页7、利用版心、利用版心就是让版面元素依照版心线构图。就是让版面元素依照版心线构图。第187页感受版心：感受版心：第188页结论：结论：依照版心线排列元素，版面显得工整
37、。依照版心线排列元素，版面显得工整。第189页感受版心（二）：感受版心（二）：第190页结论（二）：结论（二）：依照版心线排列元素，版面显得工整。依照版心线排列元素，版面显得工整。第191页8、造型技巧、造型技巧节奏节奏就是让版面元素按一定规律排列，以形成节奏感。就是让版面元素按一定规律排列，以形成节奏感。第192页感受节奏（一）：感受节奏（一）：第193页结论（一）：结论（一）：将文字排列有节奏感，有利于加强画面美感。将文字排列有节奏感，有利于加强画面美感。第194页感受节奏（二）：感受节奏（二）：第195页结论（二）：结论（二）：将图片有节奏展开，能够形成节奏感。将图片有节奏展开，能够形成
38、节奏感。第196页第197页第198页8、造型技巧、造型技巧重点重点将重点突出。将重点突出。第199页感受重点（一）：感受重点（一）：第200页结论（一）：结论（一）：只有标题文字大一点，即使高品质，但应该强调重只有标题文字大一点，即使高品质，但应该强调重点。把文字框起来，便能够强调它。点。把文字框起来，便能够强调它。第201页感受重点（二）：感受重点（二）：第202页8、造型技巧、造型技巧呼应呼应将两个相同形态，分别放置在左右两个版面里，让将两个相同形态，分别放置在左右两个版面里，让它们相互呼应。它们相互呼应。第203页感受呼应：感受呼应：第204页结论：结论：放置相互呼应形，能够起到连接左右版面作用，使放置相互呼应形，能够起到连接左右版面作用，使左右两个版面显得统一，并能够使观众目光在左右左右两个版面显得统一，并能够使观众目光在左右两个版面里流动，产生动感和趣味。两个版面里流动，产生动感和趣味。第205页8、造型技巧、造型技巧对比对比第206页对比：大小对比：大小第207页对比：质感对比：质感第208页对比：明暗对比：明暗第209页 对比：动与静对比：动与静第210页