设计

暗场引导Dark Onboarding

你可能会说

App 引导页别做成一张张静态图:黑底、字压在下半屏,每屏只留一个主角动作——卡片翻个面、图标变个形、数字滚到位。

暗场引导是深色 App onboarding 的一组动效语法:整块场景从右侧横向滑入完成换场,每个场景只安排一个签名动作。它的克制在于「一屏一件事」:账户条目逐条淡进交代信息密度,一张 3D 卡片翻面交代产品,一个靠描边画出来的对勾交代安全,一组逐位减速的数字滚轮交代金额。滑入的是整个场景而不是零散文字,所以换场像翻页,不会散成一屏乱动。
也常被叫作深色引导轮播Onboarding 切场动画引导页滑动
设计原则 · Principles
  • 换场滑的是整个场景:标题、副标题与画面内容作为一个块横向滑入(约 600ms),比逐个元素弹入更像翻页
  • 一屏一个签名动作:分步进、3D 翻面、图标形变、数字滚轮各占一屏,两个动作同屏就会互相抢注意力
  • 文字锚定,画面变化:标题固定在屏幕下半部,读者视线有落点,上面的内容才有资格动
  • 数字用逐位滚轮而非整体淡入:每一位独立减速、个位先定高位后定,「正在结算」的实感就来自这个错位
延伸阅读 · 权威出处