排版《玉女心經》之圖片跳躍率

繼續修煉排版神功!
寡人又來了!

還帶來了大家都喜歡修煉的排版神功,《玉女心經》的第4章。

上回,咱說完了文字跳躍率,今個兒,咱就來說道說道圖片跳躍率。

秋天的第一杯奶茶,送給大家~

說道之前,咱照例還是先來看倆問題。

下面倆版式,哪個給人更安靜、更精緻的感覺?

那必須是「小家碧玉A」呀,畢竟小家碧玉賢良淑德,自然就精緻了。

好吧,寡人認真點。

其實是因為「小家碧玉A」圖片的大小對比小,圖版率也小,自然就會傳達傳達安靜、精緻的感覺。

反觀「大家糙玉B」呢,雖然圖片內容與表現力跟「A」一樣,

但圖片大小對比強烈,圖版率也高,大大咧咧的,哪有小「A」溫情脈脈?

要我選,我肯定無恥的選擇大家糙玉B。

沒錯,不管溫不溫柔,朕就是喜歡大的,來咬我鴨~

下面倆版式,哪個感覺更有親和力?

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

同樣咱把「A」、「B」當成倆買菜的小伙。

「A」的菜品圖片都一樣大,

就好比客官問:“你這裡那個菜賣得最好?”

“都一樣,都好,都賣得好。”

我信你個鬼,拜拜了您吶~

客官轉頭就去了「B」小伙的攤位。

客官大老遠的就听到「B」在吆喝,

“我們的招牌菜——劇毒草,已經售出2000份!今日免費試吃,不毒死,不收錢!”

瞧,「親親熱熱B」圖片有大小對比,人家就有重點,有主推產品,給人親和力就大。

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

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

上回說到跳躍率就是大小比。

文字跳躍率是大標題與正文的大小比,

圖片跳躍率自然就是,最大圖片與最小圖片的大小比。

(真·通俗易懂

這個版面幾張圖片大小一樣,那麼圖片跳躍率就為1。

這個版面最大的圖片是最小圖片面積的2倍,那麼跳躍率就是200%。

(哇,真好理解,簡直So Easy!

圖片跳躍率相信大家都造(知道)了,

那醬紫(這樣子),

咱就去看一下圖片跳躍率怎麼用吧!

告訴寡人,圖片跳躍率怎麼用?

運用圖片跳躍率,

必須得知道,

不同圖片跳躍率所造成的感覺!

你扯著寡人的領子:

“快告訴本宮,不同的跳躍率是什麼感覺!”

唉~別猴急嘛 ,春宵一刻,當然得娓娓道來。

圖片跳躍率運用上只有兩條黃金原則:

降低圖片跳躍率使版面更精緻、更穩定!

這條沒啥問題。


提高圖片跳躍率使版面親和力更強!

但是,但是,但是!

這條得考慮到圖片本身的所傳達的感覺!為什麼呢?

先吊一下大家胃口,後面詳細說道說道。

咱先來說道說道第一點。

降低圖片跳躍率使版面更精緻、更穩定!

降低跳躍率僅僅是使版面更精緻、更穩定嘛?

那自然是不的,除了更精緻、更穩定,還有更安靜、更典雅!當然,可能也會更無趣。

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

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

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

給人感覺就比較有格調,有氣質。

(不得不說,有氣質這點跟大貓是一樣一樣滴~

好,咱接著來看第二條。

提高圖片跳躍率使版面親和力更強!

但剛才咱對這條說了「但是」。

並說了這條得考慮到,圖片本身所傳達的感覺。為什麼呢?

因為鴨,提高圖片的跳躍率的本身,就是一面放大鏡,或者一台擴音器!

如果我提高了一張特別安靜的圖片佔比,就會造成版面更安靜的感覺。

這2P畫冊,圖片跳躍率在2倍左右,但放大的圖是沒有動感的。

所以就算圖片跳躍率比較大,但活力也不強,傳達的更是一種雅緻、安靜質感。

這2p,圖片跳躍率非常大,但放大的圖片是一個靜物,給人的感覺也是比較安靜的環境,所以也沒啥動感~

這個網頁圖片跳躍率蠻大的,但由於都是靜態的圖片,

雖然更易閱讀(親和力更強),但並沒有傳達出活潑的感覺。

So,

圖片本身就是比較靜態的,那麼即便把他放大,也不能不體現活潑的感覺。

這就又回到咱們第一講——表現力了。

靜態的、風景的圖片表現力都是比較低的~

所以排版,《玉女心經》的八奇技都要考慮到哦~

雖然靜態圖片表現力低,無法體現活潑、動感。但增加圖片跳躍率,還是會增加版面親和力,使人更容易閱讀。

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

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

這個作品中的圖片本身表現力就比較強,所以提高圖片跳躍率會讓版面變得更為活潑。

這個作品圖片跳躍率非常大,而且圖片表現力和動感都比較強,也比較有張力。

雖然都是黑白圖片,但依然有很強的動感。

這個網頁圖片跳躍率挺大,用的圖和版面風格表現力也很強,

整體就活潑!

相信到此,眾愛卿在朕的敲打之下已經掌握圖片跳躍率了。

但以為這就結束了?

NO,朕還要補充一點!

圖片跳躍率與圖片表現力的關係



寡人花了1分鐘(別問,問就是寡人比較快~)做了2P畫冊,還是很不錯滴! (自我滿足

左邊的全身照,和右邊的人物特寫,都屬於強表現力。

但人物特寫因為更聚焦,表現力要比空曠的全身照強不少。

現在如果把兩個圖的位置調換一下會發生什麼?

臥槽,整個版面給人的衝擊力竟然更大了! (大,不同凡響~

這兩個版面,圖片跳躍率、內容和版面完全一樣,只是大圖的表現力不同。

用表現力更高的大圖,會給人產生更強的視覺刺激,空間感會更強!


而原先的大圖表現力小,視覺刺激就會小,就顯得安靜一些~

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

是讓版面更寧靜呢,還是讓他更放肆呢?

生殺大權在眾愛卿手裡~

所以所以,

跳躍率大法好,

圖片、文字要跳好,

精緻感咱就跳低一點,

親和力強咱就跳高一點,

也莫忘記圖版率、表現力。

活用他們,假以時日,

玉女心經,神功必成!

到那時,就可以慢慢追上,追上本貓吹上天的牛啦!

以上~

雖寫了這麼多,但咱也不知道咱這套《玉女心經》有木有把圖片跳躍率說清楚,

所以有木有說明白,各位大佬留言告訴我吧~

這篇文風這麼搞,咱就要這種不正經的,輕鬆愉快的氛圍。所以,點個贊吧~

來源:排版《玉女心經》之圖片跳躍率


數位轉型服務諮詢
Total
0
Shares
Previous Article

設計大事件【2020年9月下】

Next Article

UI 場景中的Banner 佈局樣式探索

Related Posts