最新手機APP UI設計尺寸規範

 Android 和 iPhone、iPad以及主流手機屏幕的解析度和相關設計尺寸規範。

  初涉移動端設計和開發的同學們,基本都會在尺寸問題上糾結好一陣子才能摸到頭緒。我也不廢話了,直接上圖,右鍵「在新標籤頁中打開圖片」看大圖。

iPhone

  iPhone的屏幕尺寸各不相同,我說的是邏輯像素尺寸,這確實是讓人很頭疼的事情。如果想用一套設計涵蓋所有iPhone,就要選擇邏輯像素折中的機型。

  從市場佔有率數據來看,目前最多的是iPhone5/5s的屏幕。倍率為2,邏輯像素320×568。上升勢頭最猛,未來有望登上第一的是iPhone 6的屏幕。倍率為2,邏輯像素375×667。

  按照這兩種尺寸來設計,都是比較主流的做法。可以兼顧短一些的iPhone 4s,大一點的6 plus也不會過於空曠。

  不過在切圖的時候要注意,由於iPhone 6 plus的3倍圖是由2倍圖放大而來,所以點陣圖要注意保證清晰。

Android

  都說Android碎片化嚴重,但它現在反而比iOS好處理。因為如今的Android屏幕邏輯像素已經趨於統一了:360×640,就看你設成幾倍了。想以xhdpi為準,就把DPI設成72×2=144。想以xxhdpi為準,就把DPI設成72×3=216。

  對於那些比較老的低端機,寬度是480px的那批,畫面確實會小一些,顯示內容會更少。稍微留意一下,重要內容盡量保持在界面中上部分。

  當然,這些機型不出一年就會被邊緣化,基本淘汰。現在能運轉的也是當作功能機在用,軟體多了必卡無疑,用戶體驗無從談起。不作考慮也是OK的。

轉載於:氧16網 ? 最新手機APP UI設計尺寸規範

推薦閱讀:

TAG:移動端UI設計 | UI設計入門 | 設計規範 |