赞助商
立即赞助

写给新手的版式设计基础指南(四):图片跳跃率

平面设计3年前 (2021)发布 流光
3.3K 0 0

回,咱完了文字跳跃率,今儿,咱就道道图片跳跃率

道之,咱照例还先看俩问题。

下面俩版式,哪个给人更安静、更精致的感觉?

写给新手的版式设计基础指南(四):图片跳跃率

那必须是「小碧玉A」呀

写给新手的版式设计基础指南(四):图片跳跃率

实是因为「小碧玉A」图片的大小对小,图版率小,自然就会传达传达静、精致的感觉。

写给新手的版式设计基础指南(四):图片跳跃率

反观「大糙玉B」呢,虽然图片容与表现跟「A」一样,

但图片小对比强烈,图版率也高,咧咧的,哪小「A」温脉脉?

 

下面俩版式,哪个感觉更有亲和力?

写给新手的版式设计基础指南(四):图片跳跃率

那肯「亲亲B」嘛,毕竟君子之交呀,淡~如~水~

样咱把「A」、「B」成俩买菜小伙。

写给新手的版式设计基础指南(四):图片跳跃率

「A」菜品图片都样大,好比客官问:“你这里那个菜卖最好?”“都样,都好,都卖好。”

你个鬼,拜拜了您呐~官转头就去了「B」伙的摊位。

写给新手的版式设计基础指南(四):图片跳跃率

官大老远的就听「B」在吆喝,

“我们的招牌菜——剧毒草,已经售出2000份!今免费试,不收钱!”

瞧,「亲亲热热B」图片有大小对,人就有重点,有推产,给人亲和就大。

造面两问题的影响啥呢?自然就图片跳跃率了。

告诉寡人,何为图片跳跃率?

回到跳跃率就小比。

文跳跃率是大标题与正文大小比,

图片跳跃率然就是,最大图片最图片的大比。(真·通俗易懂)

写给新手的版式设计基础指南(四):图片跳跃率

这个版面张图片大一,那图片跳跃率就为1。

写给新手的版式设计基础指南(四):图片跳跃率

这个版面最大的图片是最图片面积的2倍,那跳跃率就是200%。

图跳跃率相信大家道,样子,咱就去看一下图跳跃率怎么用吧!

图片跳跃率怎么用?

运用图跳跃率,必须得道,不同图跳跃率所造成的感!

图片跳跃率上只有两条金原则:降低图片跳跃率使版面更精致、更稳定!

提高图片跳跃率使版面亲力强!但,但,但!这条得考虑到图片本身的所传达的感觉!什么呢?

先吊下大家胃口,后详细说说。

咱先来说道说道第一点。

1. 降低图片跳跃率使版面更致、更稳定!

降低跳跃率仅仅是使版面更致、更稳定嘛?

自是不的,除更精致、更稳定,还有更安静、更典雅!当,能也更无趣。

写给新手的版式设计基础指南(四):图片跳跃率

两个一样大的人像,跳跃率自就是1,是比安静、比典雅的吧!

写给新手的版式设计基础指南(四):图片跳跃率

图虽有大小区别,但是差别很小,也就是图跳跃率很小,所以给人感画面是稳定的,典雅的。

写给新手的版式设计基础指南(四):图片跳跃率

个版面图虽比,但是整整跳跃率也不高。

给人感觉就较有格调,有气质。

好,咱接看第二条。

2. 提高图片跳跃率使版面亲力强!

但刚咱对这条了「但」。并了这条得考虑到,图片本身所传达的感觉。什么呢?

为提高图片跳跃率本身,是放大镜,或者台扩音!

如果提高了一张别安静的图片占比,就会造成版面更安静的觉。

写给新手的版式设计基础指南(四):图片跳跃率

这2P画册,图片跳跃率在2倍左右,但放大的图是没有动的。

所以就图跳跃率比大,但活力也不强,传达的更是一种雅致、安静质感。

写给新手的版式设计基础指南(四):图片跳跃率

2p,图跳跃率非常大,但放大的图是一个静物,给人的感也是比安静的境,所以也没啥动感~

写给新手的版式设计基础指南(四):图片跳跃率

个网页图跳跃率蛮大的,但由是静态的图,虽更易阅读(亲和力更强),但并没有传达出活泼的感。

So,图片本身就是较静态的,那么即把他放大,体现泼的感觉。

这就又回到咱们第一讲——表力了。

静态、风景图片表现力都是比较低~

虽然静态图片表现力低,法体现活泼、动感。增加图片跳跃率,是会增加版亲和力,使更容易阅读。

如果本身是比较活泼的图片,那提高的图片占比,

造成的结果必须是,放浪+放肆,变得更为活泼!

写给新手的版式设计基础指南(四):图片跳跃率

个品中的图身表现力就比强,所以提高图跳跃率让版面变得更为活泼。

写给新手的版式设计基础指南(四):图片跳跃率

个品图跳跃率非常大,而且图表现力和动感比强,也比有力。

虽然都是黑白图片,但依然有很强的感。

写给新手的版式设计基础指南(四):图片跳跃率

这个页图片跳跃率挺大,的图和版面格表现很强,整体就泼!

相信到此,家已掌握图片跳跃率了。

以为这结束了?

NO,朕还要补充一点!

图片跳跃率图片表现力的关系

写给新手的版式设计基础指南(四):图片跳跃率

我花了分钟做了2P画册,左边全身照,和右边物特写,都属于强表现力。

但人物写因为更聚焦,表现力要比空旷的全身照不少。

现在果把两个图的位置换一下生什么?

写给新手的版式设计基础指南(四):图片跳跃率

卧槽,整个版面给人的冲击力竟更大!

这两个版面,图片跳跃率、容和版面全一样,只是大图的表现同。

用表力高的图,会给人产强的视觉刺激,空间感会强!

而原先大图表现力小,视觉刺激会小,显安静些~

这也再一次说了增加跳跃率,要考虑好用图。

是让版面更宁静呢,还是让他更放肆呢?

生杀大权在众爱卿手里~,跳跃率大法好,图片、字要跳好,精致感咱就跳低一点,亲和强咱就跳一点,莫忘记图版率、表现。

以~

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

写给新手的版式设计基础指南(四):图片跳跃率

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:什么是点线面?点线面有哪些作用?本文为你总结了点线面的基础知识,适合平面设计的零基础新手阅读。 设计的过程...
平面设计
做任何事情都应该讲究方法,好的方法可以让我们事半功倍、四两拨千金,虽然做一个优秀的设计师没有捷径,但做好某些设计作品...
平面设计
相信刚接触设计或者工作时间不长的设计师,多多少少都会遇到各种各样的编排问题。今天这篇文章就是源于一位设计师提出的问题...
亲密性
点开这篇文章的同学不妨先来思考一个问题:你电脑里究竟有多少字体包?估计连你自己都不太清楚吧。 但在我们工作中使用率最...
字体设计
一、关于平面设计知识 提起平面设计,也许很容易联想到平面设计师。其实平面设计不仅是职业也是一个重要的设计知识体系,在我...
平面设计
随着电商⾏业的发展,越来越多的平⾯设计师也加⼊到了电商⾏业中,⼀个电商设计师不光要学习软件技能和设计理论,在设计中还...
平面设计
本文通过从绘画、摄影和平面设计等方面分析画面布光的运用历史以及布光逻辑,结合实战案例,分享海报合成中布光的各种常用技...
光影
编者按:当老板说出「字要大」「颜色要喜庆,别跟坟前上吊似的」时,他们到底想表达什么?设计师该如何应对?今天让得到首位...
平面设计