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

下载本文档

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

文档简介

1、320pk640djlI640Px11J36pxi"rinti«IOS和安卓ui设计常用尺寸及基本知识iOSappiOSapp图标的圆角半径是多少?括弧里面是对应的半径大小Appstore(Retina屏)(160艇pxiTunesArtworkicon512px(90px)Appicon(iPhone4s)114px(20px)Appicon(iPhone5s)120px(22px)Appicon(iPad)72px(12px)Appicon(iPhone3G/3GS)57px(10px)Spotlight/Settingsiconicon(iPhone4)58px(10

2、px)29px(9px)Spotlight/Settingsiconicon(iPhone3G/3GS/iPad)iPhoneiPad、AndroidUI常用设计尺寸iPhone:APPLEAPPSTOREICON:512x512PX(圆角弧度80px)iPhone5AppIcon:120x120PX(圆角弧度22px)iPhone4AppIcon:114x114PX(圆角弧度20px)iPhone3GSAppIcon:57x57PX(圆角弧度22px)iPhone5326ppi4英寸1136*640PXiPhone4AppUI:960x640PX(设计时,高度还需要减去状态栏40PX)iPh

3、one3GSAppUI:480x320PXiPhone的设计尺寸(ios尺寸)iPhone界面尺寸:设备分辨率状态栏高度导航栏高度标签栏(工具栏)高度iPhone6plus设计版1242X220860px132px146pxiOSAPP设计一稿支持iPhone5/iPhone6/Plus设计流程Phone6plus物理版1080x192054px132px146pxiOSAPP设稿支持iPhone5/iPhone6/Plus设计流程iPhone6750X133440px88px98Px(88px)iPhone5s640义113640px88px98Px(88px)iPhone5c640义113

4、640px88px98px(88px)iPhone5640义113640px88px98px(88px)iPhone4s640X96040px88px98px(88px)iPhone4640X96040px88px98px(88px)G40px1640口兀收息,二居同口ex490f”iiPhone&iPodToych第一代。素_代、量_ft收界广Ilcrt*p>标亶和JK90PlehsrafcpxIRionaBiPtxx帕4同心*4与iPhone图标尺寸:系统分辨率圆角大小iOS6-90px-1024px约为图标宽度x0.175iOS7+90px-1024px约为图标宽度X0.2

5、25AssetiPhone6Plus(3x)iPhone6andiPhone5(2x)iPhone4s(2x)iPadandiPadmini(2x)iPad2andiPadmini(1x)Appicon(requiredforallapps)180x180120x120120X120152义15276义76AppiconfortheAppStore(requiredforallapps)1024火10241024火10241024火10241024义10241024义1024Launchfileorimage(requiredforallapps)Usealaunchfile(seeLaunc

6、hImages)ForiPhone6,usealaunchfile(seeLaunchImages)ForiPhone5,640x1136640X9601536义2048(portrait)2048义1536(landscape)768义1024(portrait)1024义768(landscape)Spotlightsearchresultsicon(recommended)120x12080x8080X8080x8040义40Settingsicon(recommended)87义8758X5858X5858x5829x29Toolbarandnavigationbaricon(opti

7、onal)About66x66About44X44About44X44About44X44About22x22Tabbaricon(optional)About75x75(maximum:144义96)About50X50(maximum:96x64)About50X50(maximum:96x64)About50X50(maximum:96x64)About25X25(maximum:48x32)DefaultNewsstandcovericonfortheAppStore(requiredforNewsstandapps)Atleast1024pixelsonthelongestedgeA

8、tleast1024pixelsonthelongestedgeAtleast1024pixelsonthelongestedgeAtleast1024pixelsonthelongestedgeAtleast512pixelsonthelongestedgeWebclipicon(recommendedforwebappsandwebsites)180x180120x120120x120152义15276义761必褥3hone5.A见01叱ft芟卷IS'SpxII1141w57融iPhoneSS;Mli北巡案iPad的设计尺寸iPad界面尺寸:设备分辨率状态栏高度导航栏高度标签栏高度

9、iPad6/iPadAir22048义153640px88px98pxPad5/iPadAir/ipadmini22048义153640px88px98pxiPad4/ipadmini2048义153640px88px98pxiPad3/thenewiPad2048义153640px88px98pxiPad21024义76820px44px49pxiPadl1024义76820px44px49pxiPadMini1024义76820px44px49px103pxRadnaiPd*二代,君曲ft70Spx104pitiPada-it.»_ft768pxigi3iPadMHliPad图标

10、尺寸:系统分辨率圆角大小iOS6-90Px-1024Px约为图标宽度X0.175iOS7+90Px-1024px约为图标宽度X0.225AssetiPhone6Plus(3x)iPhone6andiPhone5(2x)iPhone4s(2x)iPadandiPadmini(2x)iPad2andiPadmini(1x)Appicon(requiredforallapps)180x180120x120120X120152义15276义76AppiconfortheAppStore(requiredforallapps)1024火10241024火10241024火10241024X1024102

11、4X1024Launchfileorimage(requiredforallapps)Useaaunchfile(seeLaunchImages)ForiPhone6,usealaunchfile(seeLaunchImages)ForiPhone5,640x1136640X9601536义2048(portrait)2048义1536(landscape)768X1024(portrait)1024x768(landscape)Spotlight120x12080x8080X8080x8040义40searchresultsicon(recommended)Settingsicon(reco

12、mmended)87义8758X5858X5858x5829x29Toolbarandnavigationbaricon(optional)About66x66About44X44About44X44About44X44About22x22Tabbaricon(optional)About75x75(maximum:144义96)About50X50(maximum:96x64)About50X50(maximum:96x64)About50X50(maximum:96x64)About25X25(maximum:48义32)DefaultNewsstandcovericonfortheApp

13、Store(requiredforNewsstandapps)Atleast1024pixelsonthelongestedgeAtleast1024pixelsonthelongestedgeAtleast1024pixelsonthelongestedgeAtleast1024pixelsonthelongestedgeAtleast512pixelsonthelongestedgeWebclipicon(recommendedforwebappsandwebsites)180x180120x120120x120152义15276义76RetinaiPa:d舞三代,第四代PMApp规。理i

14、Pad1&2(iPadMini)在20481496用面尺寸设计切8B以(1024-748尺寸CODE.«».潭6»数,Mh尺寸iPhone4s【区域】点Sifi第芯&HB彩不能小于无他尺寸【切面】小于2«尺寸的以png24空日区域切死【金名】两用匿用"做后酬也独存在的部件尺寸必须是【偶长尺寸】defaultKUhighlighted按卜drbled不可a南充分考g个控剌丽的【85个优0】程式芨欧寸ffijsetss茨<#Ret>naflPPJxT88px.44Px文字tom我是黑体注意字体、大小的转换PS里"

15、;px"与IOS里"磅”的转换(SMMtVj中文字仆HHerti式图体m:(®Q)吟【大小】被运设廿BAS1C0本未每AmtUf14Android的设计尺寸:屏幕尺寸指实际的物理尺寸,为屏幕对角线的测量。为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。像素(PX)代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dp

16、i)、高(240dpi)和超高(320dpi)像素=DP*(DPI/160)例如,在一个240dpi的屏幕里,1DP等于1.5PX。于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。典型的设计尺寸?320dp一个普通的手机屏幕(240X320,320>480,480X800)?480dp一个中间平板电脑像(480>800)?600dp7寸平板电脑(600M024)?720dp10寸平板电脑(720M280,800X280)类型hdpimdpi1dpiICON96

17、*9672*7248*4836*36Notification图标48*4832*3224*24标签Tab图标48*4832*3224*24Android安卓系统dp/sp/px换算表名称分辨率比率rate(针对320px)比率rate(针对640px)比率rate(针对750px)idpi240义3200.750.3750.32mdpi320义48010.50.4267hdpi480X8001.50.750.64xhdpi720义12802.251.1251.042xxhdpi1080X19203.3751.68751.5主流Android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸三星GalaxyS34.8英寸720义1280三星GalaxyS45英寸1080X1920三星GalaxyS55.1英寸1080X1920三星GalaxyS64.5英寸1200X1920小米14英寸480义854小米1s4英寸480义854小米24.3英寸720义1280小米2s4.3英寸720X1280小米35英寸1080X1920小米3s(概念)5英寸1080X1920小米45英寸1080X1920红米4.7英寸720义1280红米Note5.5英寸720义1280OPPOFind75.5英寸1440火OPPOFind7轻装5.5英1080X2560版寸1920OPPON1

温馨提示

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

最新文档

评论

0/150

提交评论