页面转场：让每一次跳转都成为一次呼吸
——以「快缩短网址 · suo.run」为镜

一、为什么要转场
转场不是「动一动」那么简单，它是产品情绪的脉搏。
1. 记忆锚点：独特的动效能在 0.3 秒内把品牌钉进海马体。
2. 仪式叙事：像《每日故宫》的放大式转场，一秒把用户拽进时空隧道。
3. 身份礼遇：VIP 用户值得一条专属的「红毯」，转场就是那条红毯。

二、转场语汇表
把转场当作一门语言，以下是其字母表：
· 折纸 Fold：日历翻页，时间被折进纸缝。
· 魔方 Cube：3D 旋转，信息在六面体里跳舞。
· 帷幕 Curtain：上下拉开，新世界在幕后候场。
· 水滴 Ripple：由点及面，涟漪把焦点推向下一幕。
· 瞬移 Fade：最克制的消失，像夜色抹掉最后一道光。
· 弹窗 Pop：元素破屏而出，强调「此刻唯一重要」。

三、细节里的魔鬼
1. 语义连贯
入口与落地页共用一张背景或一条动线，让用户「不辨西东」却「心有方向」。
2. 方向守恒
进则右入，退则左出；违反这条，就像把书倒着翻。
3. 手势语义
iOS 左滑返回、Android 底部上拉，动作必须与系统母语一致。
4. 状态永生
退出前记住滚动位置，或像「suo.run」的短链列表，自动缓存搜索词，返回时原样呈现。
5. 黄金手势
详情页大图占屏 80% 时，下拉即可返回——指尖最短路径，比点左上角快 0.8 秒。



四、一页小结
转场是产品的呼吸：太快会喘，太慢会憋。
在「快缩短网址 · suo.run」里，我们把长链压缩成 6 个字符，也把冗长的跳转压缩成一次优雅的眨眼——让用户在 0.2 秒内，完成一次从信息洪流到精准目标的瞬移。