赞助商
立即赞助

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

平面设计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画册,左边全身照,和右边物特写,都属于强表现力。

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

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

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

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

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

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

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

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

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

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

以~

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

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

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

相关文章

注:本文阅读顺序为先图后文。 针对不同的设计载体,设计方法也会有所不同,这篇教程我们来学习如何设计插图贴纸。今天的内...
卡通设计
在众多的设计领域里,包装设计可以说是最贴近我们生活的设计了,因为我们每天都会接触到它们。如果细心去观察它,你会发现,...
包装设计
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计
「空间陈列法」是说先构建一个空间,然后将主体元素用合适的形式陈列出来。 这是随着手机兴起而真正流行起来的一招,因为PC...
Banner设计
@做设计的面条 :新一期的《拍一张照片,就能设计成一幅海报》系列文章又来咯。每一期我都会分享 5 张我平时用手机随手拍的照...
做设计的面条
@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
编者注:发好看的国外设计作品,总有人会评论你换成汉字试试。不过确实有很多人存在疑问:看国外的作品真的有用吗?今天这篇...
创意灵感
大部分的版式设计只能在有限的空间和时间内与读者接触,这就要求版面的设计必须主题突出、简明易懂。“中心构图”可以很好的凸...
中心构图