0版式设计规则.ppt

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