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