當(dāng)我們做UI界面設(shè)計(jì)時(shí)攻人，往往很糾結(jié)圖片應(yīng)該做什么尺寸，實(shí)在拿不定主意就找參考悬槽，別人怎么做怀吻，也跟著做，但是是什么原因并不知道初婆。
其實(shí)圖片設(shè)計(jì)也有他的比例蓬坡，按照比例設(shè)計(jì)，不僅會(huì)讓界面更統(tǒng)一磅叛，同時(shí)也方便后期維護(hù)屑咳。
根據(jù)不同產(chǎn)品屬性不同，用到的比例也有所差距弊琴。我們常見的圖片比例有2：3兆龙、3：4、1：1敲董、16：9详瑞、16：10這幾種。下面分別針對這幾種比例進(jìn)行分析臣缀。
圖片比例2：3
2：3≈0.666坝橡，較為靠近黃金比例，在相機(jī)拍照的全畫幅尺寸比例即為2：3精置，其他尺寸均是通過裁切而成计寇，因此在應(yīng)用中看上去比較舒服。該比例多用于橫圖中脂倦，如商品列表番宁、banner圖中。
愛彼迎的界面體驗(yàn)?zāi)K和詳情頁面的圖片赖阻，都是是使用2:3的比例
圖片比例3：4
3：4的設(shè)計(jì)在界面中也很常見蝶押，相比于2：3，圖像更為緊湊火欧，多用于圖片占比重較大的APP中棋电，也多用于產(chǎn)品列表茎截、banner中。
廚房故事相對于愛彼迎赶盔，美食需要更多的圖片展示空間企锌。
圖片比例1：1
1：1也是正方形構(gòu)圖，這種構(gòu)圖圖片占比比較大于未，因此多用于產(chǎn)品展示撕攒、頭像、特寫展示等場景的APP中烘浦，在電商設(shè)計(jì)中較為常見抖坪。
天貓也就是電商類的APP由于圖片直接覺得用戶的點(diǎn)擊量，因此往往會(huì)采用1:1的這種可將圖片展示最大化的方式闷叉。
圖片比例16：9
16：9主要是電影中的常見構(gòu)圖擦俐，該構(gòu)圖給人視覺開闊的感受，多用于視頻類APP中片习。
視頻類APP大多使用這個(gè)比例捌肴，這是由于電影屏幕的尺寸比例，同時(shí)我們的設(shè)備大多也是這個(gè)比例藕咏。
黃金比例16：10
16：10=1.6是最接近黃金分割1：0.618=1.618的状知，因此現(xiàn)在一些設(shè)計(jì)也開始做16：10的設(shè)計(jì)。
打破常規(guī)比例
按照常規(guī)比例設(shè)計(jì)可以讓我們設(shè)計(jì)更舒服孽查，但是對于一些對設(shè)計(jì)把控比較好的饥悴，就算不按照比例設(shè)計(jì)也很出彩，因此我們在成長期可以遵循規(guī)則盲再，在上升期也可以打破規(guī)則西设，如果規(guī)范得太死，所有界面都差不多了答朋，毫無創(chuàng)意可言贷揽。
比如，IN他并沒有按照我上面整理的比例進(jìn)行設(shè)計(jì)但是界面照樣統(tǒng)一舒服梦碗，因此我們需要靈活使用規(guī)則禽绪。
總結(jié)
1、根據(jù)產(chǎn)品自身特點(diǎn)選擇對應(yīng)圖片比例洪规。
2印屁、界面設(shè)計(jì)中，不必拘泥于常規(guī)比例斩例，有時(shí)候打破常規(guī)雄人，會(huì)讓界面更具創(chuàng)造力。
3念赶、根據(jù)版面础钠，結(jié)合其他設(shè)計(jì)原理恰力，可將不同比例的圖片搭配使用，這樣會(huì)使界面更具節(jié)奏珍坊，讓界面更活潑牺勾。
