原创 | 排版《玉女心经》之图片跳跃率！
·······这是大猫设计第108篇原创文章······
寡人又来了！
还带来了大家都喜欢修炼的排版神功，《玉女心经》的第4章。
PS：文末送书福利哟！上期中奖名单看置顶留言~
上回，咱说完了文字跳跃率，今个儿，咱就来说道说道图片跳跃率。
秋天的第一杯奶茶，送给大家~
说道之前，咱照例还是先来看俩问题。
下面俩版式，哪个给人更安静、更精致的感觉？
那必须是「小家碧玉A」呀，毕竟小家碧玉贤良淑德，自然就精致了。
好吧，寡人认真点。
其实是因为「小家碧玉A」图片的大小对比小，图版率也小，自然就会传达传达安静、精致的感觉。
反观「大家糙玉B」呢，虽然图片内容与表现力跟「A」一样，
但图片大小对比强烈，图版率也高。大大咧咧的，哪有小「A」的贤良淑德？
要我选，我肯定无耻的选择大家糙玉B。
没错，不管温不温柔，朕就是喜欢大的，来咬我鸭~
下面俩版式，哪个感觉更有亲和力？
那肯定是「亲亲热热B」嘛，毕竟君子之交呀，淡~如~水~
同样咱把「A」、「B」当成俩卖菜的小伙。
「A」的菜品图片都一样大，
就好比客官问：“你这里那个菜卖得最好？”
“都一样，都好，都卖得好。”
我信你个鬼，拜拜了您呐~
客官转头就去了「B」小伙的摊位。
客官大老远的就听到「B」在吆喝，
“我们的招牌菜——剧毒草，已经售出2000份！今日免费试吃，毒不死，不收钱！”
瞧，「亲亲热热B」图片有大小对比，人家就有重点，有主推产品，给人亲和力就大。
造成上面两个问题的影响是啥呢？自然就是图片跳跃率了。
告诉寡人，何为图片跳跃率？
上回说到跳跃率就是大小比。
文字跳跃率是大标题与正文的大小比，
图片跳跃率自然就是，最大图片与最小图片的大小比。
（真·通俗易懂）
这个版面几张图片大小一样，那么图片跳跃率就为0.
这个版面最大的图片是最小图片面积的2倍，那么跳跃率就是200%。
（哇，真好理解，简直So Easy！）
图片跳跃率相信大家都造（知道）了，
那酱紫（这样子），
咱就去看一下图片跳跃率怎么用吧！
告诉寡人，图片跳跃率怎么用？
运用图片跳跃率，
必须得知道，
不同图片跳跃率所造成的感觉！
你扯着寡人的领子：
“快告诉本宫，不同的跳跃率是什么感觉！”
唉~别猴急嘛，春宵一刻，当然得娓娓道来。
图片跳跃率运用上只有两条黄金原则：
降低图片跳跃率使版面更精致、更稳定！
这条没啥问题。
提高图片跳跃率使版面亲和力更强！
但是，但是，但是！
这条得考虑到图片本身的所传达的感觉！为什么呢？
先吊一下大家胃口，后面详细说道说道。
咱先来说道说道第一点。
降低图片跳跃率使版面更精致、更稳定！
降低跳跃率仅仅是使版面更精致、更稳定嘛？
那自然是不的，除了更精致、更稳定，还有更安静、更典雅！当然，可能也会更无趣。
两个一样大的人像，跳跃率自然就是0了，是比较安静、比较典雅的吧！
图片虽然有大小区别，但是差别很小，也就是图片跳跃率很小，所以给人感觉画面是稳定的，典雅的。
这个版面图片虽然比较多，但是整体跳跃率也不高。
给人感觉就比较有格调，有气质。
（不得不说，有气质这点跟大猫是一样一样滴~）
好，咱接着来看第二条。
提高图片跳跃率使版面亲和力更强！
但刚才咱对这条说了「但是」。
并说了这条得考虑到，图片本身所传达的感觉。为什么呢？
因为鸭，提高图片的跳跃率的本身，就是一面放大镜，或者一台扩音器！
如果提高了一张安静的图片占比，就会造成版面更安静的感觉。
这2P画册，图片跳跃率在2倍左右，但放大的图是没有动感的。
所以就算图片跳跃率比较大，但活力也不强，传达的更是一种雅致、安静、质感。
这2p，图片跳跃率非常大，但放大的图片是一个静物，给人的感觉也是比较安静的环境，所以也没啥动感~
这个网页图片跳跃率蛮大的，但由于都是静态的图片，
虽然更易阅读（亲和力更强），但并没有传达出活泼的感觉。
So，
图片本身就是比较静态的，那么即便把他放大，也不能不体现活泼的感觉。
这就又回到咱们第一讲——表现力了。
静态的、风景的图片表现力都是比较低的~
所以排版，《玉女心经》的八奇技都要考虑到哦~
虽然静态图片表现力低，无法体现活泼、动感。但增加图片跳跃率，还是会增强版面的亲和力，使人更容易阅读。
如果本身是比较活泼的图片，那么提高他的图片占比，
造成的结果必须是，放浪+放肆，变得更为活泼！
这个作品中的图片本身表现力就比较强，所以提高图片跳跃率会让版面变得更为活泼。
这个作品图片跳跃率非常大，而且图片表现力和动感都比较强，也比较有张力。
虽然都是黑白图片，但依然有很强的动感。
这个网页图片跳跃率挺大，用的图和版面风格表现力也很强，
整体就活泼！
相信到此，众爱卿在朕的敲打之下已经掌握图片跳跃率了。
但以为这就结束了？
NO，朕还要补充一点！
图片跳跃率与图片表现力的关系。
寡人花了1分钟（朕比较快）做了2P画册，咱来瞅一瞅~
左边的全身照，和右边的人物特写，都属于强表现力。但人物特写因为更聚焦，表现力要比空旷的全身照强不少。
现在如果把两个图的位置调换一下会发生什么？
卧槽，整个版面给人的冲击力竟然更大了！（大，不同凡响~）
这两个版面，图片跳跃率、内容和版面完全一样，只是大图的表现力不同。
用表现力更高的大图，会给人产生更强的视觉刺激，空间感会更强！
这也再一次说明了增加跳跃率，要考虑好用图。
是让版面更宁静呢，还是让他更放肆呢？
生杀大权，在众爱卿手里~
所以所以，
跳跃率大法好，
图片、文字要跳好，
精致感咱就跳低一点，
亲和力强咱就跳高一点，
也莫忘记图版率、表现力。
活用他们，假以时日，
玉女心经，神功必成！
到那时，就可以慢慢追上，本猫吹上天的牛啦！
以上~
唉，咱也不知道咱这套《玉女心经》有木有把图片跳跃率说清楚，
所以有木有说明白，各位大佬留言告诉我吧~
下一篇原创，咱继续传授《玉女心经》第五篇——版面率和留白，准备着，时刻准备着~
“送书活动来啦！”
今日送书
价值59，每个人都应该看的设计书
获取方式
点亮“在看”和“赞”
转发本文章至朋友圈
截图朋友圈发送至后台
揪2个幸运鹅赠书一本
活动截止时间
09月28日下午17点
获奖名单公布时间
获奖名单在活动截止后的文章推送公布
——更多文章推荐——
由于微信改了推送机制，为了能看到我们的干货，记得点亮“星标”和“在看”哦，不然就要失联啦。如果你喜欢我们的文章，这是对我们最大的鼓励和支持哦！
Send to Author