圖片比率進(jìn)化史：3:2、4:3、16:9有什么區(qū)別？哪個(gè)好？
來(lái)源：5plus（微信號(hào)：uedplus）
原標(biāo)題：圖片比率進(jìn)化史
常用比率
195x年開(kāi)始的信息時(shí)代，最顯著的特征是模擬技術(shù)轉(zhuǎn)向數(shù)字技術(shù)，平面設(shè)計(jì)也從以紙為媒介逐漸由電子設(shè)備主導(dǎo)，顆粒度單位同樣發(fā)生變化，但這對(duì)設(shè)計(jì)師而言影響并不那么大，問(wèn)題在于比率。
Aspect ratio即寬高比，這里只討論最常見(jiàn)的三大類：攝影、視頻和顯示設(shè)備。
攝影常用比率有：1:1、5:4、4:3、3:2，其中135膠卷的比率為3:2。近年來(lái)因?yàn)橄M(fèi)型相機(jī)的普及16:9也變得常見(jiàn)。
視頻常用比率有：4:3、16:9、21:9；傳統(tǒng)電視屏幕比率為4:3，高清電視則為16:9，2009年后出現(xiàn)的21:9超寬頻電視比率與影院寬屏比率2.39:1最為接近。
顯示器常用比率有：5:4、4:3、16:10、16:9，高于4:3的皆被稱為寬屏。2008年之后，顯示器逐漸從4:3和16:10轉(zhuǎn)向16:9。以下為顯示器常見(jiàn)分辨率：1024x768（4:3）、1280x1024（5:4）、1280x800（16:10）、1680x1050（16:10）、1920x1080（16:9）。
從小到大合并同類項(xiàng)后則有：1:1、5:4、4:3、3:2、16:10、16:9、21:9，對(duì)比如下：
不同比率比較
他們?cè)趺凑故緢D片
綜合看互聯(lián)網(wǎng)流量大戶，使用1:1是一個(gè)較明顯的趨勢(shì)，不管是社交媒體還是線上購(gòu)物。誠(chéng)然，1:1的處理在跨多平臺(tái)的今天是相對(duì)簡(jiǎn)易且一致的。
不同網(wǎng)站比率對(duì)比
值得注意的是，縱向比例（portrait）相對(duì)少見(jiàn)，但由于fashion類天生的特性，即服裝多由模特穿著在身進(jìn)行展示，越來(lái)越多的電子商務(wù)類產(chǎn)品青睞于使用瀑布流（Pinterest style waterfall）結(jié)構(gòu)，使得縱向的圖片顯示也多了起來(lái)。
而在視頻類產(chǎn)品中，16:9處于王者地位，一是HD的普及，二是易于兼容21:9甚至更大的超寬屏比率。
又見(jiàn)黃金分割
題圖的費(fèi)波那契黃金矩形（Fibonacci Blocks）揭示了個(gè)人對(duì)1:1在移動(dòng)平臺(tái)上成為主流的另一個(gè)主觀論點(diǎn)。隨著智能手機(jī)顯示屏往16:9靠攏，圖文混排頁(yè)面采用黃金矩形既平衡了圖片和文字兩者的主次關(guān)系，同時(shí)也具形式美感。
圖片的補(bǔ)償處理
非1:1比率的處理，一類是用card layout進(jìn)行比率補(bǔ)償，比如youtube：
另一類，圖片比率為縱向4:3的如farfetch，沒(méi)有采用底色填充（如etsy）的做法，將上下圖片的輪播（carousel）直接展示出來(lái)。
小結(jié)
被顯示物和顯示設(shè)備互為因果。Flickr的一組數(shù)據(jù)顯示，隨著iPhone很大程度上替代單反成為主流拍照設(shè)備，4:3和16:9的圖片數(shù)量占比追上了傳統(tǒng)攝影的3:2，半分天下。跨平臺(tái)的互聯(lián)網(wǎng)產(chǎn)品一直試圖在pc和無(wú)線間一碗水端平，但現(xiàn)實(shí)很殘酷，成熟產(chǎn)品的兩個(gè)平臺(tái)必然是此消彼長(zhǎng)，用戶時(shí)間資源有限。Mobile First的邏輯是，保證移動(dòng)端展示操作最優(yōu)化的基礎(chǔ)上再考慮如何移植并延展到更大屏幕上。在先有pc再有移動(dòng)端和反向行之的產(chǎn)品間，可以看到有趣的對(duì)比。就和生物一樣，有著利益關(guān)系的不同物種傾向于趨同進(jìn)化。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（1條）