看看圖片跳躍率的設(shè)計(jì)方法
發(fā)布時(shí)間:2021-12-24 10:36 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3259

下面?zhèn)z版式,哪個(gè)給人更安靜、更精致的感覺?


寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

那必須是「小家碧玉A」呀

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

其實(shí)是因?yàn)椤感〖冶逃馎」圖片的大小對(duì)比小,圖版率也小,自然就會(huì)傳達(dá)傳達(dá)安靜、精致的感覺。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

反觀「大家糙玉B」呢,雖然圖片內(nèi)容與表現(xiàn)力跟「A」一樣,

但圖片大小對(duì)比強(qiáng)烈,圖版率也高,大大咧咧的,哪有小「A」溫情脈脈?

 

下面?zhèn)z版式,哪個(gè)感覺更有親和力?


寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

那肯定是「親親熱熱B」嘛,畢竟君子之交呀,淡~如~水~

同樣咱把「A」、「B」當(dāng)成倆買菜的小伙。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

「A」的菜品圖片都一樣大,就好比客官問:“你這里那個(gè)菜賣得最好?”“都一樣,都好,都賣得好!

我信你個(gè)鬼,拜拜了您吶~客官轉(zhuǎn)頭就去了「B」小伙的攤位。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

客官大老遠(yuǎn)的就聽到「B」在吆喝,

“我們的招牌菜——?jiǎng)《静,已?jīng)售出2000份!今日免費(fèi)試吃,不收錢!”

瞧,「親親熱熱B」圖片有大小對(duì)比,人家就有重點(diǎn),有主推產(chǎn)品,給人親和力就大。

造成上面兩個(gè)問題的影響是啥呢?自然就是圖片跳躍率了。


告訴寡人,何為圖片跳躍率?


上回說(shuō)到跳躍率就是大小比。

文字跳躍率是大標(biāo)題與正文的大小比,

圖片跳躍率自然就是,最大圖片與最小圖片的大小比。(真·通俗易懂)

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)版面幾張圖片大小一樣,那么圖片跳躍率就為1。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)版面最大的圖片是最小圖片面積的2倍,那么跳躍率就是200%。

圖片跳躍率相信大家都知道了,那這樣子,咱就去看一下圖片跳躍率怎么用吧!


圖片跳躍率怎么用?


運(yùn)用圖片跳躍率,必須得知道,不同圖片跳躍率所造成的感覺!

圖片跳躍率運(yùn)用上只有兩條黃金原則:降低圖片跳躍率使版面更精致、更穩(wěn)定!

提高圖片跳躍率使版面親和力更強(qiáng)!但是,但是,但是!這條得考慮到圖片本身的所傳達(dá)的感覺!為什么呢?

先吊一下大家胃口,后面詳細(xì)說(shuō)道說(shuō)道。

咱先來(lái)說(shuō)道說(shuō)道第一點(diǎn)。

1. 降低圖片跳躍率使版面更精致、更穩(wěn)定!

降低跳躍率僅僅是使版面更精致、更穩(wěn)定嘛?

那自然是不的,除了更精致、更穩(wěn)定,還有更安靜、更典雅!當(dāng)然,可能也會(huì)更無(wú)趣。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

兩個(gè)一樣大的人像,跳躍率自然就是1了,是比較安靜、比較典雅的吧!

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

圖片雖然有大小區(qū)別,但是差別很小,也就是圖片跳躍率很小,所以給人感覺畫面是穩(wěn)定的,典雅的。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)版面圖片雖然比較多,但是整體整體跳躍率也不高。

給人感覺就比較有格調(diào),有氣質(zhì)。

好,咱接著來(lái)看第二條。

2. 提高圖片跳躍率使版面親和力更強(qiáng)!

但剛才咱對(duì)這條說(shuō)了「但是」。并說(shuō)了這條得考慮到,圖片本身所傳達(dá)的感覺。為什么呢?

因?yàn)樘岣邎D片的跳躍率的本身,就是一面放大鏡,或者一臺(tái)擴(kuò)音器!

如果我提高了一張?zhí)貏e安靜的圖片占比,就會(huì)造成版面更安靜的感覺。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這2P畫冊(cè),圖片跳躍率在2倍左右,但放大的圖是沒有動(dòng)感的。

所以就算圖片跳躍率比較大,但活力也不強(qiáng),傳達(dá)的更是一種雅致、安靜質(zhì)感。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這2p,圖片跳躍率非常大,但放大的圖片是一個(gè)靜物,給人的感覺也是比較安靜的環(huán)境,所以也沒啥動(dòng)感~

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)網(wǎng)頁(yè)圖片跳躍率蠻大的,但由于都是靜態(tài)的圖片,雖然更易閱讀(親和力更強(qiáng)),但并沒有傳達(dá)出活潑的感覺。

So,圖片本身就是比較靜態(tài)的,那么即便把他放大,也不能不體現(xiàn)活潑的感覺。

這就又回到咱們第一講——表現(xiàn)力了。

靜態(tài)的、風(fēng)景的圖片表現(xiàn)力都是比較低的~

雖然靜態(tài)圖片表現(xiàn)力低,無(wú)法體現(xiàn)活潑、動(dòng)感。但增加圖片跳躍率,還是會(huì)增加版面親和力,使人更容易閱讀。

如果本身是比較活潑的圖片,那么提高他的圖片占比,

造成的結(jié)果必須是,放浪+放肆,變得更為活潑!

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)作品中的圖片本身表現(xiàn)力就比較強(qiáng),所以提高圖片跳躍率會(huì)讓版面變得更為活潑。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)作品圖片跳躍率非常大,而且圖片表現(xiàn)力和動(dòng)感都比較強(qiáng),也比較有張力。

雖然都是黑白圖片,但依然有很強(qiáng)的動(dòng)感。

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

這個(gè)網(wǎng)頁(yè)圖片跳躍率挺大,用的圖和版面風(fēng)格表現(xiàn)力也很強(qiáng),整體就活潑!

相信到此,大家已經(jīng)掌握?qǐng)D片跳躍率了。

但以為這就結(jié)束了?

NO,朕還要補(bǔ)充一點(diǎn)!

圖片跳躍率與圖片表現(xiàn)力的關(guān)系

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

我花了一分鐘做了2P畫冊(cè),左邊的全身照,和右邊的人物特寫,都屬于強(qiáng)表現(xiàn)力。

但人物特寫因?yàn)楦劢,表現(xiàn)力要比空曠的全身照強(qiáng)不少。

現(xiàn)在如果把兩個(gè)圖的位置調(diào)換一下會(huì)發(fā)生什么?

寫給新手的版式設(shè)計(jì)基礎(chǔ)指南(四):圖片跳躍率

臥槽,整個(gè)版面給人的沖擊力竟然更大了!

這兩個(gè)版面,圖片跳躍率、內(nèi)容和版面完全一樣,只是大圖的表現(xiàn)力不同。

用表現(xiàn)力更高的大圖,會(huì)給人產(chǎn)生更強(qiáng)的視覺刺激,空間感會(huì)更強(qiáng)!

而原先的大圖表現(xiàn)力小,視覺刺激就會(huì)小,就顯得安靜一些~

這也再一次說(shuō)明了增加跳躍率,要考慮好用圖。

是讓版面更寧?kù)o呢,還是讓他更放肆呢?

生殺大權(quán)在眾愛卿手里~所以所以,跳躍率大法好,圖片、文字要跳好,精致感咱就跳低一點(diǎn),親和力強(qiáng)咱就跳高一點(diǎn),也莫忘記圖版率、表現(xiàn)力。

PhotoshopCC2020視頻教程
我要自學(xué)網(wǎng)商城 ¥120 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC