我們都知道移動端界面設(shè)計的尺寸與電腦端的尺寸設(shè)計是不一樣的,有的企業(yè)因為費用或者其他因素的考慮會考慮只設(shè)計適用電腦端的界面,或者兼容性高的網(wǎng)站頁面,這里就為大家總結(jié)一下移動端界面設(shè)計之尺寸基礎(chǔ)常識。
我們都知道移動端界面設(shè)計的尺寸與電腦端的尺寸設(shè)計是不一樣的,有的企業(yè)因為費用或者其他因素的考慮會考慮只設(shè)計適用電腦端的界面,或者兼容性高的網(wǎng)站頁面,這里就為大家總結(jié)一下移動端界面設(shè)計之尺寸基礎(chǔ)常識。
初涉移動端設(shè)計和開發(fā)的同學(xué)們,基本都會在尺寸問題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長時間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理清關(guān)于尺寸的所有細(xì)節(jié)。由于是寫給初學(xué)者的,所以不要嫌我啰嗦。
現(xiàn)象
首先說現(xiàn)象,大家都知道移動端設(shè)備屏幕尺寸非常多,碎片化嚴(yán)重。尤其是Android,你會聽到很多種分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640x960, 640x1136, 750x1334, 1242x2208。
不要被這些尺寸嚇倒。實際上大部分的app和移動端網(wǎng)頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規(guī)律可循。
像素密度
要知道,屏幕是由很多像素點組成的。之前提到那么多種分辨率,都是手機屏幕的實際像素尺寸。比如480x800的屏幕,就是由800行、480列的像素點組成的。每個點發(fā)出不同顏色的光,構(gòu)成我們所看到的畫面。而手機屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320x480,iPhone 4s的屏幕像素是640x960。剛好兩倍,然而兩款手機都是3.5英寸的。
所以,我們要引入最重要的一個概念:像素密度,也就是PPI(pixels per inch)。這項指標(biāo)是連接數(shù)字世界與物理世界的橋梁。
以上文章就是小編為大家?guī)淼年P(guān)于移動端界面設(shè)計之尺寸基礎(chǔ)常識的全部內(nèi)容了,這些你都學(xué)會了嗎?
免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,本站將立刻刪除涉嫌侵權(quán)內(nèi)容。