版面设计基础第二课

版面设计基础此PPT由艺术公园编辑制作/arts8大纲一前言1.版面设计的基础知识2.案例观摩二第一部分:选择样式1.第一课:样式的效果2.第二课:文字及照片的跳跃率3.第三课:网格拘束率及版面率4.第四课:构成的三种类型及字体印象三第二部分:调整形式1.第一课:造形的八原则:形态,明确主题,分开副主题2.第二课:造形的八原则:群化(组合化)3.第三课:创造形式的决窍(节奏,对比,重点,比例,平衡，融合)

第二课:文字,照片的跳跃率跳跃率就是大小比。例如，让我们回忆一下报纸的版面。作为报道的文字可以称为正文，版面就是以正文为中心来组织的。正文之外还有很多的组成部分，最大的文字是大标题。以正文的大小为基准，和最大标题文字的大小比叫做文字的跳跃率。第二天介绍关于文字和照片的跳跃率。文字的跳跃率在版面上出现的文字约有10种用途，根据其目的，决定了各自传统的大小和字体。看下面的架构图:第二课:文字,照片的跳跃率

第二课:文字的跳跃率—观摩案例一以正文为基准，以最大标题为字幅、字高计算后的大小比率叫做文字的跳跃率。如下图的跳跃率约2000％，很高。第二课:文字的跳跃率—观摩案例一总结:左图低跳跃率――平静沉着右图高跳跃率――生机活力版面中最小照片和最大照片的大小比率叫照片的跳跃率。提高照片的跳跃率就能改善格局。相反，降低照片跳跃率，使用大小相等的照片和画，就给人平稳的印象。第二课:照片的跳跃率—观摩案例二降低报纸的文字跳跃率就会显得毫无生趣

降低常见报纸版面的文字跳跃率，读起来就比较困难。与原报纸比较发现，一份像样的报纸取决于文字跳跃率。跳跃率是制作符合目标样式的重要因素。看图看A,B第二课:文字的跳跃率—案例一A第二课:文字的跳跃率—案例一第二课:文字的跳跃率—案例一B第二课:文字的跳跃率—案例一总结A,有格调，但变得沉闷，让读者失去阅读兴趣。标题和照片都以原报纸的一半大小修改而成。B,实际的跳跃率是1200％，恢复了原来充满活力的版面。日本的报纸在不断探索能被更多人接受的版面设计，才得到现在这个跳跃率。第二课:文字的跳跃率—案例二A第二课:文字的跳跃率—案例二总结:降纸跳跃率的话，给人高品质，高格调的印象。提高跳跃率，则给人健康愉悦的印象。

左图中，大文字，体现出阳刚、上进的信息。是完全符合观光旅行广告的版面设计样式。右上图,充分的空白体现出高品质。广阔空间中的文字，虽然很小，但十分醒目。使小型宣传读物具有活力社会团体和企业的宣传读物与报纸不同，通常降低文字的跳跃率。其实，并不因此而破坏了什么，只是少了报纸的那份活力。右页的参考图将标题扩大四倍，尽量提高了文字的跳跃率。看A,B图片第二课:文字的跳跃率—案例三A第二课:文字的跳跃率—案例三B第二课:文字的跳跃率—案例三总结:A图不想再看下去,低跳跃率低文字跳跃率没有活力，不能传达“继续看下去”的意志。B图变得有生气了此例和一般报纸具有相近的跳跃率。但是，很显然，将标题扩大后，正文文字的表现力减弱了，应该改成适合大标题的，有生气的字体和形式。第二课:文字的跳跃率—案例三标题扩大后，又将照片扩大，提高了图版率，就产生了有生气的版面。第二课:文字的跳跃率—案例四比较一下照片为中心的杂志随着文字跳跃率的高低，产生怎样的变化。试想自己做版面设计，应该做成怎样的版面呢，试着探索适合的跳跃率。应该理解错误的跳跃率不能正确传达信息。A

第二课:文字的跳跃率—案例五B

第二课:文字的跳跃率—案例五总结:降低跳跃率体现高品质A图标题很大，比右图有活力。B图标题缩小，形成高品质的版面。照片的数量、位置、大小、标题的文章都是相同的，只是改变了文字跳跃率，效果为之大为改观。第二课:文字的跳跃率—案例五A第二课:文字的跳跃率—案例六第二课:文字的跳跃率—案例六BA图与B图相比有活力，但稍有不稳定感。右端的标题扩大，提高跳跃率的效果。B图缩小标题，降低跳跃率，变成稳定的版面。因而给人留下平静稳定的印象。第二课:文字的跳跃率—案例六总结:《生活手册》一向以沉稳的版面获得好评。一旦改变文字跳跃率就给人完全不同的印象。如果用不适合的样式，即使文章内容完全相同，也得不到原有的共鸣。看图A,B第二课:文字的跳跃率—案例七感受合适的跳跃率A第二课:文字的跳跃率—案例七B第二课:文字的跳跃率—案例七A图扩大标题的文字，效果为之一变。能让读者共鸣的跳跃率应该是怎样的呢？B图原来的版面。稳定、稍有单调，但能感受到几十年不变的历史的沉重。第二课:文字的跳跃率—案例七总结:看图A,B第二课:文字的跳跃率—案例八B总结:第二课:文字的跳跃率—案例八A扩大标题，增添了活力。但是，标题过大，就失去了与版面内容的协调。B原来的版面。降低跳跃率，标题与正文就形成一体，产生稳定的，可以继续读下去的氛围。A第二课:文字的跳跃率—案例八跳跃率的效果极大。选择适合传达信息的大小，它的效果是很大。但是，选择错误就很难纠正。B第二课:文字的跳跃率—案例八A这张版面是专业学校指南中的一页。标题的大小被控制住，但因为周边留出了很多空白，所以仍然维持着适合于标题的力度。B扩大标题能产生活力，但不够沉稳。虽然是以年轻人为对象的版面，但为了适应“京商科学院”培训资格考试的性质，需要表现一定的冷静沉稳。所以上图原来的版面是正确的选择。第二课:文字的跳跃率—案例八总结第二课:文字的跳跃率—案例九A第二课:文字的跳跃率—案例九B总结A缩小标题，形成标准的大小。B标题扩大到全部版面，增加了迫力感，成为信息丰富，引人注目的版面。第二课:文字的跳跃率—案例九第二课:文字,照片的跳跃率之照片跳跃率减小大小比稳定版面文字的跳跃率是以正文为标准的，但照片没有像文字一样明确的标准值。所以，最小面积的照片作为标准，与最大面积照片的比率为跳跃率。照片跳跃率的效果与文字稍有区别。不能单凭跳跃率提高活力，照片本身包含的信息也是决定因素。即表现静态的照片即使放大，也不能体现活力，