移動端UI設計尺寸規范


一、概念:

1.屏幕大小:指屏幕對角線長度,單位是英寸

2.像素:組成圖像的最小點,一個相對大小單位,同屏幕里越小越清晰

3.屏幕像素密度(ppi)=像素總數/屏幕大小(英寸)

4.視網膜屏幕原理:當手機距離你約25-30厘米,如果手機ppi達到300以上,你的眼睛將無法分辨出像素點

5.dpi:平面設計/印刷技術單位,值越大,表明打印機精度越高

   dpi=ppi

二、Android屏幕尺寸規范化

1.程序開發統一使用虛擬尺寸單位:dp/dip(除文字外其他)、sp(文字)

2.px~dp轉換:

Ldpi:px-->dp   除以0.75

          dp-->px   乘以0.75

Mdpi:px-->dp   除以1

          dp-->px   乘以1

Hdpi:px-->dp   除以1.5

          dp-->px   乘以1.5

XHdpi:px-->dp   除以2

          dp-->px   乘以2

XXHdpi:px-->dp   除以3

          dp-->px   乘以3

XXXHdpi:px-->dp   除以4

          dp-->px   乘以4

3.基准間距原則:

(1)組件最小間距為8dp或10dp,排版/文字最小間隔建議4dp

(2)組件尺寸建議能被4整除

(3)組件尺寸建議為偶數(單數容易出現鋸齒)

4.48觸摸定律:48dp是物理尺寸大約為9mm左右,是一個用戶手指能夠准確舒服觸摸的最小尺寸

5.常見組件尺寸:

狀態欄:24dp

操作欄:44/48dp

側邊導航:286/304dp

懸浮操作按鈕:56dp

操作欄+TAB:36+33dp/44+40dp

底欄:44/48dp

6.Android常用字號/行距/顏色:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM