谷歌官方設計規范

谷歌官方設計規范：https://material.io/guidelines/material-design/

名稱	分辨率 px	dpi	像素比	示例 dp	對應像素
xxxhdpi	2160 x 3840	640	4.0	48dp	192px
xxhdpi	1080 x 1920	480	3.0	48dp	144px
xhdpi	720 x 1280	320	2.0	48dp	96px
hdpi	480 x 800	240	1.5	48dp	72px
mdpi	320 x 480	160	1.0	48dp	48px

中文字體：Source Han Sans / Noto

英文字體：Roboto

1. 12sp 小字提示

2. 14sp（桌面端13sp）正文/按鈕文字

3. 16sp（桌面端15sp）小標題

4. 20sp Appbar文字

5. 24sp 大標題

6. 34sp/45sp/56sp/112sp 超大號文字

圖標用途	mdpi (160dpi)	hdpi (240dpi)	xhdpi (320dpi)	xxhdpi (480dpi)	xxxhdpi (640dpi)
應用圖標	48 x 48 px	72 x 72 px	96 x 96 px	144 x 144 px	192 x 192 px
系統圖標	24 x 24 px	36 x 36 px	48 x 48 px	72 x 72 px	196 x 196 px

dpi =屏幕寬度（或高度）像素 / 屏幕寬度（或高度）英寸

dp =(寬度像素 x 160)/ dpi

名稱	分辨率 px	dpi	像素比	示例 dp	對應像素
xxxhdpi	2160 x 3840	640	4.0	48dp	192px
xxhdpi	1080 x 1920	480	3.0	48dp	144px
xhdpi	720 x 1280	320	2.0	48dp	96px
hdpi	480 x 800	240	1.5	48dp	72px
mdpi	320 x 480	160	1.0	48dp	48px

所有可操作元素最小點擊區域尺寸：48dp X 48dp。

柵格系統的最小單位是8dp，一切距離、尺寸都應該是8dp的整數倍。以下是一些常見的尺寸與距離：

另外注意56dp這個數字，許多尺寸可變的控件，比如對話框、菜單等，寬度都可以按56的整數倍來設計。

還有非常多規范，不詳細列舉，遵循8dp柵格很容易找到適合的尺寸與距離。平板與PC上留白更多，距離與尺寸要相應增大。