排版《玉女心经》之文字跳跃率Homepage recommendation
1年前Publish
继续修炼排版神功!


万众期待中,星光璀璨里,寡人来了,带着它来了!

它呢,就是排版双修神功的第3章——文字跳跃率!



懂了它,在排版中可不得了。

可大可小,可长可短,随心所欲!


今天也是一篇欢乐十足的段子式干货哟!




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



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



停住,先别打。我认真点还不行咩~


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


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

这种熊孩子,不把家拆了就谢天谢地了,还敢妄求什么平静~





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



那必须是「动次打次D」呀!

咱就假设C、D是俩卖菜的伙计吧。



「C」伙计呢,标题那么小(没错,就是小),

一直很安静,也不吆喝自己的卖点,甚至态度还点有问题 。


问他菜怎么卖,他也爱搭不理。

简直就是随缘卖法,真·佛系!





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


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


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



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

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





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



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






告诉朕,何为文字跳跃率?


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

文字跳跃率,自然是指文字大小的差异程度。


通俗易懂吧)


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

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






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

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





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

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




文字跳跃率是啥,相信大家已经在老夫的小皮鞭下,了解了。


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



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



告诉朕,文字跳跃率啷个用?


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


别以为这旮旯特难,

毕竟,再难的东西,

老夫都能讲出花儿来。

老夫的花,可是世间最纯净无暇的简单之花~





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


低文字跳跃率,开出的是安静、无趣、典雅、品质之花,

高文字跳跃率,开出的是生机、活力、促销、廉价之花。





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


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


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


这种宁静,是跟老夫是一样的,泰山崩于前,而波澜不惊的宁静~

没错,本猫就是这么6~





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


这种高端会所,老夫这穷鬼,怕是这辈子都去不了咯,说出来都是一把伤心泪~






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





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






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

这份专业和严谨跟本猫是一样一样滴!




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



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

版面自然也就活泼不少!就像大猫般内心狂野!





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






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



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

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




来,请听题!




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


低跳跃率!


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

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


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



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



注意:

文字跳跃率只是决定版面气质的一部分,

咱《玉女心经》中,决定版面气质的元素可是足足八种呢。

看的时候要结合来看哟!





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

伤心了,桑心了~





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


必须是高呀!

毕竟文字大小相差悬殊才会有更有生气!



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

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




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

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





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

给人感觉就淘气活泼!





到这里,相信各位爱卿在朕的皮鞭下,已尽数掌握文字跳跃率!你以为这就完了?


No!No!Noooo!!


作为一个有德行、有修养的老赖,老夫怎能如此轻易放过你们。


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



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


给老夫再仔细瞅瞅!


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


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





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




调整后感觉就好多了吧!



Ps:莹茜作品


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



所以呀,

用文字跳跃率,

就必须理解,

不同跳跃率所传达的感觉!


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



高端的东西,咱就用低文字跳跃率,

活泼的东西,咱就用高文字跳跃率;

安静的东西,咱就用低文字跳跃率,

嘈杂的东西,咱就用高文字跳跃率。


见不得人的东西,咱就……

不是,见不得人的东西,你蹦跳什么蹦跳~



以上。



虽写了这么多,但咱也不知道咱这套《玉女心经》有木有把图版率说清楚,


所以有木有说明白,各位大佬留言告诉我吧~


这篇文风这么搞,咱就要这种不正经的,轻松愉快的氛围。所以,点个赞吧~

原文链接:https://mp.weixin.qq.com/s/AihtKoh79ff1iAi6li-unw
3265
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
成都 | 设计爱好者
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹