文章插圖
現在回到正題，我們怎么通過DPI來調節倍率？既然屏幕本身的分辨率是72，DPI設成72剛好是1倍尺寸，那設成72的兩倍就是倍率為2的屏幕了，就這么簡單 。
下面來看看3個平臺各自的畫布設置：
iPhone
iPhone的屏幕尺寸各不相同，我說的是邏輯像素尺寸，這確實是讓人很頭疼的事情 。 如果想用一套設計涵蓋所有iPhone，就要選擇邏輯像素折中的機型 。
從市場占有率數據來看，目前最多的是iPhone5/5s的屏幕 。 倍率為2，邏輯像素320x568 。 上升勢頭最猛，未來有望登上第一的是iPhone 6的屏幕 。 倍率為2，邏輯像素375x667 。
按照這兩種尺寸來設計，都是比較主流的做法 。 可以兼顧短一些的iPhone 4s，大一點的6 plus也不會過于空曠 。
不過在切圖的時候要注意，由于iPhone 6 plus的3倍圖是由2倍圖放大而來，所以位圖要注意保證清晰 。
Android
都說Android碎片化嚴重，但它現在反而比iOS好處理 。 因為如今的Android屏幕邏輯像素已經趨于統一了：360x640，就看你設成幾倍了 。 想以xhdpi為準，就把DPI設成72x2=144 。 想以xxhdpi為準，就把DPI設成72x3=216 。
對于那些比較老的低端機，寬度是480px的那批，畫面確實會小一些，顯示內容會更少 。 稍微留意一下，重要內容盡量保持在界面中上部分 。
當然，這些機型不出一年就會被邊緣化，基本淘汰 。 現在能運轉的也是當作功能機在用，軟件多了必卡無疑，用戶體驗無從談起 。 不作考慮也是OK的 。
Web
手機端網頁就沒有統一標準了，比較流行的做法是按照iPhone 5的尺寸來設計 。 倍率2，邏輯像素320x568 。
這樣的做法比較實在，倍率2的屏幕無論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的 。 所以圖片的尺寸可以保持在較小的水平，頁面加載速度快 。 當然，缺點就是在倍率3的設備上看，圖片不是特別清晰 。
如果追求圖片質量，愿意犧牲加載速度，那么可以按照最大的屏幕來設計 。 也就是iPhone 6 plus的尺寸，倍率3，邏輯像素414x736 。
總結
【分享移動端尺寸基礎知識 什么是移動端設計尺寸？】移動端的尺寸比PC端復雜，關鍵就在倍率 。 但也正因為倍率的存在，把大大小小的屏幕拉回到同一水平線，得以保證一套設計適應各種屏幕 。 站在這條水平線的角度看，會發現它很好理解 。
推薦閱讀
- 分享美團外賣上線新的抽傭方式 美團外賣抽成規則有哪些？
- 分享絕地求生22個服飾箱子 絕地求生所有箱子介紹，
- 分享6款神仙煮茶器 煮茶器哪個牌子質量好？
- 分享做好團隊管理的幾大規劃 怎樣做好團隊管理規劃？
- 分享護膚品vi設計的4大步驟 護膚品vi設計步驟有哪些？
- 分享選擇優秀品牌設計公司的6種方法 優秀品牌設計公司如何選擇？
- 分享品牌設計公司的3個特點 品牌設計公司的特點有哪些？
- 我的俠客赤刀門武學大全-赤刀門武學特點分享為你解答
- 我的俠客少林值得加入嗎-少林武學特點分享你知道嗎
- 分享以下3個加密方法 文件夾如何加密最簡單的方法有哪些？