Hello, I'm QI XIN

Motion Designer

交互动效设计师

专注 UI 动效、交互动效、Onboarding 与产品体验动画

View My Work →

01 趣加游戏

视频广告设计师

2019–2021

02 抖音

动效设计师

2021–2022

03 OKX

动效设计师

2022–2026

PORTFOLIO

UX MINDED
MOTION DRIVEN
DETAIL OBSESSED

BEIJING, CHINA
AVAILABLE FOR FREELANCE

Selected Work精选项目

精选部分项目,探索动效如何驱动更好的体验

02 / 06

Web3 2.0

Web3 Wallet 产品体验动效

Category
Wallet Experience
Type
Product Motion
Year
—

以统一、连续的动态体验组织 Wallet 多场景信息,建立清晰的产品浏览节奏。

Read Case Study ↓

Context项目背景

Web3 Wallet 涵盖钱包创建、资产概览、行情、Crypto、DeFi、多链资产以及收款等多个高频场景。随着产品功能增加,需要通过统一且连续的动态体验,把复杂的信息结构组织成更容易理解和浏览的产品流程。

Role我的角色

负责 Web3 Wallet 核心产品场景的 UI 动效与产品演示动画,包括首页视觉、页面切换、资产数据、功能模块以及多链资产等场景的动态呈现。

Motion Design · Interaction Motion · Animation Prototype产品、UI 及视觉设计由原项目团队共同完成;本人主要负责产品动效、交互动画及动画原型。

Challenge设计挑战

Web3 产品信息密度高,资产、网络、行情与功能入口同时存在。挑战在于既要保持界面的专业和数据感,又需要通过动效建立视觉重点,避免大量信息同时出现造成认知负担。

Motion Approach动效策略

以“信息逐层建立”为核心,通过内容显现、数据变化、页面连续转场和局部视觉强调控制用户注意力。不同功能之间保持统一的节奏与运动逻辑,使动画帮助用户理解信息层级,而不是单纯增加视觉效果。

Final Motion最终动效

最终完成覆盖 Wallet 首页、资产数据、Crypto、DeFi、多链资产及收款等场景的产品动效展示,使复杂的 Web3 功能在连续浏览过程中保持清晰、一致和具有节奏感的体验。