IOS与安卓屏幕尺寸设计参数参考.docx_第1页
IOS与安卓屏幕尺寸设计参数参考.docx_第2页
IOS与安卓屏幕尺寸设计参数参考.docx_第3页
IOS与安卓屏幕尺寸设计参数参考.docx_第4页
IOS与安卓屏幕尺寸设计参数参考.docx_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

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

文档简介

IOS和安卓ui设计常用尺寸及基本知识iOS appiOS app 图标的圆角半径是多少?括弧里面是对应的半径大小App store(Retina屏)1024px(160px)iTunes Artwork icon 512px (90px)App icon(iPhone4s) 114px (20px)App icon(iPhone5s)120px(22px)App icon(iPad) 72px (12px)App icon(iPhone 3G/3GS) 57px(10px)Spotlight/Settings icon icon(iPhone4) 58px (10px)Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) 29px (9px)iPhone、iPad、AndroidUI常用设计尺寸iPhone:APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px)iPhone 5App Icon:120 x 120PX (圆角弧度22px)iPhone 4 App Icon:114 x 114 PX (圆角弧度20px)iPhone 3GS App Icon:57 x 57 PX (圆角弧度22px)iPhone 5 326ppi 4英寸1136*640PXiPhone 4 App UI:960 x 640PX (设计时,高度还需要减去状态栏40PX)iPhone 3GS App UI:480x 320PXiPhone的设计尺寸(ios尺寸)iPhone界面尺寸:设备分辨率状态栏高度导航栏高度标签栏(工具栏)高度iPhone6 plus设计版1242 220860px132px146pxiOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程iPhone6 plus物理版1080 192054px132px146pxiOS APP设计一稿支持iPhone5/iPhone6/Plus设计流程iPhone6750 133440px88px98px(88px)iPhone5s640 113640px88px98px(88px)iPhone5c640 113640px88px98px(88px)iPhone5640 113640px88px98px(88px)iPhone4s640 96040px88px98px(88px)iPhone4640 96040px88px98px(88px)iPhone图标尺寸:系统分辨率圆角大小iOS 6-90px 1024px约为图标宽度 0.175iOS 7+90px 1024px约为图标宽度 0.225AssetiPhone 6 Plus (3x)iPhone 6 and iPhone 5 (2x)iPhone 4s (2x)iPad and iPad mini (2x)iPad 2 and iPad mini (1x)App icon(required for all apps)180 180120 120120 120152 15276 76App icon for the App Store(required for all apps)1024 10241024 10241024 10241024 10241024 1024Launch file or image(required for all apps)Use a launch file(see Launch Images)For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 1136640 9601536 2048 (portrait)2048 1536 (landscape)768 1024 (portrait)1024 768 (landscape)Spotlight search results icon(recommended)120 12080 8080 8080 8040 40Settings icon(recommended)87 8758 5858 5858 5829 29Toolbar and navigation bar icon(optional)About 66 66About 44 44About 44 44About 44 44About 22 22Tab bar icon(optional)About 75 75(maximum: 144 96)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 25 25(maximum: 48 32)Default Newsstand cover icon for the App Store(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edgeWeb clip icon(recommended for web apps and websites)180 180120 120120 120152 15276 76iPad的设计尺寸iPad界面尺寸:设备分辨率状态栏高度导航栏高度标签栏高度iPad6/iPad Air22048 153640px88px98pxiPad5/iPad Air/ipad mini 22048 153640px88px98pxiPad4/ipad mini2048 153640px88px98pxiPad3/the new iPad2048 153640px88px98pxiPad21024 76820px44px49pxiPad11024 76820px44px49pxiPad Mini1024 76820px44px49pxiPad图标尺寸:系统分辨率圆角大小iOS 6-90px 1024px约为图标宽度 0.175iOS 7+90px 1024px约为图标宽度 0.225AssetiPhone 6 Plus (3x)iPhone 6 and iPhone 5 (2x)iPhone 4s (2x)iPad and iPad mini (2x)iPad 2 and iPad mini (1x)App icon(required for all apps)180 180120 120120 120152 15276 76App icon for the App Store(required for all apps)1024 10241024 10241024 10241024 10241024 1024Launch file or image(required for all apps)Use a launch file(see Launch Images)For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 1136640 9601536 2048 (portrait)2048 1536 (landscape)768 1024 (portrait)1024 768 (landscape)Spotlight search results icon(recommended)120 12080 8080 8080 8040 40Settings icon(recommended)87 8758 5858 5858 5829 29Toolbar and navigation bar icon(optional)About 66 66About 44 44About 44 44About 44 44About 22 22Tab bar icon(optional)About 75 75(maximum: 144 96)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 50 50(maximum: 96 64)About 25 25(maximum: 48 32)Default Newsstand cover icon for the App Store(required for Newsstand apps)At least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 1024 pixels on the longest edgeAt least 512 pixels on the longest edgeWeb clip icon(recommended for web apps and websites)180 180120 120120 120152 15276 76Android的设计尺寸:屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。像素(PX)代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。典型的设计尺寸 320dp:一个普通的手机屏幕(240X320,320480,480X800) 480dp:一个中间平板电脑像(480800) 600dp:7寸平板电脑(6001024) 720dp:10寸平板电脑(7201280,8001280)类型hdpi mdpi ldpiICON 96*96 72*72 48*48 36*36Notification图标48*48 32*32 24*24标签Tab图标48*48 32*32 24*24Android安卓系统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手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸三星Galaxy S34.8英寸720 1280三星Galaxy S45英寸1080 1920三星Galaxy S55.1英寸1080 1920三星Galaxy S64.5英寸1200 1920小米14英寸480 854小米1s4英寸480 854小米24.3英寸720 1280小米2s4.3英寸720 1280小米35英寸1080 1920小米3s(概念)5英寸1080 1920小米45英寸1080 1920红米4.7英寸720 1280红米Note5.5英寸720 1280OPPO Find 75.5英寸1440 2560OPPO Find 7 轻装版5.5英寸1080 1920OPPO N1 mini5英寸720 1280OPPO R35英寸720 1280

温馨提示

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

评论

0/150

提交评论