简介
随着网络与移动终端的普及发展,移动端动画成为各种移动平台不可或缺的交互体现方式,在H5广告,WEB APP中,流畅的动画是提升用户体验与好感度的直接方式,该分享主要通过过往项目总结出通用方法论,讲解怎么让代码动画更具真实感而不显得多余累赘,怎么让动画更富有逻辑细节,怎么让代码动画使用的恰到好处,希望对听者有所引导,学以致用。本课程特点在于分享移动端H5实例项目及从项目中总结出经验方法论,引导听者换位思考动画构成,针对不同动画要求,制作相应技术方案。
目标
1、了解移动端动画从设计到实现的过程;
2、了解CSS3动画的时间控制;
3、了解怎样从用户角度观察并制作动画运动引导;
4、了解当前移动端动画图片格式;
5、了解动画图片相应的处理流程及工具;
6、了解怎样将技术作为设计支撑,协作开发。
课程时长
3H
受众人群
UI设计师、网页重构及前端开发相关工作人员。
分享提纲
一、微众银行官网案例分析 | 1.1、从设计稿到动画实现的转换过程 1.2、CSS3时间轴概念 1.3、动画运动闭环 1.4、动画视觉引导 |
二、腾讯公益新年H5案例分析 | 2.1、衔接舒适感 2.2、图片格式选择 2.3、优化工具推荐 |
三、互联网CEO分享会案例分析 | 3.1、技术呼应创意 3.2、始于设计,成于兼容,止于性能 |
四、Q&A | 讨论环节 |