UI尺寸基礎知識:
1、像素密度-PPI
像素密度是指顯示屏幕每英寸的長度上排列的像素點數量,PPI(Pixels per inch)越高代表屏幕顯示效果越精細,Retina屏比普通屏清晰很多,就是因為它的像素密度翻了一倍。
2、計量單位
iOS和Android平臺都定義了各自的像素計量單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說實話,兩者其實是一回事。
單位之間的換算關系隨倍率變化:
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)
單位決定了思考方式。在設計和開發過程中,應該盡量使用邏輯像素尺寸來思考界面。設計Android應用時,有的設計師喜歡把畫布設為1080×1920,有的喜歡設成720×1280。給出的界面元素尺寸就不統一了。Android的最小點擊區域尺寸是48x48dp,這就意味著在xhdpi的設備上,按鈕尺寸至少是96x96px。而在xxhdpi設備上,則是144x144px。
無論畫布設成多大,設計的是基準倍率的界面樣式,而且開發人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通,雙方都需要以邏輯像素尺寸來描述和理解界面,無論是在標注圖還是在日常溝通中,不要再說“底部標簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。
本文由培訓無憂網長沙牛耳教育專屬課程顧問老師整理發布,更多相關課程請關注培訓無憂網UI培訓或添加老師微信:15033336050
以上文章由長沙牛耳教育課程顧問整理編輯發布,部分文章來自網絡內容真實性請自行核實或聯系我們,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050
免 費 申 請 試 課