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

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

06 / 06

Referral

邀请好友奖励动效

Category
Campaign
Type
Brand Motion
Year
—

以轻量循环动效突出 BTC 奖励识别,在有限空间中增强活动吸引力。

Read Case Study ↓

Context项目背景

Referral 活动通过邀请好友完成指定行为获得 BTC 奖励。页面需要在有限空间中快速传递奖励机制,同时增强活动入口的吸引力和奖励感知。

Role我的角色

负责 Referral 活动页面核心动态视觉设计,将 BTC、奖励金额以及邀请关系转化为动态视觉元素,并控制动画在页面信息区域中的运动范围和节奏。

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

Challenge设计挑战

活动页中的标题和规则已经承担主要信息传递功能,因此动画需要足够醒目,但又不能影响正文阅读或让页面变得过于营销化。

Motion Approach动效策略

将大量基础圆形元素构成动态背景,并让具有明确含义的 BTC 与奖励元素从中被突出。通过层级、尺度和位置变化制造“发现奖励”的视觉过程,让动画形成持续但不过度抢占注意力的循环。

Final Motion最终动效

最终形成一段轻量的活动页循环动效,在保持页面主体内容稳定的同时强化 BTC 奖励的视觉识别,使 Referral 活动入口更具吸引力。