动效设计课件.pptxVIP

UI/UXMOTIONCOURSE动效设计课件设计原则·经典案例·实操技巧·行业趋势汇报时间：2026

COURSEOVERVIEW课程导览·四步学习路径01设计原则动效的底层逻辑与判断标准02经典案例从优秀作品中读懂原则03实操技巧把原则转化为可执行的方法04行业趋势动效设计的现在与未来动效设计·让界面动起来原则→案例→技巧→趋势

动效设计原则动效不是装饰，是沟通01

动效设计课件动效的意义：让界面会说话静态界面回答不了三个问题：元素从哪来、到哪去、用户刚刚做了什么。01按钮按下有没有反馈02卡片是展开还是跳转03菜单从哪个方向进入这些微小运动决定产品是顺手还是费解。先想清楚要传达什么，再决定怎么动。把动效当成修饰，是新手最容易犯的错。动效的本质用时间与运动传递信息位置变化空间关系速度变化轻重缓急透明度变化层级深浅动效设计·资深动效设计师04/20

动效设计课件变化要有理由，运动要有逻辑01先问存在理由优秀的动效经得起一个问题：它为什么存在？没有理由的运动只会制造噪音。02再看信息增量页面滑入→告诉用户“你前进了一层”元素淡出→表示“这项任务完成了”列表依次出现→引导视线按顺序阅读03判断标准去掉这个动效，用户是否还能顺畅理解界面？毫无损失，就是多余。第一原则每个运动都必须服务于信息传达或操作反馈。动手前先问“它要说什么”，比学会任何软件技巧