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