SHUHUIDU / 杜舒惠
← 返回作品选关CASE FILE / 06

动效设计与互动探索

让关键时刻的反馈,被看见,也被感受到。

界面动效状态反馈角色互动
从设计背景看起
动效设计与互动探索项目预览
MOTION / INTERACTION
THE BRIEF / 项目摘要

这组作品汇集了运营入口、课堂奖励、成长反馈与角色互动中的动效实践,关注的不只是画面如何动起来,而是如何通过节奏、状态变化与视觉焦点传达信息。

运营入口以短循环动效突出活动主题;课堂中的金币奖励、段位升级和对战结果强化关键时刻的反馈;成长值与星级升级则把学习积累转化为可感知的进展。角色换装、点赞与串门等场景进一步探索动作、场景和界面的配合。

同时尝试 AI 辅助素材与动效产出,在不同业务场景中积累可复用的表现方式。以下视频呈现了这些设计在实际界面中的动态效果。

01
CHAPTER / 0102

让运营入口传达活动主题

用短循环动效与 AI 辅助素材组织视觉焦点,探索运营入口的动态表达。

MOTION / 01动效设计与互动探索
MOTION / 02动效设计与互动探索
02
CHAPTER / 0305

让课堂奖励有清晰的节奏

通过金币、段位与对战结果的变化,突出课堂互动中的关键反馈。

MOTION / 03动效设计与互动探索
MOTION / 04动效设计与互动探索
MOTION / 05动效设计与互动探索
03
CHAPTER / 0607

让角色参与用户互动

在换装、点赞与串门中,探索角色动作、场景和界面的配合。

MOTION / 06动效设计与互动探索
MOTION / 07动效设计与互动探索
04
CHAPTER / 0809

让学习积累成为可感知的进展

通过成长值与星级升级的动态反馈,呈现学习过程中的变化与成就。

MOTION / 08动效设计与互动探索
MOTION / 09动效设计与互动探索
NEXT MISSION / 继续选关

希望学 APP 体验升级