app-ui-设计规范.ppt

IOS ＆ Android APP UI设计规范
整理ppt
iOS 篇
整理ppt
iOS 界面尺寸
设备
分辨率
PPI
状态栏高度
导航栏高度
标签栏高度
Iphone6 plus
1080x1920 px
401 ppi
54 px
132 px
146 px
Iphone6/6s
750x1334 px
326 ppi
40 px
88 px
98 px
Iphone5/5c/5s
640x1136 px
326 ppi
40 px
88 px
98 px
Iphone4/4s
640x960 px
326 ppi
40 px
88 px
98 px
ppi（pixels per inch）即每英寸像素，也叫像素密度。
整理ppt
图标尺寸
设备
APP store
程序应用
主屏幕
Spotlight
搜索
标签栏
工具栏/导航栏
Iphone6 plus
1024x1024px
180x180 px
114x114
px
87x87 px
75x75 px
66x66 px
Iphone6/6s
1024x1024
px
120x120
px
114x114
px
58x58 px
75x75 px
44x44 px
Iphone5/5c/5s
1024x1024
px
120x120
px
114x114
px
58x58 px
75x75 px
44x44 px
Iphone4/4s
1024x1024
px
120x120
px
114x114
px
58x58 px
75x75 px
44x44 px
整理ppt
Iphone6 图例
整理ppt
状态栏规范
用户依赖于状态栏的重要信息，如信号，时间和电池。文本和图标可以是白色或黑色，但背景可以被设计成任何颜色，并与导航栏合并。
pt（point）是印刷业上长使用的单位，磅的意思，是一种固定的长度单位，可以用测量设备测量的单位。pt=px*3/4 1pt=1/72英寸
整理ppt
导航栏规范
导航栏是用于屏幕的快速信息。左边部分可用于配置文件，菜单按钮，而右边的部分是一般用于动作按钮，如添加，编辑，完成。请注意，如果您使用这些系统图标，您不需要为它们单独设计。
整理ppt
搜索栏
整理ppt
工具栏
Stepper控件
整理ppt
提示框
提示对话框是用于输送关键信息和提示快速操作。提示应保持最少文字，退出一定是明显。
整理ppt