摘要：“全局交互说明” 是将交互文档公共或者通用的部分抽离成出来统一说明，在具体交互说明页面用到 “全局交互说明” 只需要路径指引即可（或者链接跳转），减少交互文档维护成本。
那什么是页面切换、转场和跳转？其实都是指的在当前页面触发某个动作之后，页面会从当前页面进入到其他页面的过程。好的切换方式满足用户的心里模型，让用户清楚我从哪里来，现在在哪。
1、左右效果
左右效果跳转分为两种：1）新页面覆盖在当前页面一起向相同的方向左移动；2）新页面覆盖在当前页面上向左移动且当前页面不移动
使用场景：触发的新页面相对于当前页面有较强的逻辑关系（ 聊天列表>聊天窗；文章列表>到文章详情）
1.1、左右效果_当前页面不移动
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面；2）页面出现黑色透明蒙层，新页面向左移动（当前页面不移动），进入“1.2 当前页面不移动_跳转中”状态 ；3）右移动至新页面全部显示，进入“1.3 完成状态”
1.2、左右效果_当前页面移动
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面；2）页面出现黑色透明蒙层，新页面和当前页面一起向左移动，进入“1.2 当前页面移动_跳转中”状态 ；3）右移动至新页面全部显示，进入“1.3 完成状态”
2、上下效果
上下效果跳转分为两种：1）新页面由下而上移动覆盖当前页面；2）新页面渐变向上移动覆盖当前页面
使用场景：1）触发的新页面相对于当前页面是临时性的操作 (微信发红包，新添加群人员，新建笔记本，新建地址等)； 2）独立启动的一个子内容 (微信/支付宝的小程序）
2.1、上下效果_从下往上移动_半屏
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面； 2）页面出现黑色透明蒙层，页面从下往上移动，进入“1.2 从下而上移动_半屏状态”； 3）上移至页面固定位置（跟据场景而定），进入“1.3 完成状态”
2.2、上下效果_从下往上移动_全屏
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面； 2）页面从下往上移动，进入“1.2 从下而上移动_全屏状态”； 3）上移至顶部，进入“1.3 完成状态”
2.3、上下效果_从下往上渐变上移_全屏
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面； 2）新页面在当前页面渐变出现，进入“1.2 从下而上移动_全屏状态”； 3）上移至顶部，进入“1.3 完成状态”
3、收缩效果
使用场景：1）悬浮按钮（微信浮窗）； 2）触发的新页面是对当前页面局部的放大 (苹果手机照片查看)
流程：1）用户在“1.1 默认状态”页面点击触发跳转页面； 2）已点击点为原点进行放大效果，进入“1.2 放大中”； 3）放大至全屏，进入“1.3 完成状态”
「总结」在App应用中类似场景的页面跳转应保持一致性，既可以帮助用户更好的建立对产品的认知，也有利于降低用户的使用成本。我们在定义App应用的跳转方式时需要注意页面跳转的主次形式：1）主要的页面跳转方式多采用 左右效果跳转； 2）次要的页面跳转方式多采用 上下效果跳转、收缩效果跳转。
希望对正在了解APP页面切换/转场/跳转的你有所帮助！！！
