移動端界面設(shè)計之尺寸應(yīng)該怎樣設(shè)計？我們都知道移動端界面設(shè)計的尺寸與電腦端的尺寸設(shè)計是不一樣的，有的企業(yè)因?yàn)橘M(fèi)用會考慮只設(shè)計適用電腦端的界面，這里就為大家總結(jié)一下移動端界面設(shè)計之尺寸應(yīng)該怎樣設(shè)計。
 

像素密度
我們要引入最重要的一個概念：像素密度，也就是PPI(pixels per inch)。這項(xiàng)指標(biāo)是連接數(shù)字世界與物理世界的橋梁。
Pixels per inch，準(zhǔn)確的說是每英寸的長度上排列的像素點(diǎn)數(shù)量。1英寸是一個固定長度，等于2.54厘米，大約是食指最末端那根指節(jié)的長度。像素密度越高，代表屏幕顯示效果越精細(xì)。Retina屏比普通屏清晰很多，就是因?yàn)樗南袼孛芏确艘槐丁?br /> 倍率與邏輯像素
再用iPhone 3gs和4s來舉例。假設(shè)有個郵件列表界面，我們不妨按照PC端網(wǎng)頁設(shè)計的思維來想象。3gs上大概只能顯示4-5行，4s就能顯示9-10行，而且每行會變得特別寬。但兩款手機(jī)其實(shí)是一樣大的。如果照這種方式顯示，3gs上剛剛好的效果，在4s上就會小到根本看不清字。
在現(xiàn)實(shí)中，這兩者效果卻是一樣的。這是因?yàn)镽etina屏幕把2x2個像素當(dāng)1個像素使用。比如原本44像素高的頂部導(dǎo)航欄，在Retina屏上用了88個像素的高度來顯示。導(dǎo)致界面元素都變成2倍大小，反而和3gs效果一樣了。畫質(zhì)卻更清晰。
在以前，iOS應(yīng)用的資源圖片中，同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣，有的不帶。其中不帶@2x的用在普通屏上，帶@2x的用在Retina屏上。只要圖片準(zhǔn)備好，iOS會自己判斷用哪張，Android道理也一樣。
移動端界面設(shè)計之尺寸應(yīng)該怎樣設(shè)計？看過了以上文章內(nèi)容，你對于移動端界面設(shè)計之尺寸應(yīng)該怎樣設(shè)計這個問題現(xiàn)在知道答案了嗎？