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

Date 2026-01-22 23:06:57

了解文本跳跃率!,在排版中是极好的。

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

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

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

「A」标题小巧,与文本大小相差不大,会引起安静的感觉。

反观「轰轰烈烈B」,标题这么大,和文字形成了强烈的对比,就像大喊大叫一样。

下面两个版面哪个给人一种积极的感觉?

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

那必须是「动次打次D」啊!假设C、D是两个卖菜的伙计吧。

「C」伙计,标题这么小(是的,很小),一直很安静,不喊自己的卖点,甚至态度有问题 。

问他怎么卖菜,他也喜欢忽略。简直就是随缘卖法,真佛系!

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

「D」小伙子,标题这么大,不就像拿着大喇叭一遍又一遍地喊。

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

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

两个人卖东西,那一定是能喊的卖得更好!

因此这个标题大了,就会有一种叫喊的感觉,能给人一种积极向上的感觉~

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

而「C」,标题小,感觉更精致,但缺乏积极的感觉。

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

文字跳跃率是多少?

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

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

更准确地说,它指的是标题与文本大小的最大比较。

虽然说明、注释等比文本小,但由于面积很小,不足以引起老夫的注意,所以一般直接省略~

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

这张图,标题字是20号,正文是10号,所以文字跳跃率是200%。

跳跃率相对较小,给人一种安静、精致的感觉。

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

这张图,标题字是200号,正文是10号,所以文字跳跃率是2000%。

跳跃率相对较大,给人一种更加活泼、更有活力的感觉。

相信大家都知道文字跳跃率是多少。

但关键是这个东西用了~

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

用文字跳跃率?

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

别以为这个角落特别难。毕竟,不管事情有多难,老夫都能告诉花。老夫的花是世界上最纯净、最简单的花~

文字跳跃率所传达的气质,只需要记住一句话。

低文字跳跃率,开出安静、无聊、优雅、优质的花朵,高文字跳跃率,开出活力、活力、促销、廉价的花朵。

先说说低文字跳跃率。

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

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

这张海报的文字跳跃率相对较低,传达出一种宁静、开放的感觉。

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

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

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

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

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

虽然这是一个深色的背景,有很多图片,但文本跳跃率不高,给人一种非常专业的感觉。

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

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

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

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

这张海报的标题是“江户の狩野派与正文大小对比太大,属于高文字跳跃率。

布局自然活泼多了!

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

这个,同上,给人一种很活泼的感觉!

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

这张海报虽然是白底,但由于文字跳跃率很高,视觉上也很有冲击力。

大家伙也知道不同跳跃率的影响。

所以,老夫又要准备科举考试来考大家!

来吧,请听问题!

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

低跳跃率!

这么贵,传达的感觉一定是爱答不理啊。

他们这么有风格,怎么能拉下脸大喊“来买我,来买我!”

以下两张化妆品海报,文字跳跃率相对较低。

“新手布局设计基本指南(3):文字跳跃率”

因为文字跳跃率,看起来贵,质感高。

注意:

文字跳跃率只是决定布局气质的一部分,但有八种元素决定了布局气质。看的时候要结合起来!

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

这张豪华饰品的海报,文字跳跃率也很低,一眼就买不起!

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

一定是高啊!毕竟,文字大小的差异会更加愤怒!

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

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

BUT,因为文字跳跃率很大,也很抢眼!

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

虽然这个网页很简单,但是IM的标题很大,文本跳跃率很高。

所以它看起来并不那么平静。

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

由于文字跳跃率高,这张海报给人更高的视觉冲击力!

给人一种淘气活泼的感觉!

在这里,相信大家已经尽力掌握了文字跳跃率!你以为这就结束了?

No!No!Noooo!!

这张照片有撒子问题吗?

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

啊!这不是很好,还换撒子?

再仔细看看!

瑜伽,修身养性,动作舒缓,这个标题做得这么大,简直把瑜伽的感觉都失去了!

因此,为了让气质更好更合身,我们该怎么办?

当然,我们必须降低文本跳跃率!

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

调整后感觉好多了!

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

Ps:莹茜作品

这两个字的跳跃率很低吗?灰色是否经常符合瑜伽的气质~

所以,用文字跳跃率,一定要理解不同跳跃率传达的感觉!

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

高端的东西,我们用低文本跳跃率,活泼的东西,我们用高文本跳跃率;安静的东西,我们用低文本跳跃率,嘈杂的东西,我们用高文本跳跃率。

以上。

往期回顾:

欢迎关注作者微信微信官方账号:「大猫设计」

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