赞助商
立即赞助

写给新手的版式设计基础指南(二):图版率

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

今天又一篇十足的,安全无毒,食用!

今个儿,咱来唠嗑唠嗑「图版率」!

下面俩海报,哪个更有亲和力?

写给新手的版式设计基础指南(二):图版率

这还说嘛,当然是「楚楚人B」了!

毕竟「索然无A」连图都木得(déi),那么高冷,亲力自然就弱。

反观「楚楚动B」,仅仅加了个图生盎然,亲和力暴增。

简直惹人怜爱,当真楚楚动人。

下面又俩海报,哪个更更有亲和力?

写给新手的版式设计基础指南(二):图版率

诶?这不是上惹怜爱「楚楚动B」嘛,

但跟「落落大方C」比起来,好像就没有那惹人怜爱了呢,来亲和力虽然可以,但还是不如C呀。

C为撒亲和力比B大呢?貌似是因为C的图比B大!

ABC同样的容、同样的图片,为啥给人同的感觉?

因图片的小不同。这,就回到我们今天的主题——图版率了。

图版率为何物?

图版率,乍一看好高深莫测东,感觉点意思,点不明觉厉哟。

说白了是,图片在版所占比例。再白,是图片大小。

让寡人来举个例来详细说道说道。

写给新手的版式设计基础指南(二):图版率

上面版式,因为全是字而没有图,图版率就是0。

写给新手的版式设计基础指南(二):图版率

这个版面,图所占的面积占整个版面的1/5左右,图版率就是20%。

写给新手的版式设计基础指南(二):图版率

这个版面,图片占比达了整个版面的一半还多,那妥妥的图版率占了50%以上。

注意:

图版率可是指单个图片的占哟,而是指,有图片起来的占。

比如下面这作品,好几张图片。

写给新手的版式设计基础指南(二):图版率

图片加起占整版面的一半左右,那么图版率也50%噢。

好!(手动狗头)

知名计鲁迅曾说:

光道图版率有啥用?大家伙儿得它怎么用才行!

图版率怎么用?

图版率既是指图占比的大小。自不同的占比传达不同的感。

而的键就在于,要知道同图版率带来的后果。

图版率有两条黄金规律

  • 图版率越大,表现力&亲和力就越。
  • 图版率越小,感&枯燥感就越强。

其实这条,上面的例已经能说。

但咱里,还是要详细说说。

先来瞅瞅第一条。

1. 图版率越大,表现&亲和就越强。

有科数据表明,人们对画面的好感,会随着图版率的增而增。(对。全是字,谁吖会耐心看~)

图版率增加了,好感度也就了,别人也就喜欢了,表力自然就强了,亲力自然就强了。

图版率在50%左右时,好感度会急剧上升。

既然图版率越大,亲和力就越大,那要极致的亲和力,图版率调成100%不就行了?

行吗?自是不行的。

虽然越大的图版率亲和就越强,但是有极值的。

一旦图版率超过90%,好感度反会降低。

不信咱看看这个100%图版率图~

写给新手的版式设计基础指南(二):图版率

有图没有,图占满了个版。真妥妥100%图版率。

虽然是极致的图版率,但是不是觉空洞,亲和力好度反而低了。

所以想要极致的亲和力,图版率100%是不行的。

行的就是行的,就算狗腿打断,是万万行的~

咱们对这版面点不好的事,那就给它加点文字。

写给新手的版式设计基础指南(二):图版率

看吧,看吧!

虽然是在左上稍微加了文,版却比前有生了,亲和力也提高了哟!

稍加了一点文字,缓和了之前空洞、调的觉,版面的活力也比之前好了。

来瞅瞅二条

图版率越小,感&枯燥感就越强。

图占得比例越小,读的欲望就越低。

这种版面心感受是这样的:

老子就这样,看不看!

客官您看,这是不是特高冷,特有范儿!

“喜欢老的然会,不喜欢的咱也不求。”这就是所谓的大佬吧。

所以种有的,高冷的,咱就以用低图版率。

但图版率越低,版面的枯燥感就会越强,这个就较负面了。

那么问题就了:图版率0%,怎么搞能不枯燥呢?

答案是过不文层级、大小比,不体来造趣味性。

而这就引出下一篇的一杀招——文字跳跃率了。

一点,咱下期干货重点讲,里就仅放图略吧~

写给新手的版式设计基础指南(二):图版率

俩图的图版率是0,但「大大小小B」相比「平平无奇A」来说,用不同的级关系、不同字来表现,亲和力就比A撒~

毕竟,人们还是多元的东西,天天吃一个菜,再好吃会腻撒!

人就问了,低图版率高图版率怎么去界呢?

其实我们可以参考40%这个值,低于这个值是低图版率,高于这个值是高图版率。

当然了,这个值是定的,所以只起参考作用哟!

道图版率的寡对版面带来的影响。就要举办科举考试,来反向测一下大家的掌握情况。

来吧,请听题~

1. 要表现有格调、高冷的觉,应该用高图版率还是低图版率?

低图版率!

写给新手的版式设计基础指南(二):图版率

这个对页,图片只占了10%的版面,给人觉就是有点格调咯,

当,也有点乏味。

再来瞅瞅面这个~

写给新手的版式设计基础指南(二):图版率

这个因为字的编原因,格调感上面的强多了!

重的一点,人家图版率非常低。

云图片为跟背景常相似,可以不算到图版率,有效图版率也是最下小。

所以格调必须呀。再来最后一个~

写给新手的版式设计基础指南(二):图版率

这个网页,图片就只有下面的俩人,图版率就低,10%都不。

给人的感就是比高冷,比有的。

2. 要表现活泼和力,应该用高图版率还是低图版率?

高图版率!

写给新手的版式设计基础指南(二):图版率

超高的图版率加上少量文字,给人的感就非常的活泼!

写给新手的版式设计基础指南(二):图版率

个品虽是黑白的,但图版率占比很大,所以尽管是黑白的,给人的感也是比有力的!

,版面率的多寡取决于你项目的调性。

  • 内向的、安静的,咱就用低图版率。
  • 外向的、奔放的,咱就图版率!
  • 见不得人的那就……那就别呗!

表现力&图版率有啥区别?

上篇咱说表现力,么表现力跟图版率有啥区别呢?

咱就这么说,图版率全一样的版面,表现可同。

写给新手的版式设计基础指南(二):图版率

如咱看一这个版面,图版率和版全一致,但「含蓄的B」视觉表现「敛的A」强多了。

这就表力的不同。

根据上篇干货说,表现力排序为:插图>照片>文。

上篇回顾:

而插图照片当中根据画面焦点则能排序为:人物>动物>物体>没有焦点的图(如风景照)

里寡人捋一捋吧。

  • 低图版率→→→版面安静、高冷,但也无趣。
  • 低表现力→→→版面安静、高冷,也很无趣。
  • 图版率→→→版面亲和强、更泼。
  • 高表力→→→版面活泼

两者某种程上传达的感觉是差多的。但图版率更多的是图片占的大小,而与图片本身的表现无。

况且设时都综合考虑,咱八奇技学了俩了,就综合用他一用。

是时候让夫传授传授组合拳了!

低图版率+低表现力图片是什觉?

两个是安静+高冷+无趣,强强相加,必须是极致的高冷和无趣呗!

写给新手的版式设计基础指南(二):图版率

个是字, 就是极低的图版率+极低的表现力,最的结果就是很无聊、很正式。

只在字的编上点韵律络一版面。

虽如此,但还杯水车薪。

写给新手的版式设计基础指南(二):图版率

这主页,图版率低,图片也风景之类的表力不强的图。给人的感觉也优、格调的。

高图版率+高表现力图片是什么感觉呢?

这还用说,者都是亲和力+活泼+放荡,那组起来必须是极致的活泼和放肆!

写给新手的版式设计基础指南(二):图版率

这个作品版面中除了都是图,还用了表现力超插图类型。那然是男上加男,更活泼了!

来看下面个

写给新手的版式设计基础指南(二):图版率

个版面到处是人物的图,图版率自就高。况且元素富饱满,表现力也很高!

给人的感觉简直是放肆!

这俩组合都能理解,难度吧。

接下来是有难度了!也是不图版率和表现力组合,会是撒子感觉。

低图版率+高表现力

其实低图版率注定了翻不起大浪!

所以一低图版率+高表现力的形式也会有格调,但枯燥会降低多。

写给新手的版式设计基础指南(二):图版率

上面作品采用的就是低图版率+高表现力(人物照片)的形式,给人觉比较优雅、有格调。也不至于那调。

写给新手的版式设计基础指南(二):图版率

图版率低+人物照片(高表现力),给人的觉也是比较优雅简约吧!

写给新手的版式设计基础指南(二):图版率

同低图版率(比上面俩稍高些)+高表现力,同是比较优雅有格调的。

高图版率+低表现力

这个也比较有思!

高图版率但低表现力,给人的感更有趣一点!而且虽图版率高,但给人简约+干净的感。

写给新手的版式设计基础指南(二):图版率

个报虽是满版,但因为照是风照,比开阔,表现力不高。给人的感就比干净,没么放荡!

写给新手的版式设计基础指南(二):图版率

个嘛,跟上面的同理,高图版率+低表现力,给人很清新的感!

再看这个

写给新手的版式设计基础指南(二):图版率

这里就有人问了,这么多特写的手,这应该是表现嘛?

本应该高表力错,但手的颜色背景太过接近,仿佛融一体。

所以在这个版其实是算低表现力。

高图版率+低表现力,造成的结果就是有格调,同也有计。

来看下面个~

写给新手的版式设计基础指南(二):图版率

个就比分,上面还是手,现在直接搞个人像上来!

表现和图版率都这么,但给人感觉却并是那么放肆,这是打脸嘛?

这到底啥呢?其实也因色彩。

像颜色跟背景很接近,所以表现力能算,并不是特高。

勉为其难就算高图版率+中表现力。给人的觉虽然简约,但已经比低表现力的多了!

其大数时,图表现力的大小是需要我们主观去判断的。

毕竟论是死的,人是的。世界是向前发展的,万物是在变的。

以~

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

写给新手的版式设计基础指南(二):图版率

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

相关文章

本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
下半年,往往是电商设计师最繁忙的季节,双11、双12、双旦节等重量级节日接踵而来。 不过,有意思的是,与双11、双12活动...
中国风
我们常说:设计就是在向用户传递信息,在设计的日常工作中,传递信息的方式大多都是图文相结合的形式,而文字作为信息传递中...
平面设计
图形是平面设计的核心元素之一,故图形设计也是设计师必须掌握的重要能力,不论是海报设计、广告设计、包装设计、UI 设计、Lo...
logo设计
「倾斜构图」是版面整体或部分元素以倾斜的角度呈现在画面上,可以产生不稳定的动感,画面显得更具创意性,充满活力,也更有...
倾斜构图
每个人都在关注趋势。Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品...
2018设计趋势
大家好,又跟大家见面啦,本次的内容是排版中版面率与留白对画面气质的影响。希望大家喜欢! 一、何为版面率 我们都知道一个...
入门
平面与版式背后是千年来人类读取信息形成的习惯、约定俗成的阅读方式和心理学等,想成为一个优秀的设计师,我们需要进一步了...
平面设计