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精选项目

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

01 / 06

Web3 2025

Web3 年度回顾体验

Category
Annual Recap
Type
Motion Narrative
Year
2025

将 Wallet 用户一整年的链上行为重新组织成一段个性化、具有参与感的年度旅程。

Read Case Study ↓

Context项目背景

Web3 2025 是一个面向 Wallet 用户的年度回顾体验,将用户一年中的链上交易、交易量、使用网络、Meme 交易、安全行为等数据重新组织成一段个性化的年度旅程。

Role我的角色

负责年度回顾体验中的整体动效与动态叙事设计,包括页面节奏、数据出现方式、场景转换、视觉元素运动以及最终身份称号 Reveal。

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

Challenge设计挑战

年度数据类型多、跨度大,如果简单使用图表和数字罗列,很容易形成枯燥的数据报告。设计需要在保证数据可读性的同时建立叙事感,让用户愿意持续浏览完整个年度回顾。

Motion Approach动效策略

将整个体验设计为一段“Web3 Expedition / Mission Debrief”,通过宇宙、星球、岩石、扫描框和数据界面建立统一视觉世界。不同数据不同时出现,而是随着滚动逐步揭示,通过尺度变化、空间运动和数据 Reveal 建立章节节奏,最终将全年行为汇聚为用户专属身份称号。

Final Motion最终动效

最终形成一段完整的年度数据叙事体验,将交易次数、交易量、链上行为、安全记录等分散数据转化为连续的视觉旅程,并以个性化称号作为最终收束,使年度回顾从“数据展示”升级为具有参与感和记忆点的产品体验。