做网页ui动画的步骤为： 1、构思制作方案 前期要想好用什么软件之作，需要什么素材，分为几个制作流程。网页动画一般可以使用Adobe AnimateCC、代码或Principle来做。 2、绘制手稿 尽可能地在手稿中呈现出自己想要的效果。比如，动态效果是如何变化的，观看整个动画制作需要多长时间，包括动画的节奏，应在手稿上一次显示一个画面出来。 3、绘图/设计 接下来直接进到Sketch里，开始绘图画，然后制作模型并下载所需资源。 4、制作动画 这个环节可以转到 AdobeAnimateCC 导入所有资源，然后制作一个简单的时间轴，用来调整动态效果，加特效以及转换，完成后导出。 5、将动画效果加入到网页中 使用标记插入动画效果,也可以通过DW这个软件自动生成代码