SuperAPI AI 工具集

fintech-banking

设计与创作

查看项目

更新于 10-15 16:25

技能介绍

用途

该技能面向金融科技与银行业界面设计,适用于银行应用、支付系统、投资平台以及金融仪表盘的动画设计。其目标是通过动效传达信任感与安全感,让用户在处理金钱时感受到应有的庄重与专业。

主要能力

技能将迪士尼十二动画原则逐一映射到金融场景:

  1. 挤压与拉伸:克制使用,避免轻浮;数值更新时轻微拉伸,卡片翻转揭示详情时轻微弯曲。
  2. 预备动作:交易提交前短暂停顿,余额更新前有准备瞬间,安全验证步骤有视觉准备。
  3. 舞台调度:账户余额作为主角元素优先呈现,交易流程聚焦当前步骤,安全徽章醒目但不干扰。
  4. 顺画与关键帧:转账采用清晰的分步(关键帧),实时价格采用连续平滑更新(顺画),交易历史随滚动依次揭示。
  5. 跟随与重叠动作:支付成功时对勾先落定、金额随后确认;仪表盘加载时余额先出现,再是卡片,最后是交易;图表先出现坐标轴,再动画呈现数据。
  6. 缓入缓出:所有金融操作采用平滑、审慎的缓动;卡片动画以缓入缓出营造高级感;弹窗过渡采用自信的300-400毫秒运动。
  7. 弧线:用曲线路径可视化转账资金流,饼图/环形图采用平滑弧线,卡片选择采用弧线运动。
  8. 次要动作:转账成功时余额更新伴随细微对勾,账单支付时确认出现伴随轻量彩带,投资收益时数字更新伴随绿色光晕。
  9. 时间节奏:标准操作250-350毫秒以营造自信感,安全验证审慎地采用400-500毫秒,输入校验快速反馈采用150毫秒。
  10. 夸张:极为克制,金融数据要求准确;成功时刻对积极结果略加强调;欺诈警报保持适当紧迫感而非惊慌。
  11. 扎实绘图:数字在所有尺寸下清晰可读,卡片具备正确透视与阴影,图表数据可视化必须精确。
  12. 吸引力:营造类似 Apple Pay 般平滑精致的高级感,以克制建立信任,专业个性自信而不轻浮。

使用方式

技能提供行业时间标准参考表:按钮反馈150毫秒、ease-out;卡片翻转400毫秒、ease-in-out;转账步骤300毫秒、ease-in-out;余额更新250毫秒、ease-out;弹窗打开350毫秒、ease-out。设计时可依据这些时长与缓动值来统一动效节奏。

适用场景

适用于银行应用、支付系统、投资平台、金融仪表盘等需要处理金钱与敏感数据的界面动效设计。

限制

该技能强调金融场景中动效应克制、准确、高级,避免过度夸张或轻浮的表达。具体实现方式、平台支持范围及收费情况暂未提供。