UI設(shè)計規(guī)范UI設(shè)計規(guī)范教程簡介手機(jī)移動端UI界面尺寸圖標(biāo)分類以及設(shè)計規(guī)范文字規(guī)范色彩規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范手機(jī)移動端UI界面尺寸UI設(shè)計規(guī)范PPI：PixelsPerInch也叫像素密度，所表示的是每英寸所擁有的像素數(shù)量。因此PPI數(shù)值越高，即代表顯示屏能夠以越高的密度顯示圖像。當(dāng)然，顯示的密度越高，擬真度就越高。視網(wǎng)膜屏幕：分辨率超出人眼識別極限的高分辨率屏幕。UI設(shè)計規(guī)范IOS系統(tǒng)UI設(shè)計規(guī)范

PPI≈160

@×1；PPI≈320

@×2；PPI≈480

@×3UI設(shè)計規(guī)范UI設(shè)計規(guī)范UI設(shè)計規(guī)范UI設(shè)計規(guī)范UI設(shè)計規(guī)范UI設(shè)計規(guī)范UI設(shè)計規(guī)范狀態(tài)欄（40PX）導(dǎo)航欄（88PX）標(biāo)簽欄（98PX）內(nèi)容區(qū)Iphone6750PX1334PXUI設(shè)計規(guī)范UI設(shè)計規(guī)范安卓系統(tǒng)UI設(shè)計規(guī)范安卓系統(tǒng)設(shè)備屏幕大小狀態(tài)欄高度(px)導(dǎo)航欄高度(px)標(biāo)簽欄高度(px)Xhdpi720*1280509696XXhdpi1080*192075144144UI設(shè)計規(guī)范超高屏幕：320dpi720px*1280px超超高屏幕：480dpi1080px*1920px安卓主流手機(jī)屏幕尺寸UI設(shè)計規(guī)范教程簡介手機(jī)移動端UI界面尺寸圖標(biāo)分類以及設(shè)計規(guī)范文字規(guī)范色彩規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范圖標(biāo)分類以及設(shè)計規(guī)范UI設(shè)計規(guī)范啟動圖標(biāo)功能圖標(biāo)啟動圖標(biāo)與功能圖標(biāo)UI設(shè)計規(guī)范IOS1024*1024圓角：180PXAndroid512*512圓角：90PX啟動圖標(biāo)的設(shè)計尺寸UI設(shè)計規(guī)范設(shè)置中的APP圖標(biāo):58px半徑：10px導(dǎo)航欄中的圖標(biāo):44px標(biāo)簽欄中的圖標(biāo):44pxUI設(shè)計規(guī)范教程簡介手機(jī)移動端UI界面尺寸圖標(biāo)分類以及設(shè)計規(guī)范文字規(guī)范色彩規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范文字規(guī)范UI設(shè)計規(guī)范Android官方字體：中文思源黑體【NotoSansCJK】

英文RotoboIOS官方字體：中文蘋方

英文SanFranciscoUI設(shè)計規(guī)范UI設(shè)計規(guī)范導(dǎo)航欄：36-42PX導(dǎo)航欄：36-42PX導(dǎo)航欄：36-42PX主題副標(biāo)題說明性文字提示性文字偶數(shù)偶數(shù)偶數(shù)UI設(shè)計規(guī)范字間距：默認(rèn)；行距是文字的1.5倍，而且遵循偶數(shù)原則。分隔線：1PX百分之10的黑色不透明度或者#dddddd分隔條：高度20px，顏色采用底板背景色，如：#f5f5f5UI設(shè)計規(guī)范教程簡介手機(jī)移動端UI界面尺寸圖標(biāo)分類以及設(shè)計規(guī)范文字規(guī)范色彩規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范色彩規(guī)范UI設(shè)計規(guī)范背景顏色：#f5f5f5#eeeeee#efeff4UI設(shè)計規(guī)范文字顏色：#333333#666666#999999UI設(shè)計規(guī)范教程簡介手機(jī)移動端UI界面尺寸圖標(biāo)分類以及設(shè)計規(guī)范文字規(guī)范色彩規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范UI排版布局保命設(shè)計技巧UI設(shè)計規(guī)范Q:標(biāo)簽欄圖標(biāo)和文字如何排版？A:先文字后圖標(biāo)，文字約26-28px，圖標(biāo)約44px，圖標(biāo)和文字上下排版，圖標(biāo)寬度大小

約占據(jù)兩個文字的大小。UI設(shè)計規(guī)范Q:當(dāng)文字和圖標(biāo)左右排版時該如何調(diào)整圖標(biāo)與文字的大小？A:先文字后圖標(biāo)，文字約28-32px，圖標(biāo)和文字