UI設計尺寸規(guī)范UI設計規(guī)范標準

1、Pli（x）e6iPhorPb Pute MiTWilwiie6 Pusfiil 版UI 設計規(guī)范：IOS、Android 系統(tǒng)主流尺寸整理iPhone界面尺寸設備分辨率PPI狀態(tài)欄高度導航欄高度 標簽欄高度1Phone6P、6SP、7P1242x2208 px401 PPI60px132px146px.iPhone6 - 6S - 7750 x1334 px326PPI40px88px98px.iPhone5 - 5C - 5S640X1136 px326PPI40px88px98pxiPhone4 - 4S640 x960 px326PPI40px88px98px0 iPhone &

2、; Pod Touch鵠一代、第二代 第三代320 x480 px163PPI20px44px49px640pxiPhone & iPod Touch 第一代、第二代、第三代iPhone4 - iPhon4S導航欄烏08px1080 px-1920px2203px1242 px-狀姦亡窩60px320px導范欄SZ4px640px960px曇航欄為88px1136px88pxiPhone圖標尺寸:設備App Store程序應用主屏帚Spotlight搜索標簽欄工具欄和導航欄iPhone6P - 6SP7I3X|1024x1024px180 x180PX114X114PX87x87PX7

3、5x75 px66x66 pxiPhone6 - 6S - 7 s1024x1024px120 x120PX114X114px58x58 px75x75 px44x44 pxiPhone5 - 5C5S 2x)1024x1024px120 x120PX114X114 px58x58 px75x75 px44x44 pxr 廠iPhone4-4S cc1024x1024px120 x120PX114X114PX58x58PX75x75 px44x44 pxiPhone & iPod Touch fl?代、第二代、第三代1024x1024px120 x120PX57x57PX29x29PX

4、38x38PX30 x30 px-57px1024px-App Store(Retina)-512px-512pxApp Store-H4px57px4、4Sx 5、5C、5S6、6P 主屏幕iPnone3S主屏專58px87pxGGpx44pxiPhone5x VS、4Spotlight 嫂秦iPhone6 PlusSpotlight 歿索iPhone6 Plus工貝欄和導航欄4s 4S. 5、5Sx 6工貝欄和導航欄1024x1024 pxiPad的設計尺寸狀養(yǎng)欄SS20DKiPad第一代.第二什.iPad圖標尺寸:設備App Store程序應用主屏幕Spotlight搜索標簽欄工胖 導航

5、欄1024x1024 px180X180 px144X144 px10OX1CO px50 x50 px44x44PX設備尺寸分辨率狀態(tài)欄離度導航欄高度標簽欄高度iPod3-4-5-6 -2048X1536 px264PPI40px88px98px1024x768 px132PPI20px44px49px1024x768 px163PPI20px44px49px1536px768pxZ048px10Z4px1024pxiPad3-4-5-6Air - Air? 一 mm2iPad Mini768px1024x1024 px90X90 px72x72 px50 x50 px25x2SPX22x2

6、2PX1024x1024 pxAndroid SDK模擬機的尺寸屏蒂大小低密度(120)中等密度(】60)高密度(240)超高密度(320)小屏幕QVGA (240 x320)480 x640普通屏幕WQVGA400 (240 x 400)WQVGA432 (240 x 432)HVGA (320 x 480)WVGA8C0 (480X800)WVGA854 ( 480 X 854) 6COX1024640 x960大屏幕WVGA8C0 * (480 x800)WVGA854* (480 x854)WVGA8004(480 x800) WVGA8544(480 x854) 600 x1024超

7、大屏幕1024 x 6001024x768 1280X768WXGA (1280 X800)1536x1152 1920 x11521920X12002048x15362560X1600iPad Mini90X90px72x72px50 x50px25x25px22x22PXiPad 3-45-6 Air一 Air2 - mini2iP3d 第一代、第二代iPad MiniAi?2- mni2iPbd 第一代、第二代iPad Mini1024pxApp Store(Retina)512px144px72px72pxlOOpx50px50pxAndroid的圖標尺寸屏幕大小啟動圖標操作欄圖標上下

8、文圖標系統(tǒng)通知圖標 （白色）最細筆畫320 x480 px48 x 48px32x32 px16 x 16 px24x24 px不小于 2 px480 x800px480 x854px540 x960px72x72 px48x48 px24x24 px36x36 px不小于 3 px720X1280 px48x48 dp32x32 dp16x 16dp24x24 dp不小于 2 dp1080 x1920 px144x 144 px96x96 px48 x 48 px72x72 px不小于 6 pxAndroid安卓系統(tǒng)dp/sp/px換算農(nóng)名稱分辨率比率rate（針對320px）比率rate（

9、針對640px）比率rate（針對750px）idpi240 x3200.750.37S0.32mdpi320 x48010.50.4267hdpi480X8C0l.S0.750.64xhdpi720X12802.251.12S1.042xxhdpi1080X19203.3751.687S1.5主流Android手機分辨率和尺寸設備分辨率尺寸設備分辨率尺寸g44 英 寸8C0 xl280px3S.1 英寸1080X1280 px魅族 MX2魅族 MX35.36 英寸1152x1920 px5.S 英寸1536x2560px魅族 MX45.7 英寸1440 x2560 px5.7 英寸1080X

10、1920px三星 GALAXY Note 4三星 GALAXY Note 35.1 英寸1080 x1920 px5.S 英寸720X1280px三星 GALAXY S5三星 GALAXY Note II索尼 Xperia Z3HTC Desire 820OPPO Find 7OPPO R3小米 M4小米 M3小米 M3S5.2 英寸5.5 英寸5.5 英寸5 英寸5 英寸5 英寸5 英寸1080X1920 px720 xl280px1440 x2560 px720 xl280px1080 x1920 px1080 x1920 px1080X1920 px6.44 英寸1080X1920PX索

11、尼 XL39h47 英寸1080 x1920px5.9 英寸1080X1920pxOPPON15 英寸720X1280PXOPPON1 Mini5.S 英寸720X1280PX小米紅米 Note4.7 英寸720X1280Px小米紅米 1SI小米 M2S4.3 英寸720X1280px5 英寸1080 x1920 px主流瀏覽器的界面參數(shù)與份額瀏覽器狀態(tài)欄菜單欄滾動條市場份額（國內(nèi)浮動）eChrome 瀏覽器22 px （浮動出現(xiàn)）60 px15 px42.1%1 .20 px132 px15 px1%倉IE 瀏覽器24 px120px15 px34%360 瀏覽器24 px140 px15 px28%遨游瀏覽器24 px147 px15 px1%搜狗瀏覽器25 px163 px15 px3.8%4.95 英寸1080 x1920px華為榮耀 6錘亍 T1LGG35.5 英寸1440 x25