安卓app,ui设计规范.docx

安卓app,ui设计规范篇一:iOS和Android的app界面设计规范 iOS和Android的app界面设计规范字数876阅读96439评论36喜欢344 记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通 iOS篇界面尺寸设备 iPhone6plusiPhone6iPhone5/5s/5ciPhone4/4siPad1/2iPadmini 分辨率750×1334px640×1136px640×960px1024×768px1024×768px 状态栏高度导航栏高度标签栏高度60px40px40px40px40px20px20px 132px88px88px88px88px44px44px 147px98px98px98px98px49px49px 1242×2208px iPad3/4/Air/Air2/mini22048×1536px Paste_ 图标尺寸设备 iPhone6plusiPhone6iPhone5/5s/5ciPhone4/4siPad1/2iPadmini AppStore程序应用主屏幕 spotlight工具栏和标签栏搜索导航栏 75*75px44*44px75*75px44*44px75*75px44*44px25*25px22*22px25*25px22*22px 1024*1024px180*180px144×144px87×87px75*75px66*66px1024*1024px120*120px144×144px58*58px1024*1024px120*120px144×144px58*58px1024*1024px120*120px144×144px58*58px1024*1024px90*90px1024*1024px90*90px 72*72px50*50px72*72px50*50px iPad3/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标签栏高度:96px Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px 内容区域高度为:1038px(1280-50-96-96=1038) 图表尺寸屏幕大小 320×480px 480×800px/480×854px/540×960px720×1280px1080×1920px 启动图标操作栏图上下文图系统通知图标最细笔画标标不小于2 px不小于3px不小于2dp不小于6px