咨詢熱線 400-001-5729

關(guān)于UI設(shè)計界面尺寸的基礎(chǔ)知識

發(fā)布時間:2021-11-17 10:36:15

ui設(shè)計尺寸規(guī)范
      UI尺寸基礎(chǔ)知識:
      1、像素密度-PPI
      像素密度是指顯示屏幕每英寸的長度上排列的像素點數(shù)量,PPI(Pixels per inch)越高代表屏幕顯示效果越精細,Retina屏比普通屏清晰很多,就是因為它的像素密度翻了一倍。
      2、計量單位
      iOS和Android平臺都定義了各自的像素計量單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說實話,兩者其實是一回事。
      單位之間的換算關(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è)計和開發(fā)過程中,應(yīng)該盡量使用邏輯像素尺寸來思考界面。設(shè)計Android應(yīng)用時,有的設(shè)計師喜歡把畫布設(shè)為1080×1920,有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點擊區(qū)域尺寸是48x48dp,這就意味著在xhdpi的設(shè)備上,按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上,則是144x144px。
      無論畫布設(shè)成多大,設(shè)計的是基準倍率的界面樣式,而且開發(fā)人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通,雙方都需要以邏輯像素尺寸來描述和理解界面,無論是在標注圖還是在日常溝通中,不要再說“底部標簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。

      

      本文由培訓(xùn)無憂網(wǎng)長沙牛耳教育專屬課程顧問老師整理發(fā)布,更多相關(guān)課程請關(guān)注培訓(xùn)無憂網(wǎng)UI培訓(xùn)或添加老師微信:15033336050

以上文章由長沙牛耳教育課程顧問整理編輯發(fā)布,部分文章來自網(wǎng)絡(luò)內(nèi)容真實性請自行核實或聯(lián)系我們,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

免 費 申 請 試 課