懂了文字跳跃率!,在排版中可不得了。

下面两个版面哪个给人平静安稳的感觉?

写给新手的版式设计基础指南(三):文字跳跃率

那必须是「平平淡淡A」呀,毕竟名字暴露了一切。

「A」的标题小巧,跟正文的大小相差不大,就会造成安静的感觉。

反观「轰轰烈烈B」,标题搞那么大,与正文形成了强烈的大小对比,就像在大喊大叫。

下面两个版面哪个给人积极向上的感觉?

写给新手的版式设计基础指南(三):文字跳跃率

那必须是「动次打次D」呀!咱就假设C、D是俩卖菜的伙计吧。

「C」伙计呢,标题那么小(没错,就是小),一直很安静,也不吆喝自己的卖点,甚至态度还有问题 。

问他菜怎么卖,他也爱搭不理。简直就是随缘卖法,真·佛系!

写给新手的版式设计基础指南(三):文字跳跃率

「D」小伙呢,标题那么大,可不就像是拿着大喇叭一遍一遍吆喝嘛。

“新鲜的毒草嘞!一口渡劫,两口升天,香甜可口,不要错过!”

瞧,多么积极的阳光好少年!

俩人卖一种东西,那必须是会吆喝的卖的更好!

所以这标题大了,就有吆喝的感觉了,能给人积极向上的感觉~

写给新手的版式设计基础指南(三):文字跳跃率

而「C」,标题小,感觉更精致,但积极向上的感觉就欠缺。

上面俩例子,只是标题大小不一样,就会给人完全不同的感觉。造成这种感觉的就是文字跳跃率!

何为文字跳跃率?

跳跃率,就是指大小差异的程度。

文字跳跃率,自然是指文字大小的差异程度。(通俗易懂吧)

更确切的说,是指最大标题与正文的大小对比。

说明、注解等虽然比正文小,但因为占得面积非常小,不足以引起老夫的注意,所以一般直接略过~

写给新手的版式设计基础指南(三):文字跳跃率

这个图,标题字是20号,正文字是10号,那么文字跳跃率就是200%。

跳跃率比较小,就给人安静、精致的感觉。

写给新手的版式设计基础指南(三):文字跳跃率

这个图,标题字是200号,正文字是10号,那么文字跳跃率就是2000%。

跳跃率比较大,就给人更活泼、更有活力的感觉。

文字跳跃率是啥,相信大家已经了解了。

可关键是这玩意啷个用呀~

莫急莫急,老夫马上就来说道说道。

文字跳跃率啷个用?

运用文字跳跃率的关键,在于理解不同跳跃率所传达的不同气质。

别以为这旮旯特难,毕竟,再难的东西,老夫都能讲出花儿来。老夫的花,可是世间最纯净无暇的简单之花~

文字跳跃率所传达的气质,仅需记住一句话就行。

  • 低文字跳跃率,开出的是安静、无趣、典雅、品质之花,
  • 高文字跳跃率,开出的是生机、活力、促销、廉价之花。

老夫先来说说低文字跳跃率。

低文字跳跃率,传达安静、典雅、专业、有品质的感觉,但也很无趣。

写给新手的版式设计基础指南(三):文字跳跃率

这个海报文字跳跃率就比较低,传达了一种宁静、开阔的感觉。

写给新手的版式设计基础指南(三):文字跳跃率

这个上面文字基本一样大,文字跳跃率接近于0,给人感觉贼高端!

写给新手的版式设计基础指南(三):文字跳跃率

低文字跳跃率,能够传达一种品质感。

写给新手的版式设计基础指南(三):文字跳跃率

这个虽然是深色背景,图也非常多,但文字跳跃率不高,给人感觉还是很专业的。

写给新手的版式设计基础指南(三):文字跳跃率

文字虽多,但跳跃率不高,能传达专业感和严谨感。

高文字跳跃率,传达活泼、生机、活力的感觉,但也会有廉价感和促销感。

写给新手的版式设计基础指南(三):文字跳跃率

这个海报,标题“江户の狩野派”跟正文的大小对比相差太大,属于高文字跳跃率。

版面自然也就活泼不少!

写给新手的版式设计基础指南(三):文字跳跃率

这个嘛,同上,给人感觉也是十分活泼!

写给新手的版式设计基础指南(三):文字跳跃率

这个海报虽然是白底,但因为文字跳跃率非常大,视觉上也是很有冲击力的。

大家伙儿也都知晓了,不同跳跃率所带来的影响了。

那么,老夫又要准备科举考试来考一考大家了!

来,请听题!

昂贵的东西,文字跳跃率用高还是低?

低跳跃率!

那么贵,传达的感觉必须是爱答不理呀。

他们这么有格调,怎么会拉下脸来大声吆喝“来买我,来买我!”呢?

下面这两个化妆品海报,文字跳跃率都比较低。

写给新手的版式设计基础指南(三):文字跳跃率

因为文字跳跃率的关系,所以看起来就贵,品质感就高。

注意:

文字跳跃率只是决定版面气质的一部分,决定版面气质的元素可是足足八种呢。看的时候要结合来看哟!

写给新手的版式设计基础指南(三):文字跳跃率

这个奢饰品的海报,文字跳跃率也非常低,一看就买不起!

热闹欢快的感觉,文字跳跃率用高还是低?

必须是高呀!毕竟文字大小相差悬殊才会有更有生气!

写给新手的版式设计基础指南(三):文字跳跃率

这个海报除了文字就没有其他元素了,

BUT,因为文字跳跃率很大,也挺抓眼球!

写给新手的版式设计基础指南(三):文字跳跃率

这个网页虽然很简约,但IM这个标题很大,文字跳跃率很高。

所以看上去也没有那么平静。

写给新手的版式设计基础指南(三):文字跳跃率

这个海报,因为高文字跳跃率,给人视觉冲击力就更高了!

给人感觉就淘气活泼!

到这里,相信各位已尽数掌握文字跳跃率!你以为这就完了?

No!No!Noooo!!

说道说道,这个画面有撒子问题?

写给新手的版式设计基础指南(三):文字跳跃率

呀!这个不是挺好的咩,还改撒子?

再仔细瞅瞅!

瑜伽,修身养性,动作舒缓,这个标题搞这么大,简直把瑜伽的感觉都败光了!

所以,为了让气质更好更契合,咱得怎么着?

咱当然得降低文字跳跃率了!

写给新手的版式设计基础指南(三):文字跳跃率

调整后感觉就好多了吧!

写给新手的版式设计基础指南(三):文字跳跃率

Ps:莹茜作品

这两个文字跳跃率很低的是不是也灰常契合瑜伽的气质~

所以呀,用文字跳跃率,就必须理解,不同跳跃率所传达的感觉!

要根据项目具体的气质,选择合适的跳跃率。

  • 高端的东西,咱就用低文字跳跃率,
  • 活泼的东西,咱就用高文字跳跃率;
  • 安静的东西,咱就用低文字跳跃率,
  • 嘈杂的东西,咱就用高文字跳跃率。

以上。

往期回顾:

欢迎关注作者的微信公众号:「大猫设计」

写给新手的版式设计基础指南(三):文字跳跃率

收藏 604
点赞 116

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。