UI设计尺寸规范-最新最全UI设计规范

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

官网、6SP、7P1242×2208px401PPI60px132px146pxiPhone6-6S-7750×1334px326PPI40px88px98pxiPhone5-5C-5S640×1136px326PPI40px88px98pxiPhone4-4S640×960px326PPI40px88px98pxiPhone&iPodTouch第一代、第二代、第三代320×480px163PPI20px44px49pxUI设计规范:IOS、Android系统主流尺寸整理官网图标尺寸:设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏iPhone6P-6SP-7(@3×)1024×1024px180×180px114×114px87×87px75×75px66×66pxiPhone6-6S-7(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone5-5C-5S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone4-4S(@2×)1024×1024px120×120px114×114px58×58px75×75px44×44pxiPhone&iPodTouch第一代、第二代、第三代1024×1024px120×120px57×57px29×29px38×38px30×30px官网–Air-Air2-mini22048×1536px264PPI40px88px98pxiPad1-21024×768px132PPI20px44px49pxiPadMini1024×768px163PPI20px44px49pxiPad图标尺寸:设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏\导航栏iPad3-4-5-6-Air-Air2-mini21024×1024px180×180px144×144px100×100px50×50px44×44pxiPad1-21024×1024px90×90px72×72px50×50px25×25px22×22px官网×1024px90×90px72×72px50×50px25×25px22×22pxAndroidSDK模拟机的尺寸屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)小屏幕QVGA(240×320)480×640普通屏幕WQVGA400(240×400)WQVGA432(240×432)HVGA(320×480)WVGA800(480×800)WVGA854(480×854)600×1024640×960大屏幕WVGA800*(480×800)WVGA854*(480×854)WVGA800*(480×800)WVGA854*(480×854)600x1024超大屏幕1024×6001024×7681280×768WXGA(1280×800)1536×11521920×11521920×12002048×15362560×1600官网的图标尺寸屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画320×480px48×48px32×32px16×16px24×24px不小于2px480×800px480×854px540×960px72×72px48×48px24×24px36×36px不小于3px720×1280px48×48dp32×32dp16×16dp24×24dp不小于2dp1080×1920px144×144px96×96px48×48px72×72px不小于6pxAndroid安卓系统dp/sp/px换算表名称分辨率比率rate(针对320px)比率rate(针对640px)比率rate(针对750px)idpi240×3200.750.3750.32mdpi320×48010.50.4267hdpi480×8001.50.750.64xhdpi720×12802.251.1251.042xxhdpi1080×19203.3751.68751.5主流Android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸4.4英寸800×1280px5.1英寸1080×1280px官网×1920px魅族MX4Pro未上市5.5英寸1536×2560px三星GALAXYNote45.7英寸1440×2560px三星GALAXYNote35.7英寸1080×1920px三星GALAXYS55.1英寸1080×1920px三星GALAXYNoteII5.5英寸720×1280px索尼XperiaZ35.2英寸1080×1920px索尼XL39h6.44英寸1080×1920pxHTCDesire8205.5英寸720×1280pxHTCOneM84.7英寸1080×1920pxOPPOFind75.5英寸1440×2560pxOPPON15.9英寸1080×1920pxOPPOR35英寸720×1280pxOPPON1Mini5英寸720×1280px小米M45英寸1080×1920px小米红米Note5.5英寸720×1280px小米M35英寸1080×1920px小米红米1S4.7英寸720×1280px小米M3S5英寸1080×1920px小米M2S4.3英寸720×1280px官网×1920px锤子T14.95英寸1080×1920pxLGG35.5英寸1440×2560pxOnePlusOne5.5英寸1080×1920px主流浏览器的界面参数与份额浏览器状态栏菜单栏滚动条市场份额(国内浮动)Chrome浏览器22px(浮动出现)60px15px42.1%火狐浏览器20px132px15px1%IE浏览器24px120px15px34%360浏览器24px140px15px28%遨游浏览器24px147px15px1%搜狗浏览器25px163px15px3.8%官网×108013.8%1366×76810.2%360×6407.9%1440×9007.7%720×12806.4%1024×7685.1%320×5683.7%1600×9003.5%1080×19203.3%375×6673.2%

1 / 8
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功