工具与素材
Freeboard in motion：个人理财 App 的 Rive Logo／Loader／微交互体系
Freeboard 用同一隐喻贯穿 Logo 与控件，并把时长／缓动／减动偏好写进 Rive 状态机，适合当 Fintech 微交互过程参考。
2026-10-11 设计师 Valerio Donfrancesco 公开 Freeboard 动效案例：把「干舷（freeboard）」隐喻做成一套脚本无关的 .riv——Logo 出水／悬停按压、Loader 定／不定进度、开关注水、主按钮折成 spinner 再落到勾选或重试，以及空状态流水与流星。全部共用时长 token（120／240／480／1200 ms）与五条缓动，并用 reducedMotion 布尔切静止姿态；在线演示见 freeboard.money/rive/motion/。
Contra 项目页 schema datePublished 2026-10-11；正文写 six artboards、five state machines、shared tokens、Live demo。
为什么值得看
做 Fintech／SaaS 微交互的设计师可收藏「同一隐喻贯穿 Logo＋控件」的 Rive 过程稿，对照 view model 与减动偏好。