應(yīng)該如何設(shè)計(jì)移動(dòng)界面的尺寸?眾所周知,移動(dòng)界面設(shè)計(jì)的規(guī)模不同于計(jì)算機(jī),一些企業(yè)會(huì)因?yàn)槌杀径x擇設(shè)計(jì)兼容的計(jì)算機(jī)頁(yè)面,但這樣的網(wǎng)站肯定不比直接設(shè)計(jì)的移動(dòng)界面好。阜陽(yáng)網(wǎng)站制作公司設(shè)計(jì)過(guò)程的前端(客戶端),通常用來(lái)描述的網(wǎng)站,并不是簡(jiǎn)單的一個(gè)頁(yè)面,一個(gè)網(wǎng)站是包括很多工作的,其中包括域名注冊(cè)查詢?cè)O(shè)計(jì)效果圖,布局頁(yè)面,寫代碼等工作。網(wǎng)站建設(shè)常識(shí)丟掉以前的習(xí)慣,返回首頁(yè)不是每頁(yè)都需要做的,當(dāng)然如果只作一個(gè)關(guān)鍵詞的小站就不說(shuō)了。阜陽(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ì)。
蘋果在普通屏幕的基礎(chǔ)上為Retina屏幕定義了2倍的放大倍數(shù)(iPhone 6plus除外,已經(jīng)達(dá)到3倍)。將實(shí)際像素除以放大倍數(shù),得到邏輯像素大小。只要兩個(gè)屏幕的邏輯像素相同,顯示效果也是一樣的。
Android的解決教學(xué)方法進(jìn)行類似,但更復(fù)雜以及一些。因?yàn)锳ndroid屏幕尺寸實(shí)在沒(méi)有太多,分辨率高低跨度非常大,不像蘋果公司只有這樣那么幾款固定資產(chǎn)設(shè)備、固定結(jié)構(gòu)尺寸。所以Android把各種技術(shù)設(shè)備的像素密度劃成了好幾個(gè)范圍區(qū)間,給不同影響范圍的設(shè)備管理定義了不同的倍率,來(lái)保證數(shù)據(jù)顯示治療效果相近。像素密度相關(guān)概念發(fā)展雖然我國(guó)重要,但用不著我們可以自己算,iOS與Android都幫我們算好了。
如圖所示,像素密度在120左右的屏幕被歸類為ldpi、160,像素密度在120左右的屏幕被歸類為mdpi,依此類推。
ldpi [0.75倍]
mdpi [1倍]
hdpi [1.5倍]
xhdpi [2倍]
xxhdpi [3倍]
xxxhdpi [4倍]
每個(gè)型號(hào)的iPhone的乘數(shù)相對(duì)簡(jiǎn)單,我們稍后將討論。所以安卓手機(jī)這么多,怎么分辨出哪些手機(jī)是乘率的幾倍?讓我們從表開始,這是 2014 年 10 月至 2015 年 3 月的 AIA 數(shù)據(jù):
就目前的市場(chǎng)情況而言,各種手機(jī)的分辨率可以如此粗略地判斷。它并不全面, 但至少 1 年參考:
Ldpi 現(xiàn)在已經(jīng)滅絕了,別擔(dān)心
mdpi [320x480](市場(chǎng)經(jīng)濟(jì)份額以及不足5%,新手機(jī)不會(huì)有我們這種不同倍率,屏幕設(shè)計(jì)通常都特別小)
hdpi [480x800、480x854、540x960](早年的低端機(jī),屏幕在3.5英寸檔位;如今的低端機(jī),屏幕在4.7-5.0英寸檔位)
Xhdpi[720x1280](早年,中端機(jī)的屏幕為4.7-5.0英寸;今天的中低端機(jī)的屏幕為5.0英寸-5.5英寸)
xxhdpi (1080x1920) (早期的高端機(jī)器, 今天的中高端機(jī)器, 屏幕通常超過(guò) 5.0 英寸)
很少有像谷歌 nexus 6這樣的2k 屏手機(jī)[1440x2560]
自然是基于1倍mdpi。每英寸像素更高或更低的設(shè)備,只需乘以相應(yīng)的放大倍數(shù),就可以得到類似參考放大倍數(shù)的顯示效果。
不過(guò)我們需要學(xué)生注意的是,Android設(shè)備的邏輯進(jìn)行像素結(jié)構(gòu)尺寸要求并不完全統(tǒng)一。比如通過(guò)兩種比較常見的屏幕480x800和1080x1920,它們可以分別建立屬于hdpi和xxhdpi。除以各自不同倍率1.5倍和3倍,得到發(fā)展邏輯像素為320x533和360x640。很顯然,后者更寬更高,能顯示出了更多研究?jī)?nèi)容。
上一篇:移動(dòng)端頁(yè)面尺寸可以設(shè)計(jì)需要考慮的因素有哪些 |
下一篇:移動(dòng)建站如何通過(guò)提高學(xué)生用戶體驗(yàn) |