首页 > 代码库 > 手机App

手机App

手机APP规范

关于iPhone和安卓,上篇文章已经说过了。iphone有1:2:3的比率,关于设计的时候标题栏,状态栏的尺寸把握如下图所示:
技术分享
比率1(iPhone3Gs)的时候,状态栏高度20px,导航栏44 px,标签栏高度49 px
比率2(iPhone4(s) iPhone5(c)(s) iPhone6)的时候,状态栏高度40px,导航栏88 px,标签栏高度98px
比率3(iPhone6s plus)的时候,状态栏高度54px,导航栏132 px,标签栏高度146 px
 
以下是各个版本的APP图标规范
 
技术分享

关于iPad的尺寸
技术分享

技术分享

iPad1-2,iPad mini 状态栏高20 px, 导航栏44 px,标签栏49 px
iPad 3-4-5-6-Air-Air2-mini2 状态栏高40 px, 导航栏88 px,标签栏98 px
iPhone字体
iPhone 上的字体英文为: HelveticaNeue 至于中文,Mac下用的是黑体-简,Win下则为华文黑体。
下图是百度用户体验做过的一个小调查,可以看出用户可接受的文字大小,像素为单位,也就是大家在PS里的文字像素大小。
技术分享

 
 关于安卓就按照 低密度(120) 中等密度(160) 高密度(240) 超高密度(320)
Android 比 iPhone 的尺寸多了很多套,建议取用 720x1280 这个尺寸,这个尺寸 720x1280中显示完美,在 1080x1920 中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。

状态栏高度为:50 px

导航栏高度为:96 px

主菜单栏高度为:96 px

内容区域高度为:1038 px (1280-50-96-96=1038)

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96 px 

安卓字体

技术分享

 

 

手机App