手機圖片尺寸多少合適(ipad修改圖片尺寸)

你知道怎么調節這幅畫的比例嗎?那就進來看看吧~
你在做UI設計的時候,有沒有遇到過圖片不知道怎么設置比例的情況?我在做的時候遇到了這個問題 。
在網上找了很多資料,同時通過體驗一些主流app,總結了一些常見的圖片比例,主要有:3: 2,4: 3,1: 1,16: 9 。
那么設計中畫面比例是如何設置的呢?
下面具體為大家分析四個比例:
一. 3: 2這個3: 2的大小其實來自于135膠片的比例 。采用這個比例不是因為它是黃金比例,而是因為相機的像場大小 。
在早期的徠卡鏡頭中,成像圓約為44毫米,而膠片的寬度為24毫米,所以如果從44毫米的圓上切下一個24毫米寬的長方形,邊長正好為36毫米,也就是3比2的比例 。
與此同時,由于徠卡幾乎是該行業的主導公司,其他品牌的相機也遵循這一比例 。
但是隨著移動設備的發展,手機已經在很大程度上取代單反成為主流的拍照設備 。4: 3和16: 9的畫面比例已經趕上了傳統攝影,是半壁江山 。不過目前國外很多app還是用這個比例 。
Airbnb的熱門目的地和旅行目的地模塊通常采用3: 2的比例 。
你可能想問:為什么圖片尺寸是單數?
實際上是根據屏幕的(寬度-間距)/圖片數=圖片寬度,所以這個圖片不是固定的,而是等比例縮放的 。根據身高比例,有時候計算出來的數字可能不是整數,所以我們需要選擇一個整數來使用,其他尺寸比例也是一樣 。
二 。4: 34: 3是隨著攝影技術的發展和小型相機(如微單相機)的出現而誕生的 。
這是由于小型化和低成本的鏡頭 。大家最大的問題是圖像領域不夠 。而且由于當時傳感器技術有限,CCD的長度不可能很長,所以人們需要在盡可能小的體積內實現更高的像素 。
我該怎么辦?
最好的辦法就是讓比例更方!眾所周知,在所有的幾何圖形中,對角線距離都是一樣的,圖形離圓越近,圖片的面積就會越大 。
在具體的畫面設置上,畫面是3: 2還是4: 3,設計時容易混淆 。在這里,我有一個簡單的方法讓你快速做出決定,那就是看產品的目標定位——也就是看它是一個內容型還是圖片主導型的APP 。
下面,我將分別從橫道圖和縱道圖進行對比分析 。
看圖,我們知道在同屏的情況下,4: 3的畫面比例更大,所以這個比例小于同屏顯示的3: 2 。
所以在設計上,也可以從產品目的定位來判斷,是內容為主還是圖片為主 。
舉個例子:in大多是女性用戶,而且是以圖片為主的APP,所以他采用了4: 3的比例 。Nice雖然類似于in,但是它的產品定位是內容導向的,所以他選擇了3: 2的比例來展現更多的內容 。
在這里,我用尼斯和廚房的故事進行對比 。Nice,我們知道主要是關于顯示內容,所以他的圖大部分都是3: 2 。它的優點是在同樣的橫屏尺寸下,這個比例可以揭示更多的畫面信息 。
廚房的故事都是以食物的圖片為主,所以為了更好的展現圖片,他的大部分圖片都是4: 3 。
三 。1: 11: 1是傳統的120膠片格式,也稱為大畫對 。因為相機結構等原因,片子是方形的,一般是6×6 cm 。
使用這個比例,更容易簡化構圖,突出主體的存在感 。
所以這個比例多用于需要突出主體的圖片,比如用圖片促進銷售的電商app,以及一些產品圖片、頭像等 。
天貓——也就是電商APP,因為圖片直接決定了用戶的點擊量,所以往往采用1: 1的模式,可以最大化的展示圖片 。
由于閑魚的產品圖片多為用戶上傳,圖片的比例或質量并不統一,所以往往以1:1的比例設計 。此外,頭像通常以1: 1的比例設計 。
四 。16: 916: 9根據人體工程學的研究發現,人的兩只眼睛的視野是一個長寬比為16: 9的長方形,所以電視和顯示行業都是根據這個的黃金比例來設計產品的 。
設計的時候,圖片的大小設置和這些拍攝設備有很大關系,所以視頻類app多采用16: 9的比例 。
騰訊的視頻播放頁面和封面都是16: 9的統一比例 ?;旧夏壳拔覀兛吹降囊曨l都是這個尺寸的,設置尺度沒有問題 。
動詞 (verb的縮寫)摘要 3 : 2由于他是由專業的相機拍攝而成,對設計的要求也相對較高,因此一般用于相對較專業的APP中 。同時在產品定位上以內容為主的APP,圖片相對占比較小,可承載更多的內容 。4 : 3是由小型相機拍攝而成,這類相機用戶群體較大,因此目前還是有很多APP在使用,同時其圖片占比較3:2大,因此這一比例主要是產品以圖片為主的APP 。1:1 利用此比例,更容易將構圖歸整得簡單,突出主被攝體的存在感 。因此多用于電商類,需要用圖片引導用戶購買等情況,以及產品圖和頭像的設計 。16 : 9隨著移動設備的發展,16:9越來越普及,目前多運用在視頻的比例設計上 。作者:風箏,做一個積極向上的太陽,不要拖延,不要偷懶,啟發給孩子樹立一個好榜樣 。

推薦閱讀