页面转场（APP页面切换效果） 忽略它可能会使设计师犯错

4.扭曲、页面融合

扭曲：根据水平或者垂直线为中心点，将整个页面进行旋转、压缩等处理，适合给用户传达一种'异次元、空间传送'的效果。

页面融合：根据页面的某个视觉元素，通过变形、变色、缩放、位移等方式过渡到另外一个页面中去。这种转场是最能体现两个页面之间的'关联性'，也是过渡效果最和谐的方式之一。

5.弹出、缩放

弹出：根据页面的某个视觉元素，将其弹入到下一个页面中去。适合突出某视觉元素，将其重点弹出展示。

缩放：将整个页面自大而小或者自小而大进行缩放过渡，很适合大封面的转场。

6.移入、淡化

这是我们最常见、最普通的转场方式了，大部分的产品使用这两种转场方式。移入有'上下左右'4个进入方向，而一直使用'左移进入、右移退出'的转场，最能体现产品功能的使用流程。

Part3：转场时应该考虑的细节

各种效果只是提供一种选择而已，根据自己的产品特性、想要传达的交互理念等选择合适的方式即可。而在一些转场过程中的细节点，是交互设计师不能忽略的事项。

1.页面间的关联性

页面之间都是通过'入口信息'和'页面标题'建立关联的，为了增加用户转场后的代入感、避免产生认知错误（觉得进错页面），可以考虑用相同的背景色、视觉元素等加强页面间的关联。

比如之前QQ游戏中心，将前页的背景图沿用到后页中，让后页的游戏描述更有代入感，用户第一时间就觉得'来对地方了～'