跳到项目介绍
SHUHUIDU / 杜舒惠聊聊设计
返回精选作品SELECTED WORK / 06

MOTION / INTERACTION

动效设计与互动探索

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

Read the story
希望学 / EDUCATION
界面动效状态反馈角色互动
09 MOTION STUDIES
背景与目标

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

设计与方法

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

实践与沉淀

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

01 / 04
CHAPTER / 0102

让运营入口传达活动主题

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

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

让课堂奖励有清晰的节奏

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

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

让角色参与用户互动

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

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

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

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

MOTION / 08动效设计与互动探索
MOTION / 09动效设计与互动探索