UI尺寸基礎(chǔ)知識(shí)：
1、像素密度-PPI
像素密度是指顯示屏幕每英寸的長(zhǎng)度上排列的像素點(diǎn)數(shù)量，PPI（Pixels per inch）越高代表屏幕顯示效果越精細(xì)，Retina屏比普通屏清晰很多，就是因?yàn)樗南袼孛芏确艘槐丁?/span>
2、計(jì)量單位
iOS和Android平臺(tái)都定義了各自的像素計(jì)量單位。iOS的尺寸單位為pt，Android的尺寸單位為dp。說(shuō)實(shí)話，兩者其實(shí)是一回事。
單位之間的換算關(guān)系隨倍率變化：
1倍：1pt=1dp=1px（mdpi、iPhone 3gs）
1.5倍：1pt=1dp=1.5px（hdpi）
2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）
3倍：1pt=1dp=3px（xxhdpi、iPhone 6）
4倍：1pt=1dp=4px（xxxhdpi）
單位決定了思考方式。在設(shè)計(jì)和開(kāi)發(fā)過(guò)程中，應(yīng)該盡量使用邏輯像素尺寸來(lái)思考界面。設(shè)計(jì)Android應(yīng)用時(shí)，有的設(shè)計(jì)師喜歡把畫布設(shè)為1080×1920，有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點(diǎn)擊區(qū)域尺寸是48x48dp，這就意味著在xhdpi的設(shè)備上，按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上，則是144x144px。
無(wú)論畫布設(shè)成多大，設(shè)計(jì)的是基準(zhǔn)倍率的界面樣式，而且開(kāi)發(fā)人員需要的單位都是邏輯像素。所以為了保證準(zhǔn)確高效的溝通，雙方都需要以邏輯像素尺寸來(lái)描述和理解界面，無(wú)論是在標(biāo)注圖還是在日常溝通中，不要再說(shuō)“底部標(biāo)簽欄的高度是96像素，我是按照xhdpi做的”這樣的話了。
本文由培訓(xùn)無(wú)憂網(wǎng)長(zhǎng)沙牛耳教育專屬課程顧問(wèn)老師整理發(fā)布，更多相關(guān)課程請(qǐng)關(guān)注培訓(xùn)無(wú)憂網(wǎng)UI培訓(xùn)或添加老師微信：15033336050
以上文章由長(zhǎng)沙牛耳教育課程顧問(wèn)整理編輯發(fā)布，部分文章來(lái)自網(wǎng)絡(luò)內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050
免 費(fèi) 申 請(qǐng) 試 課
