01 趣加游戏
视频广告设计师
2019–2021
02 抖音
动效设计师
2021–2022
03 OKX
动效设计师
2022–2026
PORTFOLIO
03 / 06
Passkey
Passkey 安全功能动效
- Category
- Security Feature
- Type
- Explainer Motion
- Year
- —
用连续的形态转换解释 Passkey，将抽象的身份验证技术变得直观、可信。
Read Case Study ↓Context项目背景
Passkey 为用户提供比传统密码更便捷的身份验证方式，可结合 Face ID、指纹或设备验证完成登录。由于 Passkey 对部分用户仍是相对陌生的概念，需要通过视觉方式帮助用户快速理解其安全性和使用方式。
Role我的角色
负责 Passkey 功能页面的核心说明动效，将 Key、Face ID、指纹、设备验证和安全状态等概念转化为一组连续的视觉动画。
Motion Design · Interaction Motion · Animation Prototype产品、UI 及视觉设计由原项目团队共同完成；本人主要负责产品动效、交互动画及动画原型。
Challenge设计挑战
Passkey 本身属于抽象的安全技术，如果直接解释技术原理会增加用户理解成本；同时安全功能需要保持可信、简洁，避免过度复杂的动画削弱专业感。
Motion Approach动效策略
以“身份验证方式的连续转换”为核心，将钥匙、Face ID、指纹、PIN 和安全盾牌等用户熟悉的符号进行形态衔接。通过统一的圆形运动轨迹、中心构图和克制节奏，将多个验证方式组织成一套连续的视觉语言。
Final Motion最终动效
最终形成一段约 10 秒的循环说明动画，在用户阅读功能介绍的同时持续展示 Passkey 所关联的身份验证方式，使抽象的安全概念更加直观、易理解。