操作和跳转图例
【页面名称】-该页面的状态/弹框
1
自动跳转
点击跳转
操作说明,如:长按、双击等
操作说明
带操作手势或示意图的操作事件
【某界面】
跳转到某个界面
标签图例
2
颜色表示:当前新增/修改的内容
颜色表示:无改动的内容,即与前版本一致
页面/界面名称,一般会加上【】
颜色表示:涉及到后端的内容
颜色表示:通用整个APP的内容
流程图例
3
开始
流程/界面
判断
操作说明
子流程
手势操作图例
4
单击
(Tap)
双击
(Double Tap)
按住
(Press)
长按
(Long Press)
向上滑动
(Swipe up)
向下滑动
(Swipe down)
向左滑动
(Swipe left)
向右滑动
(Swipe right)
上推
(Push up)
下拉
(Drag down)
张开 2指
(Pinch open)
捏合 2指
(Pinch close)
对应编号的说明注释
点击热区
文档图例
1