《版面设计基础第二课》由会员分享，可在线阅读，更多相关《版面设计基础第二课（63页珍藏版）》请在金锄头文库上搜索。
1、版面设计基础此PPT由艺术公园编辑制作 http:/ 前言1. 版面设计的基础知识2. 案例观摩二 第一部分:选择样式1. 第一课:样式的效果2. 第二课:文字及照片的跳跃率3. 第三课:网格拘束率及版面率4. 第四课:构成的三种类型及字体印象三 第二部分:调整形式1. 第一课:造形的八原则:形态,明确主题,分开副主题2. 第二课:造形的八原则:群化(组合化)3. 第三课:创造形式的决窍(节奏,对比,重点,比例,平衡，融合)第二课:文字,照片的跳跃率跳跃率就是大小比。例如，让我们回忆一下报纸的版面。作为报道的文字可以称为正文，版面就是以正 文为中心来组织的。正文之外还有很多的组成部分，最大的文
2、字是大标题。以正文 的大小为基准，和最大标题文字的大小比叫做文字的跳跃率。第二天介绍关于文字 和照片的跳跃率。 文字的跳跃率在版面上出现的文字约有10种用途，根据其目的，决定了各自传统的大小和字体。看下面的架构图:第二课:文字,照片的跳跃率第二课:文字的跳跃率观摩案例一以正文为基准，以最大标题为字幅、字高计算后的大小比率叫做文字的跳跃率 。如下图的跳跃率约2000，很高。第二课:文字的跳跃率观摩案例一总结:左图低跳跃率平静沉着 右图高跳跃率生机活力版面中最小照片和最大照片的大小比率叫照片的跳跃率。提高照片的跳跃率就 能改善格局。相反，降低照片跳跃率，使用大小相等的照片和画，就给人平稳的印 象。
3、第二课:照片的跳跃率观摩案例二降低报纸的文字跳跃率就会显得毫无生趣 降低常见报纸版面的文字跳跃率，读起来就比较困难。与原报纸比较发现，一 份像样的报纸取决于文字跳跃率。跳跃率是制作符合目标样式的重要因素。看图看A,B第二课:文字的跳跃率案例一A第二课:文字的跳跃率案例一第二课:文字的跳跃率案例一B第二课:文字的跳跃率案例一总结A,有格调，但变得沉闷，让读者失去阅读兴趣。标题和照片都以原报纸的 一半大小修改而成。B,实际的跳跃率是1200，恢复了原来充满活力的版面。日本的报纸在不 断探索能被更多人接受的版面设计，才得到现在这个跳跃率。第二课:文字的跳跃率案例二A第二课:文字的跳跃率案例二总结:降
4、纸跳跃率的话，给人高品质，高格调的印象。提高跳跃率，则给人健康愉悦的印象。 左图中，大文字，体现出阳刚、上进的信息。是完全符合观光旅行 广告的版面设计样式。右上图,充分的空白体现出高品质。广阔空间中的文字，虽然很小， 但十分醒目。使小型宣传读物具有活力社会团体和企业的宣传读物与报纸不同，通常降低文字的跳跃率 。其实，并不因此而破坏了什么，只是少了报纸的那份活力。右页的参 考图将标题扩大四倍，尽量提高了文字的跳跃率。看A,B图片第二课:文字的跳跃率案例三A第二课:文字的跳跃率案例三B第二课:文字的跳跃率案例三总结:A图不想再看下去,低跳跃率低文字跳跃率没有活力，不能传达“继续看下去”的意志。B图
5、变得有生气了此例和一般报纸具有相近的跳跃率。但是，很显然，将标题扩大后，正文文字 的表现力减弱了，应该改成适合大标题的，有生气的字体和形式。第二课:文字的跳跃率案例三标题扩大后，又将照片扩大，提高了图版率，就产生了有生气的版面。第二课:文字的跳跃率案例四比较一下照片为中心的杂志随着文字跳跃率的高低，产生怎样的变化。试想自己做版面设计，应 该做成怎样的版面呢，试着探索适合的跳跃率。应该理解错误的跳跃率不能正确传达信息。A 第二课:文字的跳跃率案例五B 第二课:文字的跳跃率案例五总结: 降低跳跃率体现高品质A图标题很大，比右图有活力。B图标题缩小，形成高品质的版面。照片的数量、位置、大小、标题的文
6、章都是 相同的，只是改变了文字跳跃率，效果为之大为改观。第二课:文字的跳跃率案例五A第二课:文字的跳跃率案例六第二课:文字的跳跃率案例六BA图与B图相比有活力，但稍有不稳定感。右端的标题扩大，提高跳跃率的效果。B图缩小标题，降低跳跃率，变成稳定的版面。因而给人留下平静稳定的印象。第二课:文字的跳跃率案例六总结:生活手册一向以沉稳的版面获得好评。一旦改变文字跳跃率就给人完全不同的印 象。如果用不适合的样式，即使文章内容完全相同，也得不到原有的共鸣。看图A,B第二课:文字的跳跃率案例七感受合适的跳跃率A第二课:文字的跳跃率案例七B第二课:文字的跳跃率案例七A图扩大标题的文字，效果为之一变。能让读者
7、共鸣的跳跃率应该是怎样的呢？B图原来的版面。稳定、稍有单调，但能感受到几十年不变的历史的沉重。第二课:文字的跳跃率案例七总结:看图A,B第二课:文字的跳跃率案例八B总结:第二课:文字的跳跃率案例八A 扩大标题，增添了活力。但是，标题过大，就失去了与版面内容的协调。B 原来的版面。降低跳跃率，标题与正文就形成一体，产生稳定的，可以继续读下去的氛围 。A第二课:文字的跳跃率案例八跳跃率的效果极大。选择适合传达信息的大小，它的效果是很大。但是，选择错误就很难 纠正。B第二课:文字的跳跃率案例八A 这张版面是专业学校指南中的一页。标题的大小被控制住，但因为周边留出了很多空 白，所以仍然维持着适合于标题
8、的力度。B 扩大标题能产生活力，但不够沉稳。虽然是以年轻人为对象的版面，但为了适应“京 商科学院”培训资格考试的性质，需要表现一定的冷静沉稳。所以上图原来的版面是 正确的选择。 第二课:文字的跳跃率案例八总结第二课:文字的跳跃率案例九A第二课:文字的跳跃率案例九B总结A 缩小标题，形成标准的大小。 B 标题扩大到全部版面，增加了迫力感，成为信息丰富，引人注目的版面。第二课:文字的跳跃率案例九第二课:文字,照片的跳跃率之 照片跳跃率减小大小比稳定版面文字的跳跃率是以正文为标准的，但照片没有像文字一样明确的标准值。所以 ，最小面积的照片作为标准，与最大面积照片的比率为跳跃率。照片跳跃率的效果 与文
9、字稍有区别。不能单凭跳跃率提高活力，照片本身包含的信息也是决定因素。 即表现静态的照片即使放大，也不能体现活力，而是更强调它的安静。照片跳跃率 的效果在于跳跃起伏和协调的格局。比率低，即能体现稳定的效果。第二课:照片的跳跃率案例一图片A和BB第二课:照片的跳跃率案例二放大商品的照片虽然有明显的效果，但却没有了跳跃感。第二课:照片的跳跃率案例三A第二课:照片的跳跃率案例三B第二课:照片的跳跃率案例三总结A图大小比较小的版面。与右图比较，体现稳重大方。B图将小照片再缩小，提高照片的跳跃率，形成舒畅的版面。分清主和次的关系，形成 有生气的版面。第二课:照片的跳跃率案例三AB第二课:照片的跳跃率案例三
10、总结A.大小比较小的版面 因为照片的大小比较小，给人稳重高品质的感觉。 B.中间的大型皮包作了极端的扩大。清楚体现了版面的中心，减小了空白却更加舒畅， 更易阅读。第二课:照片的跳跃率案例四用大小两张照片作人物设计，原则上大的框架采用扩大幅度较大的对象。小的框架则采 用人物的全身照竖版设计。照片大小和人物自身的大小的对比相互影响，产生紧张 感。也强调空间的开阔。比较A,BAB第二课:照片的跳跃率案例四A 自然而然地想在大版面中放入全身照，小版面中放入局部特写照。但具体实施之后发 现，过于常识化而失去紧张感。在大版面中放入全身照模糊了对比关系，形成不流 畅的版面B 按原则，大画面采用局部特写。强调
11、大小比，形成有跳跃距离感的空间。第二课:照片的跳跃率案例五A第二课:照片的跳跃率案例五B第二课:照片的跳跃率案例五总结A与B图相比感觉到人物的大小比被控制住。被控制的部分体现了稳重的印象。B扩大人像的大小比，给版面带来生气。再一次与左图相比较，试观察其效果。第二课:文字,照片的跳跃率复习案例一A右端的标题缩小了，降低了文字的跳跃率。字体也变成了明朝体。大的文字变小了，所 以变得高品质，稳定。但另一方面减弱了表现力，因此有不清晰的感觉。第二课:文字,照片的跳跃率复习案例二第二课:文字,照片的跳跃率复习案例二原来的广告的图A，文字跳跃率高是其特征。左图降低了文字跳跃率，虽然两幅插图依然有效，但缺乏
12、生动活力。 第二课:文字,照片的跳跃率复习案例三第二课:文字,照片的跳跃率复习案例三B版面的照片跳跃率高。右端上下的照片极端缩小，因此整个版面都有节奏动感。图A，降低照片的跳跃率，图版率有所提高，但显得很沉重。 第二课:文字,照片的跳跃率复习案例四第二课:文字,照片的跳跃率复习案例四总结图B的照片、文字跳跃率都有很大幅度的提高。大海为背景，强调男子的侧影轮廓，平 静的气氛给人留下深刻印象。AB的画都是相同的。原杂志用图B，生动的构成适合 于标题版面。图A因为印象平静，作为标题版面不够醒目。 作 业做一个购物的海报,要求是:双开页,图片数量在十幅以上的图片 做一个产品促销单,产品任选.第一部分 第一节课程结束 谢谢 !n敬请期待下节课!n第一部分 选择样式 第三课
