ui設(shè)計(jì)尺寸規(guī)范-最全ui設(shè)計(jì)規(guī)范

1、UI 設(shè)計(jì)規(guī)范： IOS、Android 系統(tǒng)主流尺寸整理iPhone 界面尺寸設(shè)備分辨率PPI狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度iPhone6P 、 6SP、 7P1242×2208 px401PPI60px132px146pxiPhone6 - 6S - 7750×1334 px326PPI40px88px98pxiPhone5 - 5C - 5S640×1136 px326PPI40px88px98pxiPhone4 - 4S640×960 px326PPI40px88px98pxiPhone & iPod Touch 第一代、第二代、第三代3

2、20×480 px163PPI20px44px49pxiPhone 圖標(biāo)尺寸：設(shè)備App Store程序應(yīng)用主屏幕Spotlight 搜索標(biāo)簽欄工具欄和導(dǎo)航欄iPhone6P - 6SP -1024×1024180×180114×11487×8775×757(3×)pxpxpxpxpx66×66 pxiPhone6 - 6S -7 (2×)1024×10 24 px120×120 px114×114 px58×58 px75×75 px44×44

3、 pxiPhone5 - 5C -1024×1024120×120114×11458×5875×755S (2×)pxpxpxpxpx44×44 pxiPhone4 - 4S (2×)1024×1024120×120114×11458×5875×75pxpxpxpxpx44×44 pxiPhone & iPod Touch 第一代、 第二代、第三代1024×1024120×12057×5729×2938

4、15;38pxpxpxpxpx30×30 pxiPad 的設(shè)計(jì)尺寸設(shè)備尺寸分辨率狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度iPad 3 - 4 - 5 - 6Air - Air2 - mini22048×1536 px264PPI40px88px98pxiPad 1 - 21024×768 px132PPI20px44px49pxiPad Mini1024×768 px163PPI20px44px49pxiPad 圖標(biāo)尺寸：設(shè)備App Store程序應(yīng)用主屏幕Spotlight 搜索標(biāo)簽欄工具欄導(dǎo)航欄iPad 3 - 4 - 5 - 6 - Air1024×

5、;1024 px180×180 px144×144 px100×100 px50×50 px44×44 px- Air2 - mini21024×1024 px90×9072×7250×5025×2522×22iPad 1 - 2pxpxpxpxpx1024×1024 px90×9072×7250×5025×2522×22iPad MinipxpxpxpxpxAndroid SDK 模擬機(jī)的尺寸屏幕大小低密度（ 120）中等密

6、度（ 160）高密度（ 240）超高密度（ 320 ）小屏幕QVG（A 240×320）480×640普通屏幕WQVGA400（240×400）WQVGA432（240×432）HVGA（320×480）WVGA80（0480×800）WVGA85（4480×854） 600×1024640×960大屏幕WVGA800 *（480×800）WVGA854 * （480×854）WVGA800 （* 480×800）WVGA854 （* 480×854） 600x10

7、24超大屏幕1024×6001024×7681280×768WXGA（1280×800）1536×1152 1920×11521920×12002048×15362560×1600Android 的圖標(biāo)尺寸屏幕大小啟動(dòng)圖標(biāo)操作欄圖標(biāo)上下文圖標(biāo)系統(tǒng)通知圖標(biāo) （ 白色 ）最細(xì)筆畫320× 480 px48×48 px32×32 px16×16 px24×24 px不小于 2 px480×800px480×854px72×72 px

8、48×48 px24×24 px36×36 px不小于 3 px540×960px720× 1280 px48×48 dp32×32 dp16×16 dp24×24 dp不小于 2 dp1080× 1920 px144×144 px96×96 px48×48 px72×72 px不小于 6 pxAndroid 安卓系統(tǒng) dp/sp/px 換算表名稱分辨率比率 rate（ 針對(duì) 320px）比率 rate（ 針對(duì) 640px）比率 rate（ 針對(duì) 750p

9、x）idpi240×320mdpi320×4801hdpi480×800xhdpi720×1280xxhdpi1080×1920主流 Android 手機(jī)分辨率和尺寸設(shè)備分辨率尺寸設(shè)備分辨率尺寸魅族 MX2英寸800×1280 px魅族 MX3英寸1080×12 80 px魅族 MX4英寸1152×1920 px魅族 MX4 Pro 未上市英寸1536×2560 px三星 GALAXY Note 4英寸1440×2560 px三星 GALAXY Note 3英寸1080×1920 px

10、三星 GALAXY S5英寸1080×1920 px三星 GALAXY Note II英寸720×1280 px索尼 Xperia Z3英寸1080×1920 px索尼 XL39h英寸1080×1920 pxHTC Desire 820英寸720×1280 pxHTC One M8英寸1080×1920 pxOPPO Find 7英寸1440×2560 pxOPPO N1英寸1080×1920 pxOPPO R35英寸720×1280 pxOPPO N1 Mini5 英寸720×1280 px小

11、米 M45英寸1080×1920 px小米紅米 Note英寸720×1280 px小米 M35英寸1080×1920 px小米紅米 1S英寸720×1280 px小米 M3S5英寸1080×1920 px小米 M2S英寸720×1280 px華為榮耀 65英寸1080×1920 px錘子 T1英寸1080×1920 px英寸1440×2560 px英寸1080×1920OnePlus OnepxLG G3主流瀏覽器的界面參數(shù)與份額瀏覽器狀態(tài)欄菜單欄滾動(dòng)條市場(chǎng)份額（ 國內(nèi)浮動(dòng) ）Chrome 瀏覽器22 px （浮動(dòng)出現(xiàn)）60 px15 px%火狐瀏覽器20 px132 px15 px1%IE 瀏覽器24 px120 px15 px34%360 瀏覽器24 px140 px15 px28%遨游瀏覽器24 px147 px15 px1%搜