版式设计ppt课件全

感受文字跳跃率（四）：
结论（四）：
• 正确的文字跳跃律，传递正确的信息：
• 文艺表演的海报，巨大的标题增加了视觉吸引力，让人感觉气氛 热烈，从而产生了参与的欲望。
图片跳跃率
• 版面中面积最小的图片与面积最大的图片的面积比， 叫做图片跳跃率。比率越大跳跃率越高。
低跳跃率
高跳跃率
感受图片跳跃率（一）：
• 右图（a.视觉度 b.图版率）增加了？ • 产生了哪些效果？（c.高品质 d. 轻松活泼 c.亲和力 f.
高雅）
跳跃律
文字跳跃率
• 版面中最小字与最大字，字体大小的比率叫做文字 跳跃率。比率越大，跳跃率越高。
跳跃率低
跳跃率高
感受文字跳跃率（一）：
结论（一）：
• 较高的文字跳跃率可以吸引人的注意力。
• 而加上一张图片后感觉就完全不同了，显的很有生气，让人产生 阅读的兴趣。
感受图版率（一）:
感受图版率（二）:
结论（二）：
• 完全没有文字的版面显得空洞。
• 增加图版率可以增加版式的亲和力， 在达到50%左右时，亲和力急剧上升。
• 但图版率一旦超过了90%，如果没有 文字，反而会感觉空洞无味，给人单 调的感觉。如果稍微加入一点文字， 版式就又活跃起来。
结论（一）：
• 图片跳跃率低，给人以稳重、高品质的感受。 • 图片跳跃率高，给人轻松俏皮的感受。
感受图片跳跃率（二）：
结论（二）：
• 放大某些图片，形成主次，版面显得更加有条理， 有生气。
感受图片跳跃率（三）：
结论（三）：
• 大框架中宜用局部特写的照片：
• 用大小两张照片做人物设计，原则上大的框架中采用特写照。小 的框架中采用全身照。照片面积的大小与照片中物体的繁简程度 进行对比，可以增强了动感。
• 图在下页
结论（一）：
使用不同的文字、图片样式能带给人 以不同的感受。
美宝莲 资生堂
文字
图片
给人的感受
活泼的艺术字体 引人注目的美女的笑脸 亲和力、动感、低廉
严谨复古的宋体 字
平静的景物画面
高品质、冷静、高级
感受样式的作用（二）：
• 下面哪个设计更适合作为一家设计 论坛自我宣传的传单？
• 图在下页
结论（二）：
• 正确的选择样式才能传递正确的信 息。
• 两件设计作品都很美观，但是上图给 人的感觉过于轻松活泼，所以不能让 人感受到设计的理性、冷静等感觉， 但如果是用于时尚、娱乐等类型的网 站就很合适了。
样式01
• 视觉度
什么是视觉度？
• 文字、图象（照片、插图）对人产生的视觉吸引力 的强度。越引人注目的物体视觉度越大。
类型
视觉度
严肃文学 （小说、诗集等）
低
趣味图书
高
（时尚杂志、儿童读物等）
效果 太高会破坏严肃性
增加阅读兴趣
感受 严肃
活泼
低质量的图片 极大的降低版式的品质（一）：
• 制作时要选择清晰的没有压缩过的图片。 • 精美杂志使用图片的分辨率必须在300dpi以上。
• 图在下页
低质量的图片 极大的降低版式的品质（二）：
结论（三）：
选择适当图版率，以传达正确的信息。
类型
图版率
效果
严肃文学 （小说、诗集等）
10%左右
太高会破坏严肃性
一般读物 （故事、报纸等）
30%左右
增加阅读兴趣，但如果图太多信息 则过少
趣味图书
50% -
（时尚杂志、儿童读物等） 90%
创造活跃的气氛
感受 严肃 活泼
复习：
• 看下面左、右版式的区别是什么？
• 一般来讲，在同等大小的情况下，抽象图形 的视觉度强于写实图形。这是因为简单的图 形更容易记忆，所以人天生对简单的图形敏 感。
写实性图片的视觉度
一般来说，人的形象具有最强的视觉吸引力，尤其 是人的脸部，看到后让人兴奋。而天空、大海、草 原的吸引力最弱，可以让人情绪平静。
结论：
选择适当的图片视觉度，以传递正确的信息。
从那些方面去思考，如何让版式达到目的？
版式设计
样式
版面
视觉度
图版率
明确主题 分开主副题
文字跳跃率 照片跳跃率
群化
避免暧昧
网格拘束率
空白率
整理流向
抑制四角
文字排列类型
பைடு நூலகம்
字体印象
利用版心线
造型技巧
影响版式的因素之一
• 样式
什么是样式？
• 样式是指文字、图片的外观。
感受样式的作用（一）：
• 下面两则广告，那一个看起来更像 是大众化的妆品？
• 如果版面全是文字的话，图版率就为0% ，全是图的话，图 版率就为100% 。
视觉度与图版率的区别
• “图版率”是指相对于文章，图所占的比率。用% 来表示。而“视觉度”是指图片视觉吸引力的强弱。
结论（一）：
• 提高图版率可以活跃版面：
• 没有图的版式显的很压抑，令人窒息。这种版式只适合于字典、 法规等特殊用途的书籍。
感受文字跳跃率（二）：
结论（二）：
• 降低跳跃率给人沉稳、高品质、历史感的印象。 • 提高跳跃率给人健康、有活力的印象。
感受文字跳跃率（三）：
结论（三）：
• 正确的文字跳跃律，传递正确的信息：
• 日本的《生活手册》，一向以沉稳的版式获得好评。版面庄重、 平和，稍有单调之感，但是能让人从中感受到几十年不变的历史 的沉重。提高文字跳跃率，即使文章的内容完全一样，也不能引 起人们的共鸣。
版式设计
概论
• 初识版式
什么是版式设计？
就是在版面上，将图片、文字进行排列 组合，以达到传递信息和满足审美需求 的作用。
设计的对象是图片和文字。 设计的目的是传递信息和满足审美需求。 要注意！必须首先让设计出来的版式起到
传递信息的作用后，再去考虑如何美化它。 因为只有少数人会去购买一本美观但阅读 起来很费力的书。
感受视觉度（一）：
• 下面哪张名片更引人注意？
感受视觉度（二）：
• 下面哪张海报更引人注意？
• 图在下页。
结论：
• 图片比文字更吸引人注意，图片的 视觉度高于文字。
• 在版面中增添照片或插图能够提高 视觉度，让人有兴趣继续读下去。
图片的视觉度的强弱比较：
• 图片可分为两类——写实性的、抽象性的。
• 如对图片进行不等比例的缩放，后果…
实例（一）：
• 在新闻上使用照片可以增加说服力。让读者觉得新 闻真实可信。并且增添阅读的兴趣。
实例（二）：
• 使用插图，可以让快速的传递文章的内容。使用图 表可以让人清楚直观看到数据。这些都有利于信息 的传播。
样式02
• 图版率
什么是图版率？
• 版面中的图片跟文字所占的面积比叫做图版率。