我們都知道移動端界面設計的尺寸與電腦端的尺寸設計是不一樣的，有的企業因為費用或者其他因素的考慮會考慮只設計適用電腦端的界面，或者兼容性高的網站頁面，這里就為大家總結一下移動端界面設計之尺寸基礎常識。
 

初涉移動端設計和開發的同學們，基本都會在尺寸問題上糾結好一陣子才能摸到頭緒。我也花了很長時間才弄明白，感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起，理清關于尺寸的所有細節。由于是寫給初學者的，所以不要嫌我啰嗦。
現象
首先說現象，大家都知道移動端設備屏幕尺寸非常多，碎片化嚴重。尤其是Android，你會聽到很多種分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了：640x960, 640x1136, 750x1334, 1242x2208。
不要被這些尺寸嚇倒。實際上大部分的app和移動端網頁，在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法，而且有規律可循。
像素密度
要知道，屏幕是由很多像素點組成的。之前提到那么多種分辨率，都是手機屏幕的實際像素尺寸。比如480x800的屏幕，就是由800行、480列的像素點組成的。每個點發出不同顏色的光，構成我們所看到的畫面。而手機屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。剛好兩倍，然而兩款手機都是3.5英寸的。
所以，我們要引入最重要的一個概念：像素密度，也就是PPI(pixels per inch)。這項指標是連接數字世界與物理世界的橋梁。
以上文章就是小編為大家帶來的關于移動端界面設計之尺寸基礎常識的全部內容了，這些你都學會了嗎？