UI设计尺寸规范-最新最全UI设计规范_第1页
UI设计尺寸规范-最新最全UI设计规范_第2页
UI设计尺寸规范-最新最全UI设计规范_第3页
UI设计尺寸规范-最新最全UI设计规范_第4页
UI设计尺寸规范-最新最全UI设计规范_第5页
已阅读5页,还剩11页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、iPhone界面尺寸设备UI设计规范:IOS、An droid系统主流尺寸整理分辨率PPI状态栏高度导航栏高度标签栏高度12422208 px401PPI60px132 px146 pxiPhone6R 6SP、7PiPhone6 - 6S - 7750 X1334 px326PPI40px88px98px640 X1136 px326PPI40px88px98pxiP hone5 - 5C - 5SnJ iP hone4 - 4S640 960 px326PPI40px88px98pxiPhone & iPod Touch第一代、第二代、第三代320 480 px163PPI20px44px

2、49 pxSOpK32CpxiPhrnp 用 iPM Tm村i 第一代*気二住第三代O&OpK寻 rtbaep*13S4px1920rwll一昌旳皿iPhOr - iPhan&iiiSO pxShift px1 I3bpj66 px口iPhone6 - 6S - 7(2x)1024 X024px120 X120px114 X14px58X58 px75X5px44 44 pxiPhone5 - 5C - 5S(2x)1024 X024px120 X120px114 X14px58X58 px75X5px44 44 pxiPhone4 - 4S(2x)1024 X024px120 X120px1

3、14 X14px58X58 px75X5px44 44 pxiPhone & iPod Touch 第一代、第二代、第三代1024 X024px120 X120px57 X57 px29X29 px38X38px30 X30 pxlGZ4px151 即j(111l4pi07piT &apx J1QOpx20pxlOpx.ZApp StoretRetira)App Store斗、4S、S、50 5GiPhoneSS主屛哼Pdk44fxiPhoncSs 恋、4Gpotlioh 谧索r*hcne6 PlusiPtiofie Plus工良拦和辱嚴亡IIViPad的设计尺寸设备尺寸分辨率状态栏高度导航栏

4、高度标签栏高度iPad 3 - 4 - 5 - 6Air - Air2 - mini2iPad 1 - 2iPad MiniiPad图标尺寸:设备2048X1536 px1024 X68 px1024 X68 pxPad 3 - 4 - 5 - C Air - 3 - eoHApp Store1024X024 px264PPI132PPI163PPI40px20px20px88px44px44px98px49px49px程序应用Pad里一a、誘二ft主屏幕1024呼Spotiight 搜索Pad Mint标签栏工具栏导航栏iPad 3 - 4 - 5 - 6 - Air - Air2 - mi

5、ni2180 X180px144X44px100X00px50X50px44px1024X024 px90X30px72X72px50 X50 px25X25px22X22pxiPad 1 - 211024X024 px90X90 px72X72 px50X50 px25X25 px22X22 pxiPad Mini1I512PXH-iOKI72p*I/2pxlU24pj(90pJ(130psVApp Store (Ret na)App StorePod 3 4 5 6Aif - Air? - Fi2第二代iPad Mini,ICOpiXGOox 1lODpx?OpK IJ5UpiiPac 3

6、-4- 5-6Ar Ar2 mini2ft.第二代(Pad MiniAn droid SDK模拟机的尺寸屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)小屏幕QVGA ( 240 圮20)480 640普通屏幕WQVGA400(240X400)WQVGA432(240X432)HVGA (320 480)WVGA800 (480 X800)WVGA854 (480 X854)600X1024640 60大屏幕WVGA800 *(480X800)WVGA854 *(480X854)WVGA800 * ( 480 X800)WVGA854 * ( 480 X854)60

7、0x1024超大屏幕10246001024 X7681280 X768WXGA(1280X800)1536X152 1920 X1521920X2002048X15362560 X600An droid的图标尺寸屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画320 乂480 px480 800px480 X554px540 960px720 X280 px1080 X920 pxAn droid安卓系统名称idpimdpihdpixhd pixxhd pi48X48 px72X72 px48X48 dp144 X144 pxdp/sp/px换算表分辨率240 X20320 X

8、80480 X00720 X2801080X920主流An droid手机分辨率和尺寸设备分辨率32X32 px48X48 px32X32 dp9696 px比率rate(针对 320px)尺寸0.751.52.253.37516X16 px24X24 px不小于2 px24X24 px36X36 px不小于3 px16X16 dp48X48 px设备24X24 dp72X72 px比率rate(针对 640px)0.3750.50.751.1251.6875分辨率不小于不小于2 dp6 px比率rate(针对 750px)0.320.42670.641.0421.5尺寸4.4英寸800 X1

9、280 px5.1英寸1080X280px魅族MX2魅族MX35.36 英寸1152X1920 px5.5英寸1536X2560px魅族MX45.7英寸1440 X2560 px三星 GALAXY Note 4魅族MX4Pro未上市5.7英寸1080X920px三星 GALAXY Note 35.1英寸1080X920 pxA=三星 GALAXY S5三星 GALAXY Note II5.5英寸720 X280 px5.2英寸1080X920 px6.44英寸1080X920px索尼 Xperia Z3索尼XL39h5.5英寸720 X1280 px4.7英寸1080X920pxHTC Des

10、ire 820OPPO Find 7OPPO R3小米M4小米M3小米M3S5.5英寸5英寸5英寸5英寸5英寸5英寸HTC One M81440 X2560 px720 X1280 px1080X920 px1080X920 px1080X920 px1080X920 px5.9英寸1080X920pxOPPO N15英寸720 X280 pxOPPO N1 Mini5.5英寸720 X280 px小米红米Note4.7英寸720 X280 px小米红米1S4.3英寸720 X280 px小米M2S4.95英寸1080X920px华为荣耀6锤子T1LG G35.5英寸14402560 px5.5英寸1080X1920pxOne Plus One主流浏览器的界面参数与份额浏览器状态栏菜单栏滚动条市场份额(国内浮动)22 px (浮动出现)60 px15 px42.1%Chrome浏览器20 px132 px15 px1%火狐浏览器24 px120 px15 px34%IE浏览器24 px140 px15 px28%360浏览器24 px147 px15

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论