简约版式设计教程.pptxVIP

版式设计Format授课教师：李朝晖

概论初识版式

什么是版式设计？就是在版面上，将图片、文字进行排列组合，以达到传递信息和满足审美需求的作用。设计的对象是图片和文字。设计的目的是传递信息和满足审美需求。要注意！必须首先让设计出来的版式起到传递信息的作用后，再去考虑如何美化它。因为只有少数人会去购买一本美观但阅读起来很费力的书。

版式设计样式版面视觉度图版率文字跳跃率照片跳跃率网格拘束率空白率文字排列类型字体印象明确主题分开主副题群化整理流向避免暧昧抑制四角利用版心线造型技巧

样式

样式是指文字、图片的外观。

感受样式的作用（一）：图在下页下面两则广告，那一个看起来更像是大众化的妆品？

使用不同的文字、图片样式能带给人以不同的感受。文字图片给人的感受美宝莲活泼的艺术字体引人注目的美女的笑脸亲和力、动感、低廉资生堂严谨复古的宋体字平静的景物画面高品质、冷静、高级

感受样式的作用（二）：下面哪个设计更适合作为一家设计论坛自我宣传的传单？01图在下页02

结论（二）：正确的选择样式才能传递正确的信息。两件设计作品都很美观，但是上图给人的感觉过于轻松活泼，所以不能让人感受到设计的理性、冷静等感觉，但如果是用于时尚、娱乐等类型的网站就很合适了。

视觉度

文字、图象（照片、插图）对人产生的视觉吸引力的强度。越引人注目的物体视觉度越大。

下面哪张名片更引人注意？

下面哪张海报更引人注意？图在下页。

结论：在版面中增添照片或插图能够提高视觉度，让人有兴趣继续读下去。图片比文字更吸引人注意，图片的视觉度高于文字。

图片可分为两类——写实性的、抽象性的。一般来讲，在同等大小的情况下，抽象图形的视觉度强于写实图形。这是因为简单的图形更容易记忆，所以人天生对简单的图形敏感。

一般来说，人的形象具有最强的视觉吸引力，尤其是人的脸部，看到后让人兴奋。而天空、大海、草原的吸引力最弱，可以让人情绪平静。

选择适当的图片视觉度，以传递正确的信息。类型视觉度效果感受严肃文学（小说、诗集等）低太高会破坏严肃性严肃活泼趣味图书（时尚杂志、儿童读物等）高增加阅读兴趣

低质量的图片

极大的降低版式的品质（一）：制作时要选择清晰的没有压缩过的图片。01精美杂志使用图片的分辨率必须在300dpi以上。02图在下页03

如对图片进行不等比例的缩放，后果…

在新闻上使用照片可以增加说服力。让读者觉得新闻真实可信。并且增添阅读的兴趣。

使用插图，可以让快速的传递文章的内容。使用图表可以让人清楚直观看到数据。这些都有利于信息的传播。

”

图版率

版面中的图片跟文字所占的面积比叫做图版率。如果版面全是文字的话，图版率就为0%，全是图的话，图版率就为100%。

“图版率”是指相对于文章，图所占的比率。用%来表示。而“视觉度”是指图片视觉吸引力的强弱。

结论（一）：提高图版率可以活跃版面：01没有图的版式显的很压抑，令人窒息。这种版式只适合于字典、法规等特殊用途的书籍。02而加上一张图片后感觉就完全不同了，显的很有生气，让人产生阅读的兴趣。03

结论（二）：完全没有文字的版面显得空洞。增加图版率可以增加版式的亲和力，在达到50%左右时，亲和力急剧上升。但图版率一旦超过了90%，如果没有文字，反而会感觉空洞无味，给人单调的感觉。如果稍微加入一点文字，版式就又活跃起来。010302

选择适当图版率，以传达正确的信息。类型图版率效果感受严肃文学（小说、诗集等）10%左右太高会破坏严肃性严肃活泼一般读物（故事、报纸等）30%左右增加阅读兴趣，但如果图太多信息则过少趣味图书（时尚杂志、儿童读物等）50%-90%创造活跃的气氛

看下面左、右版式的区别是什么？右图（a.视觉度b.图版率）增加了？产生了哪些效果？（c.高品质d.轻松活泼c.亲和力f.高雅）

版面中最小字与最大字，字体大小的比率叫做文字跳跃率。比率越大，跳跃率越高。跳跃率高跳跃率低

较高的文字跳跃率可以吸引人的注意力。

结论（二）：降低跳跃率给人沉稳、高品质、历史感的印象。提高跳跃率给人健康、有活力的印象。

结论（三）：正确的文字跳跃律，传递正确的信息：日本的《生活手册》，一向以沉稳的版式获得好评。版面庄重、平和，稍有单调之感，但是能让人从中感受到几十年不变的历史的沉重。提高文字跳跃率，即使文章的内容完全一样，也不能引起人们的共鸣。0102

结论（四）：正确的文字跳跃律，传递正确的信息：文艺表演的海报，巨大的标题增加了视觉吸引力，让人感觉气氛热烈，从而产生了参与的欲望。0102

版面中面积最小的图片与面积最大的图片的面积比，叫做图片跳跃率。比率越大跳跃率越高。低跳跃率高跳跃率

结论（一）：01图片跳跃率低，给人以稳重、高品质的感受。02图片跳跃率高，给人轻松俏皮的感受。

放大某些图片，形成主次，版面显得更加有条理