iOS和A
droid的app界面设计规范
记录一下iOS和A
doird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通
iOS篇
界面尺寸
设备分辨率状态栏高度导航栏高度标签栏高度
iPho
e6plus
1242×2208px
60px
132px
147px
iPho
e6
750×1334px
40px
88px
98px
iPho
e55s5c
640×1136px
40px
88px
98px
iPho
e44s
640×960px
40px
88px
98px
iPad34AirAir2mi
i2
2048×1536px
40px
88px
98px
iPad12
1024×768px
20px
44px
49px
iPadmi
i
1024×768px
20px
44px
49px
fPaste_Imagep
g
图标尺寸
设备AppStore程序应用主屏幕spotlight搜索标签栏
iPho
e6plus
10241024px
180180px
144×144px
87×87px
7575px
iPho
e6
10241024px
120120px
144×144px
5858px
7575px
iPho
e55s5c
10241024px
120120px
144×144px
5858px
7575px
iPho
e44s
10241024px
120120px
144×144px
5858px
7575px
iPad34AirAir2mi
i2
10241024px
180180px
144×144px
100100px
5050px
f设备
AppStore
程序应用
主屏幕
spotlight搜索
标签栏
iPad12
10241024px
9090px
7272px
5050px
2525px
iPadmi
i
10241024px
9090px
7272px
5050px
2525px
字体
iPho
e上的字体英文为:HelveticaNeue至于中文,Mac下用的是黑体简,Wi
下则为华文黑体,所有字体要用双数字号。
百度用户体验部做过一个小调查,对于app字体大小的调查结论如下:
Paste_Imagep
g
颜色值
IOS颜色值取RGB各颜色的值比如某个色值,给予IOS开发的色值为R12G34B56给出的值就是123456有时也要根据开发的习惯,有时也用十六进制
内部设计
1、所有能点击的图片不得小于44px(Reti
a需要88px)2、单独存在的部件必须是双数尺寸
f3、两倍图以2x作为命名后缀4、充分考虑每个控制按钮在4中状态下的样式,如图
Paste_Imagep
g
A
droid篇
界面尺寸
a
droid的尺寸众多,建议使用分辨率为
720x1280
的尺寸设计。这个尺寸720x1280中
显示完美,在1080x1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。
状态栏高度:50px导航栏高度:96px标签栏高度:96pxA
droid最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px内容区域高度为:1038px(12805096961038)
f图表尺寸
屏幕大小启动图标操作栏图标上下文图标系统通知图标白色最细笔画
320×480px
48×48px
32×32px
16×16px
24×24px
不小于2px
480×800px480×854px540×960px
72×72px
48×48px
24×24px
36×36px
不小于3px
720×1280px
48×48dp
32×32dp
16×16dp
24×24dp
不小于2dp
1080×1920px
144×144px
96×96px
48×48px
72×72px
不小于6px
psA
droid设计规范中,使用的单位是dp,dp在安卓机r