手機(jī)端頁(yè)面尺寸怎樣設(shè)計(jì)?我們看到的電商網(wǎng)站如淘寶等的手機(jī)界面大都是直接按照手機(jī)尺寸設(shè)計(jì)的,那么你知道還知道哪些其他的手機(jī)端頁(yè)面尺寸設(shè)計(jì)的技巧?小編就來(lái)與大家聊一聊這個(gè)問(wèn)題。
手機(jī)端頁(yè)面尺寸怎樣設(shè)計(jì)?我們看到的電商網(wǎng)站如淘寶等的手機(jī)界面大都是直接按照手機(jī)尺寸設(shè)計(jì)的,那么你知道還知道哪些其他的手機(jī)端頁(yè)面尺寸設(shè)計(jì)的技巧?小編就來(lái)與大家聊一聊這個(gè)問(wèn)題。
Android
都說(shuō)Android碎片化嚴(yán)重,但它現(xiàn)在反而比iOS好處理。因?yàn)槿缃竦腁ndroid屏幕邏輯像素已經(jīng)趨于統(tǒng)一了:360x640,就看你設(shè)成幾倍了。想以xhdpi為準(zhǔn),就把DPI設(shè)成72x2=144。想以xxhdpi為準(zhǔn),就把DPI設(shè)成72x3=216。
對(duì)于那些比較老的低端機(jī),寬度是480px的那批,畫面確實(shí)會(huì)小一些,顯示內(nèi)容會(huì)更少。稍微留意一下,重要內(nèi)容盡量保持在界面中上部分。
當(dāng)然,這些機(jī)型不出一年就會(huì)被邊緣化,基本淘汰。現(xiàn)在能運(yùn)轉(zhuǎn)的也是當(dāng)作功能機(jī)在用,軟件多了必卡無(wú)疑,用戶體驗(yàn)無(wú)從談起。不作考慮也是OK的。
Web
手機(jī)端網(wǎng)頁(yè)就沒(méi)有統(tǒng)一標(biāo)準(zhǔn)了,比較流行的做法是按照iPhone 5的尺寸來(lái)設(shè)計(jì)。倍率2,邏輯像素320x568。
這樣的做法比較實(shí)在,倍率2的屏幕無(wú)論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平,頁(yè)面加載速度快。當(dāng)然,缺點(diǎn)就是在倍率3的設(shè)備上看,圖片不是特別清晰。
如果追求圖片質(zhì)量,愿意犧牲加載速度,那么可以按照最大的屏幕來(lái)設(shè)計(jì)。也就是iPhone 6 plus的尺寸,倍率3,邏輯像素414x736。
總結(jié)
移動(dòng)端的尺寸比PC端復(fù)雜,關(guān)鍵就在倍率。但也正因?yàn)楸堵实拇嬖?,把大大小小的屏幕拉回到同一水平線,得以保證一套設(shè)計(jì)適應(yīng)各種屏幕。站在這條水平線的角度看,會(huì)發(fā)現(xiàn)它很好理解。
手機(jī)端頁(yè)面尺寸怎樣設(shè)計(jì)?看過(guò)了以上文章內(nèi)容和小編總結(jié)的內(nèi)容,相信你對(duì)于手機(jī)端頁(yè)面尺寸怎樣設(shè)計(jì)肯定已經(jīng)完全學(xué)會(huì)了,希望這篇文章對(duì)你有所幫助。
免責(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)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。