app 可以理解为一个由页面搭建的抽象空间，充满了逻辑关系（并列的页面、连续的页面、层层深入的页面，父页面子页面），好的页面交互要符合用户的心智模型，给用户足够的线索，帮助用户前进和后退，页面出现和退出的动画是线索之一
一、生切：
如果是点击tab切换，生切即可，不会觉得不自然，因为页面的层级关系是并列的且由tab作为“路标”引导，无需切换动作来暗示页面间的关系（如下图）
tab bar
navigation bar
二、动画切入
（1）右侧／下方进入，联想时看书的场景，人在阅读的时候已经适应了新的内容从右侧／下方出现，所以新页面出现的时候，最自然的是从右侧／下方出现，back的箭头也是指向左侧，进入下一页的箭头指向右侧
IOS系统没有固定返回键，如果页面层级超过3级，并且有返回上一级的场景，随着手机屏幕增大，ios系统的返回按钮在左上角，非常不方便单手操作，则需考虑手势返回，页面出现的方向暗示了返回的手势方向，左滑手势与翻书的动作类似，像是进入新的一页，右滑与返回的动作一致，回到上一页。
页面出现的动作对视觉有一定的引导作用，页面从右侧／下方出现，视线跟随页面的动作到达左侧／底部，即阅读开始的地方。
（2）其他方向进入，如果新页面是暂时性的页面，往往以半屏的方式展示结合蒙层的效果，透出与主页面的关系，则页面出现的方向与按钮的方位保持一致即可，比如滴滴的"我的"从左上角弹出。还有些动作采用悬浮按钮，点击后跳转新页面，直接从按钮处扩散开来，给用户连贯感(如instagram)。
结论：如果是tab生切；如果有前后关系从右侧／下方滑入，如果悬浮按钮可采用扩散的方式。
网友评论