01 趣加游戏
视频广告设计师
2019–2021
02 抖音
动效设计师
2021–2022
03 OKX
动效设计师
2022–2026
PORTFOLIO
05 / 06
DEX Onboarding
DEX 功能新手引导动效
- Category
- Onboarding
- Type
- Product Motion
- Year
- —
围绕 DEX 核心字标建立稳定视觉中心，在短时间内完成品牌与功能认知。
Read Case Study ↓Context项目背景
DEX Trading 将去中心化交易能力整合进 Exchange 产品体验中。对于首次接触该功能的用户，需要在进入产品前快速理解它是什么、能够做什么，以及与原有交易体验之间的关系。
Role我的角色
负责 DEX 新手引导页面的核心动效设计，包括主视觉动态、DEX 字体动画、Token 元素以及页面视觉节奏的设计与实现。
Motion Design · Interaction Motion · Animation Prototype产品、UI 及视觉设计由原项目团队共同完成；本人主要负责产品动效、交互动画及动画原型。
Challenge设计挑战
Onboarding 页面停留时间短，同时页面还需要承载功能说明文字。因此主视觉既要在第一时间建立 DEX 的认知，又不能使用过于复杂的动画干扰功能信息阅读。
Motion Approach动效策略
围绕“DEX”核心字标建立视觉中心，通过 Token 几何元素、层级移动、光效和空间变化逐步丰富画面。动画始终围绕一个稳定视觉中心展开，以较低的理解成本传达去中心化交易和多资产的概念。
Final Motion最终动效
最终形成一段约 3.5 秒的循环 Onboarding 动画，使 DEX 品牌信息和功能概念能够在短时间内完成视觉建立，同时与下方的功能说明保持清晰的信息层级。