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

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