Date 2026-01-22 23:06:11
上次，我们完成了文字跳跃率，今天，我们来谈谈图片跳跃率。
了解文字跳跃率！
阅读文章 >说之前，我们还是先来看看两个问题。
那必须是「小家碧玉A」呀
其实是因为「小家碧玉A」图片大小对比小，图版率小，自然会传达安静精致的感觉。
反观「大家糙玉B」虽然图片的内容、表现力和表现力「A」一样，
但是图片大小对比强烈，图版率高，大大咧咧，怎么会小呢？「A」温情脉脉？
那肯定是「亲亲热热B」嗯，毕竟君子之交，淡~如~水~
同样咱把「A」、「B」就像两个买菜的人一样。
「A」菜的图片都一样大，就像客官问：“你这里的菜卖得最好？”“都一样，都好，都卖得好。”
我相信你是个鬼，拜拜你~客官转过头去了「B」小伙的摊位。
客官从远处听到「B」在吆喝，
“我们的招牌菜——剧毒草，已经卖了2000份了！今天免费试吃，不收钱！”
瞧，「亲亲热热B」图片大小对比，人有重点，有主推产品，给人亲和力。
上述两个问题的影响是什么？自然是图片跳跃率。
上次提到跳跃率就是大小比。
文本跳跃率是标题与文本的大小比，
图片跳跃率自然是最大图片和最小图片的大小比。(真的，通俗易懂)
这个版面的图片大小相同，所以图片跳跃率为1。
这个版面最大的图片是最小图片面积的两倍，所以跳跃率是200%。
相信大家都知道图片跳跃率。这样，我们来看看如何使用图片跳跃率。
使用图片跳跃率，一定要知道不同图片跳跃率引起的感觉！
使用图片跳跃率只有两个黄金原则：降低图片跳跃率，使布局更加精致稳定！
提高图片跳跃率，增强布局亲和力！但是，但是！这一点必须考虑到图片本身所传达的感觉！为什么？
先挂大家的胃口，后面详细说说。
先说说第一点。
1. 降低图片跳跃率，使布局更加精致稳定！
降低跳跃率只是为了使布局更精致、更稳定吗？
那自然不是，除了更精致，更稳定，更安静，更优雅！当然，它也可能更无聊。
两个同样大的肖像，跳跃率自然是1，更安静，更优雅！
虽然图片大小不一，但差别很小，即图片跳跃率很小，所以给人一种稳定优雅的感觉。
虽然这个布局有很多图片，但整体跳跃率并不高。
给人一种更时尚、更有气质的感觉。
好吧，我们来看看第二篇文章。
2. 提高图片跳跃率，增强布局亲和力！
但是刚才我们对这个说了「但是」。说到这一点，我们必须考虑图片本身所传达的感觉。为什么？
因为提高图片跳跃率本身就是放大镜或者扩音器！
假如我增加了一张特别安静的图片比例，那就会让布局感觉更安静。
这2P相册的图片跳跃率约为2倍，但放大的图片并不动态。
因此，即使图片跳跃率相对较大，但活力并不强，传达出一种优雅、安静的纹理。
这2p，图片跳跃率很大，但是放大的图片是静物，给人一种安静的环境，所以没有动感~
这张网页图片跳跃率很高，但由于都是静态图片，虽然更容易阅读(亲和力更强)，但并没有传达出活泼的感觉。
So，图片本身是相对静态的，所以即使放大了他，也不能反映活泼的感觉。
这又回到了我们的第一讲——表现力。
静态和风景的图片表现力相对较低~
下面两张啤酒海报，哪个感觉更便宜？
阅读文章 >静态图片虽然表现力低，但不能体现活泼动感。但是，增加图片的跳跃率仍然会增加布局的亲和力，使人们更容易阅读。
假如本身就是比较活泼的图片，那么提高他的图片比例，
结果一定是，放浪+放肆，变得更加活泼！
这部作品中的图片本身就有很强的表现力，所以提高图片跳跃率会让布局更加活泼。
这部作品的图片跳跃率很大，图片的表现力和动感都比较强，也比较紧张。
虽然都是黑白图片，但还是有很强的动感。
这张网页图片跳跃率很高，图片和布局风格的表现力也很强，整体活泼！
相信大家都已经掌握了图片的跳跃率。
但是你认为这就结束了吗？
NO，我要补充一点！
图片跳跃率与图片表现力的关系
我花了一分钟做了2P相册，左边的全身照，右边的特写，都很有表现力。
但由于人物特写比较集中，表现力比空旷的全身照强得多。
如果现在改变两张图片的位置，会发生什么？
卧槽，整个布局给人更大的冲击力！
在这两个布局中，图片跳跃率、内容和布局完全相同，但大图的表现力不同。
大图具有较高的表现力，会给人更强的视觉刺激，空间感会更强！
而原来的大图表现力小，视觉刺激会小，会显得安静~
这也再次表明，为了提高跳跃率，我们应该考虑使用图片。
是让布局更安静，还是让他更放肆？
生杀大权掌握在众爱卿手中~所以跳跃率大法好，图文要跳好，精致感要跳低一点，亲和力要跳高一点，不要忘记图版率和表现力。
以上~
往期回顾：
下面两张啤酒海报，哪个感觉更便宜？
阅读文章 >今天又带来了一个完整的干货，安全无毒，放心吃！
阅读文章 >了解文字跳跃率！
阅读文章 >欢迎关注作者微信微信官方账号:「大猫设计」
