基本的移動(dòng)界面設(shè)計(jì)知識(shí)

我們都知道移動(dòng)界面設(shè)計(jì)的大小和電腦不一樣。阜陽(yáng)網(wǎng)站制作公司設(shè)計(jì)過程的前端（客戶端），通常用來(lái)描述的網(wǎng)站，并不是簡(jiǎn)單的一個(gè)頁(yè)面，一個(gè)網(wǎng)站是包括很多工作的，其中包括域名注冊(cè)查詢?cè)O(shè)計(jì)效果圖，布局頁(yè)面，寫代碼等工作。阜陽(yáng)網(wǎng)站建設(shè)涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)圖形設(shè)計(jì)，界面設(shè)計(jì)，創(chuàng)作，其中包括標(biāo)準(zhǔn)化的代碼和專有軟件，用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。易雅網(wǎng)許多人常常會(huì)分為若干個(gè)工作小組，負(fù)責(zé)網(wǎng)站不同方面的設(shè)計(jì)。網(wǎng)站建設(shè)常識(shí)丟掉以前的習(xí)慣，返回首頁(yè)不是每頁(yè)都需要做的，當(dāng)然如果只作一個(gè)關(guān)鍵詞的小站就不說了。有些企業(yè)會(huì)因?yàn)槌杀净蛘咂渌蛩乜紤]只設(shè)計(jì)適合電腦或者網(wǎng)站頁(yè)面的兼容性高的界面。在這里，我們將總結(jié)一下手機(jī)界面設(shè)計(jì)大小的基本知識(shí)。

初涉移動(dòng)端設(shè)計(jì)和開發(fā)的同學(xué)們，基本都會(huì)在不同尺寸問題上我們糾結(jié)好一陣子才能摸到頭緒。我也花了很長(zhǎng)一段時(shí)間才弄明白，感覺有必要寫一篇具有足夠通俗簡(jiǎn)單易懂的教程來(lái)幫助學(xué)生大家。從原理方面說起，理清自己關(guān)于產(chǎn)品尺寸的所有這些細(xì)節(jié)。由于是他們寫給初學(xué)者的，所以教師不要嫌我啰嗦。

現(xiàn)象

首先我們都知道移動(dòng)設(shè)備的屏幕尺寸很大，碎片化嚴(yán)重。尤其是Android，你會(huì)聽到多種分辨率:480x800，480x854，540x960，720x1280，1080x1920，還有傳說中的2K屏幕。近年來(lái)iPhone的碎片化也愈演愈烈:640x960，640x1136，750x1334，1242x2208。

不要被這些尺寸嚇倒。事實(shí)上，大多數(shù)應(yīng)用和移動(dòng)頁(yè)面都可以在所有大小的屏幕上正確顯示。描述大小的問題必須有一個(gè)解決方案，并且有規(guī)則要遵循。

像素密度

你知道，屏幕是由很多像素組成的。很多分辨率都是手機(jī)屏幕的真實(shí)像素大小。例如，一個(gè)480x800的屏幕，由800行和480列的像素組成。每個(gè)點(diǎn)發(fā)出不同顏色的光，構(gòu)成了我們看到的圖像。手機(jī)屏幕的物理尺寸與像素大小不成比例。Iphone 3gs 的屏幕分辨率為320x480，iphone 4s 的屏幕分辨率為640x960。正好兩倍，但兩部手機(jī)都是3.5英寸。

所以要引入最重要的概念:每英寸像素，也就是PPI(每英寸像素)。這個(gè)指標(biāo)是連接數(shù)字世界和物理世界的橋梁。

以上文章都是邊肖帶來(lái)的關(guān)于手機(jī)界面設(shè)計(jì)大小的基礎(chǔ)知識(shí)。這些你都學(xué)會(huì)了嗎？