ios,app设计规范

ios,app设计规范篇一:iOS和Android的app界面设计规范iOS和Android的app界面设计规范字数876阅读96439评论36喜欢344记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通iOS篇界面尺寸设备iPhone6plusiPhone6iPhone5/5s/5ciPhone4/4siPad1/2iPadmini分辨率750×1334px640×1136px640×960px1024×768px1024×768px状态栏高度导航栏高度标签栏高度60px40px40px40px40px20px20px132px88px88px88px88px44px44px147px98px98px98px98px49px49px1242×2208pxiPad3/4/Air/Air2/mini22048×1536pxPaste_图标尺寸设备iPhone6plusiPhone6iPhone5/5s/5ciPhone4/4siPad1/2iPadminiAppStore程序应用主屏幕spotlight工具栏和标签栏搜索导航栏75*75px44*44px75*75px44*44px75*75px44*44px25*25px22*22px25*25px22*22px1024*1024px180*180px144×144px87×87px75*75px66*66px1024*1024px120*120px144×144px58*58px1024*1024px120*120px144×144px58*58px1024*1024px120*120px144×144px58*58px1024*1024px90*90px1024*1024px90*90px72*72px50*50px72*72px50*50pxiPad3/4/Air/Air2/mini21024*1024px180*180px144×144px100*100px50*50px44*44px字体iPhone上的字体英文为:HelveticaNeue至于中文,Mac下用的是黑体-简,Win下则为华文黑体,所有字体要用双数字号。百度用户体验部做过一个小调查,对于app字体大小的调查结论如下:Paste_颜色值IOS颜色值取RGB各颜色的值比如某个色值,给予IOS开发的色值为R:12G:34B:56给出的值就是12,34,56内部设计1、所有能点击的图片不得小于44px(Retina需要88px)2、单独存在的部件必须是双数尺寸3、两倍图以@2x作为命名后缀4、充分考虑每个控制按钮在4中状态下的样式,如图Paste_Android篇界面尺寸状态栏高度:50px导航栏高度:96px标签栏高度:96pxAndroid最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px内容区域高度为:1038px(1280-50-96-96=1038)图表尺寸屏幕大小320×480px480×800px/480×854px/540×960px720×1280px1080×1920px启动图标操作栏图上下文图系统通知图标最细笔画标标不小于2px不小于3px不小于2dp不小于6px48×48px32×32px16×16px24×24px72×72px48×48px24×24px36×36px48×48dp32×32dp16×16dp24×24dp144×14496×96px48×48px72×72pxpxps:Android设计规范中,使用的单位是dp,dp在安卓机上不同的密度转换后的px是不一样的字体Android上的字体为:Droidsansfallback,是谷歌自己的字体,与微软雅黑很像。Android的字体大小调查结论是:Paste_颜色值Android颜色值取值为十六进制的值比如一绿色的值,给开发的值为#5bc43e那么,为了满足自己的工作需要,我们谈谈UI设计师需要什么技能。在视觉设计方面1)平面构成2)色彩构成3)版式设计4)心理学5)美术绘画6)设计意识在交互设计方面1)了解用户体验设计、可用性原则;2)信息挖掘、用户调研、数据分析;3)良好的逻辑能力;4)心理学;5)交互设计原则、不同平台的规范;6)产品视觉感;7)沟通能力。篇二:ios和AndroidAPP设计规范要点相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式IOS篇一、尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136iPhone6:英寸,iPhone6Plus:英寸设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用640×1136,对plus做单独的修改适配,因为plus的屏幕实在是大了,遵循屏大显示更多内容的原则这里本应该是需要修的了。有更好办法的话希望大家可以分享一下。Ps:作图的时候确保都是用形状工具画的,这样更方便后期的切...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供参考,付费前请自行鉴别。
3、如文档内容存在侵犯商业秘密、侵犯著作权等,请点击“举报”。

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

客服邮箱:

biganzikefu@outlook.com

所有的文档都被视为“模板”,用于写作参考,下载前须认真查看,确认无误后再购买;

文档大部份都是可以预览的,笔杆子文库无法对文档的真实性、完整性、准确性以及专业性等问题提供审核和保证,请慎重购买;

文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为依据;

如果您还有什么不清楚的或需要我们协助,可以联系客服邮箱:

biganzikefu@outlook.com

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

文秘专家
机构认证
内容提供者

1

确认删除?