版式设计课件教案学习教案.pptx

《版式设计课件教案学习教案.pptx》由会员分享，可在线阅读，更多相关《版式设计课件教案学习教案.pptx（211页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、会计学1版式版式(bnsh)设计课件教案设计课件教案第一页，共211页。什么什么(shn me)是版式设计？是版式设计？n n就是在版面上，将图片、文字进行排列组合，以达到传递信息和满足审美需求的作用。n n设计的对象是图片和文字。n n设计的目的是传递信息和满足审美需求。n n要注意！必须首先让设计出来的版式起到传递信息的作用后，再去考虑如何美化它。因为只有少数(shosh)人会去购买一本美观但阅读起来很费力的书。第1页/共210页第二页，共211页。从那些方面去思考，如何让版式从那些方面去思考，如何让版式从那些方面去思考，如何让版式从那些方面去思考，如何让版式(b(b nsh)nsh)达到

2、目达到目达到目达到目的？的？的？的？第2页/共210页第三页，共211页。影响影响(yngxing)版版式的因素之一式的因素之一n n样式样式(yngsh)(yngsh)第3页/共210页第四页，共211页。什么什么(shn me)是样式是样式？n n样式样式(yngsh)(yngsh)是指文字、图片的外观。是指文字、图片的外观。第4页/共210页第五页，共211页。感受感受(gnshu)样式的作用（一）：样式的作用（一）：n n下面两则广告下面两则广告(gu(gu nggo)nggo)，那一个看起来，那一个看起来更像是大众化妆品？更像是大众化妆品？n n图在下页图在下页第5页/共210页第六

3、页，共211页。第6页/共210页第七页，共211页。结论结论(jiln)（一）：（一）：n n使用不同的文字、图片样式使用不同的文字、图片样式(yngsh)(yngsh)能带给人以不同的感受。能带给人以不同的感受。文字图片给人的感受美宝莲美宝莲活泼的艺术字体活泼的艺术字体引人注目的美女的笑脸引人注目的美女的笑脸亲和力、动感、低廉亲和力、动感、低廉资生堂资生堂严谨复古的宋体字严谨复古的宋体字平静的景物画面平静的景物画面高品质、冷静、高级高品质、冷静、高级第7页/共210页第八页，共211页。感受样式感受样式(yngsh)的作用（二）：的作用（二）：n n下面哪个设计更适合下面哪个设计更适合(s

4、hh)(shh)作为一家设计论坛自我宣传的传单？作为一家设计论坛自我宣传的传单？n n图在下页图在下页第8页/共210页第九页，共211页。第9页/共210页第十页，共211页。结论结论(jiln)（二）：（二）：n n正确的选择样式才能传递正确的信息。正确的选择样式才能传递正确的信息。n n两件设计作品都很美观，但是上图给人的感觉过于轻松活泼，所以不两件设计作品都很美观，但是上图给人的感觉过于轻松活泼，所以不能让人感受到设计的理性、冷静等感觉，但如果能让人感受到设计的理性、冷静等感觉，但如果(rgu(rgu)是用于时尚、是用于时尚、娱乐等类型的网站就很合适了。娱乐等类型的网站就很合适了。第1

5、0页/共210页第十一页，共211页。样式样式(yngsh)01n n视觉视觉(shju)(shju)度度第11页/共210页第十二页，共211页。什么什么(shn me)是视觉度？是视觉度？n n文字、图象（照片、插图）对人产生的视觉吸引力的强度(qingd)。越引人注目的物体视觉度越大。第12页/共210页第十三页，共211页。感受感受(gnshu)视觉度（一）：视觉度（一）：n n下面(xi mian)哪张名片更引人注意？第13页/共210页第十四页，共211页。感受感受(gnshu)视觉度（二）：视觉度（二）：n n下面(xi mian)哪张海报更引人注意？n n图在下页。第14页/共

6、210页第十五页，共211页。第15页/共210页第十六页，共211页。结论结论(jiln)：n n图片比文字图片比文字(wnz)(wnz)更吸引人注意，图片的视觉度高于文字更吸引人注意，图片的视觉度高于文字(wnz)(wnz)。n n在版面中增添照片或插图能够提高视觉度，让人有兴趣继续读下去。在版面中增添照片或插图能够提高视觉度，让人有兴趣继续读下去。第16页/共210页第十七页，共211页。第17页/共210页第十八页，共211页。第18页/共210页第十九页，共211页。第19页/共210页第二十页，共211页。图片图片(tpin)的视觉度的强弱比的视觉度的强弱比较：较：n n图片可分为

7、两类图片可分为两类写实性的、抽象性的。写实性的、抽象性的。n n一般来讲，在同等大小的情况下，抽象图形的视觉一般来讲，在同等大小的情况下，抽象图形的视觉(shju)(shju)度强于写实图形。度强于写实图形。这是因为简单的图形更容易记忆，所以人天生对简单的图形敏感。这是因为简单的图形更容易记忆，所以人天生对简单的图形敏感。第20页/共210页第二十一页，共211页。第21页/共210页第二十二页，共211页。第22页/共210页第二十三页，共211页。写实性图片写实性图片(tpin)的视觉的视觉度度n n一般来说，人的形象具有最强的视觉吸引力，尤其是人的脸部。而天空、一般来说，人的形象具有最强

8、的视觉吸引力，尤其是人的脸部。而天空、大海、草原大海、草原(c(c oyun)oyun)的吸引力最弱，可以让人情绪平静。的吸引力最弱，可以让人情绪平静。n n特写图像视觉冲击力也非常强。特写图像视觉冲击力也非常强。n n色彩色调对比强烈的图片色彩色调对比强烈的图片第23页/共210页第二十四页，共211页。第24页/共210页第二十五页，共211页。第25页/共210页第二十六页，共211页。第26页/共210页第二十七页，共211页。结论结论(jiln)：n n选择适当的图片视觉(shju)度，以传递正确的信息。类型视觉度效果感受严肃文学（小说、诗集等）低太高会破坏严肃性严肃活泼趣味图书（时

9、尚杂志、儿童读物等）高增加阅读兴趣第27页/共210页第二十八页，共211页。低质量的图片低质量的图片低质量的图片低质量的图片(tpin)(tpin)极大的降低版式的品质（一）：极大的降低版式的品质（一）：极大的降低版式的品质（一）：极大的降低版式的品质（一）：n n制作时要选择清晰的没有压缩过的图片(tpin)。n n精美杂志使用图片(tpin)的分辨率必须在300dpi以上。n n图在下页第28页/共210页第二十九页，共211页。第29页/共210页第三十页，共211页。低质量的图片低质量的图片低质量的图片低质量的图片极大极大极大极大(j d)(j d)的降低版式的品质（二）：的降低版式

10、的品质（二）：的降低版式的品质（二）：的降低版式的品质（二）：n n如对图片(tpin)进行不等比例的缩放，后果第30页/共210页第三十一页，共211页。第31页/共210页第三十二页，共211页。实例实例(shl)（一）：（一）：n n在新闻上使用照片可以(ky)增加说服力。让读者觉得新闻真实可信。并且增添阅读的兴趣。第32页/共210页第三十三页，共211页。第33页/共210页第三十四页，共211页。实例实例(shl)（二）：（二）：n n使用插图(cht)，可以快速的传递文章的内容。使用图表可以让人清楚直观看到数据。这些都有利于信息的传播。第34页/共210页第三十五页，共211页。

11、第35页/共210页第三十六页，共211页。样式样式(yngsh)02n n图版图版(tb(tb n)n)率率第36页/共210页第三十七页，共211页。什么什么(shn me)是图版率？是图版率？n n版面中的图片跟文字所占的面积比叫做图版(tbn)率。n n如果版面全是文字的话，图版(tbn)率就为0%，全是图的话，图版(tbn)率就为100%。第37页/共210页第三十八页，共211页。视觉视觉(shju)度与图版率的区别度与图版率的区别n n“图版率”是指相对于文章，图所占的比率。用%来表示(biosh)。而“视觉度”是指图片视觉吸引力的强弱。第38页/共210页第三十九页，共211页

12、。结论结论(jiln)（一）：（一）：n n提高图版率可以活跃版面：n n没有图的版式(bnsh)显的很压抑，令人窒息。这种版式(bnsh)只适合于字典、法规等特殊用途的书籍。n n而加上一张图片后感觉就完全不同了，显的很有生气，让人产生阅读的兴趣。第39页/共210页第四十页，共211页。感受感受(gnshu)图版率（一）图版率（一）:第40页/共210页第四十一页，共211页。第41页/共210页第四十二页，共211页。第42页/共210页第四十三页，共211页。感受感受(gnshu)图版率（二）图版率（二）:第43页/共210页第四十四页，共211页。结论结论(jiln)（二）：（二）：

13、n n完全没有(mi yu)文字的版面显得空洞。n n增加图版率可以增加版式的亲和力，在达到50%左右时，亲和力急剧上升。n n但图版率一旦超过了90%，如果没有(mi yu)文字，反而会感觉空洞无味，给人单调的感觉。如果稍微加入一点文字，版式就又活跃起来。第44页/共210页第四十五页，共211页。第45页/共210页第四十六页，共211页。结论结论(jiln)（三）：（三）：n n选择适当图版率，以传达选择适当图版率，以传达(chund)(chund)正确的信息。正确的信息。类型图版率效果感受严肃文学（小说、诗集等）10%左右太高会破坏严肃性严肃活泼一般读物（故事、报纸等）30%左右增加阅

14、读兴趣，但如果图太多信息则过少趣味图书（时尚杂志、儿童读物等）50%-90%创造活跃的气氛第46页/共210页第四十七页，共211页。复习复习(fx)：n n看下面左、右版式(bnsh)的区别是什么？n n右图（a.视觉度 b.图版率）增加了？n n产生了哪些效果？（c.高品质 d.轻松活泼 c.亲和力 f.高雅）第47页/共210页第四十八页，共211页。样式样式(yngsh)03n n跳跃跳跃(tioyu)(tioyu)率率第48页/共210页第四十九页，共211页。文字文字(wnz)跳跃率跳跃率n n版面(bnmin)中最小字与最大字，字体大小的比率叫做文字跳跃率。比率越大，跳跃率越高。

15、跳跃(tioyu)率高跳跃率低第49页/共210页第五十页，共211页。感受感受(gnshu)文字跳跃率（一）：文字跳跃率（一）：第50页/共210页第五十一页，共211页。结论结论(jiln)（一）：（一）：n n较高的文字跳跃率可以(ky)吸引人的注意力。第51页/共210页第五十二页，共211页。感受文字感受文字(wnz)跳跃率（二）：跳跃率（二）：第52页/共210页第五十三页，共211页。结论结论(jiln)（二）：（二）：n n降低跳跃率给人沉稳、高品质、历史感的印象。n n提高跳跃率给人健康(jinkng)、有活力的印象。第53页/共210页第五十四页，共211页。感受文字感受文

16、字(wnz)跳跃率（三）：跳跃率（三）：第54页/共210页第五十五页，共211页。结论结论(jiln)（三）：（三）：n n正确的文字跳跃率，传递正确的信息：n n日本的生活手册，一向以沉稳的版式获得好评。版面庄重、平和，稍有单调之感，但是(dnsh)能让人从中感受到几十年不变的历史的沉重。提高文字跳跃率，即使文章的内容完全一样，也不能引起人们的共鸣。第55页/共210页第五十六页，共211页。感受文字感受文字(wnz)跳跃率（四）：跳跃率（四）：第56页/共210页第五十七页，共211页。结论结论(jiln)（四）：（四）：n n正确的文字跳跃律，传递正确的信息：n n文艺表演的海报，巨大

17、的标题增加了视觉吸引力，让人感觉气氛热烈，从而(cng r)产生了参与的欲望。第57页/共210页第五十八页，共211页。图片图片(tpin)跳跃率跳跃率n n版面中面积最小的图片与面积最大的图片的面积比，叫做图片跳跃(tioyu)率。比率越大跳跃(tioyu)率越高。低跳跃(tioyu)率高跳跃率第58页/共210页第五十九页，共211页。感受感受(gnshu)图片跳跃率（一）：图片跳跃率（一）：第59页/共210页第六十页，共211页。结论结论(jiln)（一）：（一）：n n图片跳跃率低，给人以稳重(wnzhng)、高品质的感受。n n图片跳跃率高，给人轻松俏皮的感受。第60页/共210

18、页第六十一页，共211页。感受图片感受图片(tpin)跳跃率（二）：跳跃率（二）：第61页/共210页第六十二页，共211页。结论结论(jiln)（二）：（二）：n n放大某些图片，形成主次，版面显得(xin de)更加有条理，有生气。第62页/共210页第六十三页，共211页。感受感受(gnshu)图片跳跃率（三）：图片跳跃率（三）：第63页/共210页第六十四页，共211页。结论结论(jiln)（三）：（三）：n n大框架中宜用局部特写的照片：n n用大小两张照片做人物设计，原则上大的框架中采用特写照。小的框架中采用全身照。照片面积的大小与照片中物体(wt)的繁简程度进行对比，可以增强了动

19、感。第64页/共210页第六十五页，共211页。样式样式(yngsh)04n n网格网格(w(w n n )拘束率拘束率第65页/共210页第六十六页，共211页。什么什么(shn me)是网格拘束率？是网格拘束率？n n网格(wn)拘束率指，文字、图片受网格(wn)约束的程度。第66页/共210页第六十七页，共211页。什么什么(shn me)是网格？是网格？n n网格是一种重要的编排辅助手段。我们(w men)依靠网格对版面的框架结构进行大致的规划。第67页/共210页第六十八页，共211页。第68页/共210页第六十九页，共211页。第69页/共210页第七十页，共211页。高网格(wn

20、)拘束率低网格(wn)拘束率第70页/共210页第七十一页，共211页。感受网格感受网格(wn)拘束率（一）：拘束率（一）：第71页/共210页第七十二页，共211页。结论结论(jiln)（一）：（一）：n n严格拘束于网格的版面给人稳重的印象。n n脱离网格则有自由(zyu)的感觉，产生轻松有趣的版面。第72页/共210页第七十三页，共211页。感受感受(gnshu)网格拘束率（二）：网格拘束率（二）：第73页/共210页第七十四页，共211页。结论结论(jiln)（二）：（二）：n n要体现(txin)庄重、高格调，最宜使用高网格拘束率的版面设计。第74页/共210页第七十五页，共211页

21、。结论结论(jiln)（三）：（三）：n n选择正确的网格拘束(jsh)率，传递正确的信息：类型拘束率效果感受严肃文学（企业报表、财经杂志、教材等）高给人以条理清晰、可靠、严谨、高品质的感觉。严肃活泼趣味图书（时尚杂志、儿童读物等）低增加阅读兴趣第75页/共210页第七十六页，共211页。图片图片(tpin)的外形的外形角版出血(ch xi)版羽化(yhu)版挖版第76页/共210页第七十七页，共211页。角版角版n n拘束性最强，给人严谨、冷静(lngjng)、高品质的影响。第77页/共210页第七十八页，共211页。出血出血(ch xi)版版n n有一个以上(yshng)的边出血，较角版而

22、言更富变化、更加活泼。第78页/共210页第七十九页，共211页。羽化羽化(yhu)版版n n边缘模糊的图片(tpin)给人以柔美的印象。第79页/共210页第八十页，共211页。挖版挖版n n不规则的边缘给人以自由(zyu)活泼的感受。第80页/共210页第八十一页，共211页。感受图片感受图片(tpin)的外形：的外形：第81页/共210页第八十二页，共211页。结论结论(jiln)（一）：（一）：n n在大量角版中适当的加入少量挖版，既能够打破沉闷，又不至于破坏原有的冷静气氛(qfn)。n n角版中只插入一个小小的挖版，因为这么一个小小的对比效果，活跃了整个版面的气氛(qfn)，并可突出

23、置于挖版上的物体。第82页/共210页第八十三页，共211页。感受感受(gnshu)图片的外形（二）：图片的外形（二）：第83页/共210页第八十四页，共211页。结论结论(jiln)（二）：（二）：n n在大量挖版中，角版可以稳定画面。n n大部分图像使用挖版，不受网格的拘束，给人自由的感受。但插入一些小角版在中间，能起到稳定画面的作用（避免过于自由而显得凌乱(ln lun)），更能突出挖版的自由感。第84页/共210页第八十五页，共211页。感受图片感受图片(tpin)的外形（三）：的外形（三）：第85页/共210页第八十六页，共211页。结论结论(jiln)（三）：（三）：n nVIP不

24、宜(by)使用挖版。n n重要事件和人物不宜(by)使用挖版，因为挖版会给人轻松的感觉，不能体现严肃性和不能引起注意。第86页/共210页第八十七页，共211页。样式样式(yngsh)05n n空白空白(kngbi)(kngbi)率率第87页/共210页第八十八页，共211页。什么什么(shn me)是空白率？是空白率？n n版面上的图片文字的所占的面积与空白(kngbi)面积的比率。空白(kngbi)越多空白(kngbi)率越高。低空白(kngbi)率高空白率第88页/共210页第八十九页，共211页。感受感受(gnshu)空白率（一）：空白率（一）：第89页/共210页第九十页，共211页

25、。结论结论(jiln)（一）：（一）：n n高版面率，体现使用者是个热情、有干劲的人。n n低版面率，体现使用者是个沉静(chnjng)稳健、有品位的人。第90页/共210页第九十一页，共211页。感受感受(gnshu)空白率（二）：空白率（二）：第91页/共210页第九十二页，共211页。结论结论(jiln)（二）：（二）：n n要表现高品质、高质量的商品需要大面积的空白(kngbi)。n n左图虽然文字的跳跃率不高，但是因为空白(kngbi)少，并不显得高档。n n右图与左图相比，扩大了空白(kngbi)量。给人以高雅、稳重的氛围，给人高品质感。第92页/共210页第九十三页，共211页。

26、感受感受(gnshu)空白率（三）：空白率（三）：第93页/共210页第九十四页，共211页。结论结论(jiln)（三）：（三）：n n要传递古朴(gp)、恬静的感觉，宜采用高空白率的版式。第94页/共210页第九十五页，共211页。感受感受(gnshu)空白率（四）：空白率（四）：第95页/共210页第九十六页，共211页。结论结论(jiln)（四）：（四）：n n低空白率体现丰富(fngf)的信息。第96页/共210页第九十七页，共211页。感受感受(gnshu)空白率（五）：空白率（五）：接下页第97页/共210页第九十八页，共211页。第98页/共210页第九十九页，共211页。报刊使

27、用报刊使用(shyng)的空白率的空白率（五）：（五）：n n我们日常接触到的印刷物品中，版面率最高一般是报纸。报纸以丰富的信息来吸引读者，所以高的版面率是很必要的。一些(yxi)娱乐杂志和书籍同样如此。第99页/共210页第一百页，共211页。文字文字文字文字(wnz)(wnz)排列排列排列排列n n齐行型n n齐头(q tu)齐尾型n n齐头(q tu)散尾型n n居中型n n自由型样式样式(yngsh)06第100页/共210页第一百零一页，共211页。1.齐行型（齐头齐尾）齐行型（齐头齐尾）中庸中庸(zhngyng)的、的、理性的、严肃的、冷静理性的、严肃的、冷静的。的。1.齐行型（齐

28、头散尾）齐行型（齐头散尾）界于齐头齐尾型与自由型之界于齐头齐尾型与自由型之间，有中国间，有中国(zhn u)书法书法的韵味味。的韵味味。第101页/共210页第一百零二页，共211页。3.居中型居中型高格调的、优雅高格调的、优雅(yu y)的、欧洲的、欧洲古典的。古典的。4.自由自由(zyu)型型自由自由(zyu)的、活的、活泼的、轻松的、可泼的、轻松的、可爱的。爱的。第102页/共210页第一百零三页，共211页。感受文字感受文字(wnz)排列（一）：排列（一）：第103页/共210页第一百零四页，共211页。结论结论(jiln)（一）：（一）：n n名片上文字的排列方式，体现使用者的性格。

29、n n齐行型的文字排列，是所有排列方式中最理性、最稳重的类型，可以给人以诚信可靠、精明(jngmng)干练的印象。第104页/共210页第一百零五页，共211页。感受感受(gnshu)文字排列（二）：文字排列（二）：第105页/共210页第一百零六页，共211页。结论结论(jiln)（二）：（二）：n n居中型的文字排列(pili)，可以传达高格调、有文化品位的印象。第106页/共210页第一百零七页，共211页。感受文字感受文字(wnz)排列（三）：排列（三）：第107页/共210页第一百零八页，共211页。结论结论(jiln)（三）：（三）：n n自由型的文字(wnz)排列。如果使用者不想

30、塑造自己是商业者的形象可以使用自由型的排版方式。第108页/共210页第一百零九页，共211页。感受感受(gnshu)文字排列（四）：文字排列（四）：第109页/共210页第一百一十页，共211页。结论结论(jiln)（四）：（四）：n n齐头齐尾的排列，给人以严谨理性的感觉，较多的空白(kngbi)给人以舒畅和高品质的感觉。第110页/共210页第一百一十一页，共211页。感受文字感受文字(wnz)排列（五）：排列（五）：第111页/共210页第一百一十二页，共211页。结论结论(jiln)（五）：（五）：n n正文采用齐头散尾的排列，与上图比较，给人以自由浪漫的印象。而整体排列又居中对齐(

31、du q)，又给人以典雅之感。第112页/共210页第一百一十三页，共211页。感受感受(gnshu)文字排列（六）：文字排列（六）：第113页/共210页第一百一十四页，共211页。结论结论(jiln)（六）：（六）：n n居中型的文字排列最适合在低图版率的环境里，体现出艺术(ysh)感和高雅感。适于表达内容的高品质。如配上艺术(ysh)的手写字体，更能强化了这种感觉。第114页/共210页第一百一十五页，共211页。感受字体感受字体(zt)排列（七）：排列（七）：第115页/共210页第一百一十六页，共211页。结论结论(jiln)（七）：（七）：n n自由(zyu)型的文字排列给画面增添

32、了活力，使整个版式显得轻松、舒畅。第116页/共210页第一百一十七页，共211页。感受感受(gnshu)字体排列（八）：字体排列（八）：多种方式(fngsh)混排全部(qunb)齐行标题居中，正文齐行第117页/共210页第一百一十八页，共211页。结论结论(jiln)（八）：（八）：n n让文字排列的方式保持(boch)统一。n n无原则的随意混排文字会使版面变得难以阅读，同时给人以低品质之感。第118页/共210页第一百一十九页，共211页。什么什么(shn me)是字体？是字体？n n字体就是(jish)字的样子。虽然与照片和插图相比，文字给人的印象是较微弱的。但是只要注意观察就能发现

33、字体也能传递很多信息。n n中文字体可以大致分为四类：n n黑体n n宋体n n书法体n n艺术体n n每种字体都有自己的特色。第119页/共210页第一百二十页，共211页。黑体黑体(hit)n n给人以冷静(lngjng)、理性、现代之感。细圆黑黑体(hit)粗黑体综艺体第120页/共210页第一百二十一页，共211页。宋体宋体n n有现代(xindi)与古典结合之感，最易于阅读。报宋体仿宋体大标宋第121页/共210页第一百二十二页，共211页。书法书法(shf)体体n n可以创造古朴(gp)、艺术的气氛楷体（正式(zhngsh)的，端庄的）瘦金体（宋徽宗的书法，有一种紧张的美感）黄草体

34、（黄庭坚的书法，有一种飘逸秀丽的美感）隶体（端正的、古朴的）魏碑（古朴的、粗旷的）第122页/共210页第一百二十三页，共211页。艺术艺术(ysh)字体字体n n艺术字体(zt)变化很多，新颖别致，个性鲜明的。珊瑚(shnh)体毡笔体剪纸体儿童体胖头鱼体第123页/共210页第一百二十四页，共211页。感受感受(gnshu)字体（一）：字体（一）：第124页/共210页第一百二十五页，共211页。结论结论(jiln)（一）：（一）：n n应选择与文章内容相符合的字体。n n如果想要传达的信息内容与字体给人的感觉不相符，观众就得不到共鸣，无法(wf)产生阅读的兴趣。第125页/共210页第一百

35、二十六页，共211页。感受感受(gnshu)字体（二）：字体（二）：第126页/共210页第一百二十七页，共211页。结论结论(jiln)（二）：（二）：n n笔画粗的字体给人以力量男性化的感觉；笔画细的字体给人以柔美女性化的感觉。n n大的文字体现精神和活力；小的文字体现高贵(gogu)和品质。第127页/共210页第一百二十八页，共211页。感受感受(gnshu)字体字体（三）：（三）：第128页/共210页第一百二十九页，共211页。结论结论(jiln)（三）：（三）：n n正确的字体传达正确的信息。n n这是一本关于在城市中投资理财的手册，使用理性(lxng)的粗黑字体，给人稳重可靠之

36、感。第129页/共210页第一百三十页，共211页。感受感受(gnshu)字体（四）：字体（四）：第130页/共210页第一百三十一页，共211页。结论结论(jiln)（四）：（四）：n n感受正确的字体传达正确的信息。n n这是一本楼书，使用自由的手写(shuxi)字体，给人轻松随意之感，代表了该楼盘追求轻松享受的生活理念。第131页/共210页第一百三十二页，共211页。感受感受(gnshu)字体（五）：字体（五）：第132页/共210页第一百三十三页，共211页。结论结论(jiln)（五）：（五）：n n大号字旁使用(shyng)小号文字，可以增加对比，从而增添活力。第133页/共210

37、页第一百三十四页，共211页。什么什么(shn me)是字距？（字与字是字距？（字与字间的距离）间的距离）n n就是(jish)字与字之间的距离。第134页/共210页第一百三十五页，共211页。感受感受(gnshu)字距：字距：标准(biozhn)字距紧缩(jn su)字距松散字距第135页/共210页第一百三十六页，共211页。结论结论(jiln)：n n一般来讲，汉字的字距不易过小，太小不易阅读。汉字的标准字距为字宽1/10。n n当使用(shyng)大号文字作标题时，可以适当紧缩字距。n n扩大字距，给人高格调之感。第136页/共210页第一百三十七页，共211页。什么什么(shn m

38、e)是行距？是行距？n n就是(jish)行与行之间的距离。第137页/共210页第一百三十八页，共211页。紧密(jnm)的行距正常(zhngchng)行距疏松(sh sn)的行距第138页/共210页第一百三十九页，共211页。感受感受(gnshu)行距：行距：第139页/共210页第一百四十页，共211页。结论结论(jiln)：n n一般情况下，正文小字的行距不宜过于紧密，尤其是在字数较多的情况，相当难以阅读。n n不过如果字数不多，且字体尺寸较大的情况下，适当缩小行距，可以给人以信息丰富(fngf)以及活泼可爱的感觉。第140页/共210页第一百四十一页，共211页。什么什么(shn

39、me)是字数？是字数？n n这里(zhl)仅指一行中字的数量。每行28字每行22字每行18字每行11字第141页/共210页第一百四十二页，共211页。结论结论(jiln)：n n一般来讲，普通的字数在20-30个以内。适当的增加或减少(jinsho)字数可以传递不同的信息。n n每一行的字数多，有轻松舒畅和高格调的感觉，但要注意行距不能过于紧密，否则阅读困难。每一行的字数少，给人以活跃和信息丰富之感，这是就算行距较为紧密也不会影响阅读。第142页/共210页第一百四十三页，共211页。n n版式(bnsh)设计还需要考虑很多布局要素，如三大视觉要素：n n文字 n n图形n n色彩第143页

40、/共210页第一百四十四页，共211页。影响版式影响版式(bnsh)的因素之二的因素之二n n版面版面(b(b nmin)nmin)第144页/共210页第一百四十五页，共211页。什么什么(shn me)是版面是版面？n n当选择好适当的样式后，接下来就需要调整这些样式的位置(wi zhi)关系。样式按什么样的关系排列，我们称为版面。第145页/共210页第一百四十六页，共211页。版式设计的两个版式设计的两个(lin)步步骤：骤：第146页/共210页第一百四十七页，共211页。原稿(yungo)，虽然已经具备所必须的全部信息，但条例不清，毫无生气。步骤步骤(bzhu)一，选择适合的样式。

41、一，选择适合的样式。提高跳跃律，提高了视觉度，完成了样式的提高跳跃律，提高了视觉度，完成了样式的调整后，与原稿比增加了趣味，更吸引人也调整后，与原稿比增加了趣味，更吸引人也更具条理。更具条理。步骤二，版面调整。步骤二，版面调整。调整文字位置，根据文字的重要性体调整文字大小，调整调整文字位置，根据文字的重要性体调整文字大小，调整空白空白(kngbi)大小。这样版式变得工整，更加有条有理。大小。这样版式变得工整，更加有条有理。第147页/共210页第一百四十八页，共211页。1、明确、明确(mngqu)主主题题n n放大(fngd)主题部分，缩小次要部分，并给主体已充足的空白。第148页/共210

42、页第一百四十九页，共211页。感受明确主题感受明确主题(zht)的效果的效果（一）：（一）：第149页/共210页第一百五十页，共211页。结论结论(jiln)（二）：（二）：n n明确主题可以使信息有条理，便于阅读。n n左边名片上的信息很多，如果不加以区别就会给人混乱之感。n n右边名片根据信息的重要与否加以区别，别人看名片最先想要知道的就是主人的名字，于是我们就应该放大名字，接着把别人其次想要知道的信息公司名称也放大（当然(dngrn)，要比名字小）。这样名片条例清晰，别人很快就能找到需要的信息。第150页/共210页第一百五十一页，共211页。感受感受(gnshu)明确主题的效果明确主

43、题的效果（二）：（二）：第151页/共210页第一百五十二页，共211页。结论结论(jiln)（二）：（二）：n n明确主题让信息有条理n n左图物体大小相似，有优雅(yu y)之感。不过稍显缺乏条例。n n右图放大了2个为题，画面上有了主次，显得更有条理。第152页/共210页第一百五十三页，共211页。感受感受(gnshu)明确主题的效果明确主题的效果（三）：（三）：第153页/共210页第一百五十四页，共211页。结论结论(jiln)（三）：（三）：n n如果把文字放在图片(tpin)上，那么别人就不会去阅读它，因为很难读。第154页/共210页第一百五十五页，共211页。2、分开、分开

44、(fn ki)主、副体？主、副体？n n拉开(l ki)版面中主体元素与次要元素间的距离。第155页/共210页第一百五十六页，共211页。感受感受(gnshu)分开主副体（一）：分开主副体（一）：第156页/共210页第一百五十七页，共211页。结论结论(jiln)（一）：（一）：n n分开主副体产生动感n n左图两张照片放的靠近，画面右面有冲击力，但是却不平衡了。n n右图把两张照片分开，视线(shxin)从左到右流动，形成的动感。第157页/共210页第一百五十八页，共211页。感受感受(gnshu)分开主副体（二）：分开主副体（二）：第158页/共210页第一百五十九页，共211页。结

45、论结论(jiln)（二）：（二）：n n分开主副体产生动感(dn n)。n n左图的图片放的很近，虽然工整，但是缺乏动感(dn n)。n n右图把图片分开放置，产生了动感(dn n)。第159页/共210页第一百六十页，共211页。3、群化？、群化？n n简单的说，群化就是让别人一眼就能看出物体间的关系来。n n左图看不出四张图片(tpin)以何种方式组合在一起的。n n右图很容易就能说出四张图片(tpin)的关系。第160页/共210页第一百六十一页，共211页。感受感受(gnshu)群化：群化：第161页/共210页第一百六十二页，共211页。结论结论(jiln)：n n群化能够使画面工整

46、，各组图片和文字都有各自区域(qy)，这样可以使版面条理清晰。第162页/共210页第一百六十三页，共211页。4、避免、避免(bmin)暧昧暧昧n n避免(bmin)暧昧就能避免(bmin)混乱。第163页/共210页第一百六十四页，共211页。感受感受(gnshu)避免暧昧（一）：避免暧昧（一）：第164页/共210页第一百六十五页，共211页。结论结论(jiln)（一）：（一）：n n段与段之间的距离要适当分开一点，让别人清楚地知道这一段的内容已经(y jing)说完了，下面是新的内容。第165页/共210页第一百六十六页，共211页。感受感受(gnshu)避免暧昧（二）：避免暧昧（二）

47、：第166页/共210页第一百六十七页，共211页。结论结论(jiln)（二）：（二）：n n图片的说明(shumng)文字应该适当靠拢图片。第167页/共210页第一百六十八页，共211页。第168页/共210页第一百六十九页，共211页。感受避免感受避免(bmin)暧昧（三）：暧昧（三）：第169页/共210页第一百七十页，共211页。结论结论(jiln)（三）：（三）：n n对齐文字、段落(dunlu)和图片。第170页/共210页第一百七十一页，共211页。感受避免感受避免(bmin)暧昧（四）：暧昧（四）：第171页/共210页第一百七十二页，共211页。如何避免如何避免(bmin)

48、暧昧暧昧n n对齐文字(wnz)、段落和图片。第172页/共210页第一百七十三页，共211页。5、调整、调整(tiozhng)流向流向n n我们在观看版面的时候，视线总会(zn hu)有流向。统一画面元素的流向，可以简洁画面。n n设计师也可以利用视线的流向，引导观众去观看版面上的内容。第173页/共210页第一百七十四页，共211页。感受感受(gnshu)调整流向（一）：调整流向（一）：第174页/共210页第一百七十五页，共211页。结论结论(jiln)（一）：（一）：n n统一流向，能够(nnggu)使版面简洁美观。第175页/共210页第一百七十六页，共211页。第176页/共210

49、页第一百七十七页，共211页。第177页/共210页第一百七十八页，共211页。第178页/共210页第一百七十九页，共211页。第179页/共210页第一百八十页，共211页。第180页/共210页第一百八十一页，共211页。6、空白（抑制、空白（抑制(yzh)四角）四角）n n指文字或图片周围(zhuwi)的空间。第181页/共210页第一百八十二页，共211页。感受感受(gnshu)空白（一）：空白（一）：第182页/共210页第一百八十三页，共211页。结论结论(jiln)（一）：（一）：n n空白(kngbi)是主题的领地。即使是使用较小的字体，只要在周围留出足够的空白(kngbi)

50、，也能起到突出的作用。并且给人高品质之感。第183页/共210页第一百八十四页，共211页。感受感受(gnshu)空白（二）：空白（二）：第184页/共210页第一百八十五页，共211页。结论结论(jiln)（二）：（二）：n n空白(kngbi)可以划分空间，使版面条理清晰。第185页/共210页第一百八十六页，共211页。7、利用、利用(lyng)版心版心n n就是让版面(bnmin)元素依照版心线构图。第186页/共210页第一百八十七页，共211页。感受感受(gnshu)版心：版心：第187页/共210页第一百八十八页，共211页。结论结论(jiln)：n n依照版心线排列元素(yun