手机App

Posted 2020-09-04

手机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 

安卓字体