一.IOS尺寸规范
PPI(Pixels Per Inch)︰像素密度,所表示的是每英寸所拥有的像素数量PPI数值越高,即代表显示屏能够以越高的密度显示图像。从而得出,显示的密度越高,显示器显示的就越真实、越清晰
1)界面规范
不同屏幕规格:
背景:#f5f5f5 #eeeeee #efeff4
分隔线:1px#000000不透明度10% #dddddd、#cccccc
分隔条:20px
列表高:100-120px
2)图标规范
1)启动图标要求的设计尺寸:1024*1024 圆角180px(系统要求)
主屏幕中的APP图标:120px,半径25px(实际)
默认搜索页显示的APP图标:40px,半径:10px(实际)
设置中的APP图标:58px,半径10px(实际)
spotlight搜索中的APP图标:120px,半径25px(实际)
2)功能图标
导航栏中的图标:44px
标签栏/工具栏中的图标:44px
二.IOS文字规范
1)种类:苹方
2)字号
导航栏:36-38px 主题副标题
正文:28-34px 说明性文字
标签栏:22-24px 提示性文字
3)间距
字间距:默认
行间距:字号*1.3-1.5倍
4)颜色
主文:#333333
副文:#666666
提示文:#999999
Tip:
这可以作为调色的基础,然后自己适当微调!!!
三.IOS人机交互指南
1)智能手机传感器
传感器类型 | 功能应用 |
摄像头 | 相机,扫码 |
麦克风 | 与声音相关的功能 |
GPS | 定位 |
电子罗盘 | 磁阻传感器,指南针之前其中一个功能,与GPS结合使用,用在出行类AAP中 |
重力感应器 | “视频横屏放大” |
加速度传感器 | “摇一摇”“计步” |
光线传感器 | “自动调光” |
距离传感器 | 接电话时靠近皮肤时息屏 |
气压传感器 | “天气中的海拔高度、气压” |
三轴陀螺仪 | 轻微防抖 |
2)iOS交互指南
交互 | 应用场景 |
3D触碰 | 重力按压 |
颜色 | (见下图) |
音频 | 自动连接 |
认证 | 密码/验证码自动填充 延迟登录(跳过认证) 显示适当的键盘 生物识别登录 |
数据输入 | 数据选择器 从系统获取信息 |
通过值列表轻松导航 在文本字段中显示提示 | |
拖放 | 图片拖放 |
手势 | (见下图) |
多任务处理 | 滑过 拆分视图 |
画中画 | |
通知 | 应用通知屏蔽 |
截图 | 三指截屏/截屏悬浮 |
四.Android和iOS的差异
1)导航机制
安卓:应用无顶部左边的返回键,依赖虚拟返回键
IOS:顶部左边的返回键
Tip:
全面屏的普及,除了顶部左边的返回键,安卓/IOS都出现了滑动返回
2)界面布局
安卓:操作放在顶部,避免误操作(底部虚拟键的影响)
IOS:操作放在底部标签栏,便于用户操作
3)操作方式
a.安卓:
单项删除:长按
b.IOS:
单项删除:左滑
4)特色
安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件
安卓:主题图标
栏,便于用户操作
3)操作方式
a.安卓:
单项删除:长按
b.IOS:
单项删除:左滑
4)特色
安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件
安卓:主题图标