春季网络动画工作坊

Avatar of Sarah Drasner
Sarah Drasner

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200美元免费额度!

网络动画工作坊 已于春季重新启动,今年我们将前往旧金山、芝加哥和巴黎,部分日期待定。Val Head 和我将携手为您带来两天内容丰富的课程和练习,以便您在离开课堂时,不仅能理解如何在不同的技术栈/环境中进行动画的技巧,还能理解其背后的原因。以下是我们涵盖的部分内容:

CSS 动画基础

我们将介绍 CSS 变换、过渡和关键帧动画的功能,以及如何在工作中有效地使用它们。我们还将介绍如何确定哪种网络动画选项最适合您的项目。

TweenMax 和 TimelineMax 基础

GreenSock 的 TweenMax 基础,这是一个功能强大且流行的 JavaScript 动画框架,用于更复杂的逻辑和动画任务。我们还将介绍考虑使用动画库的原因,以及如何选择最适合您项目的库。

UI/UX 动画原则

遵循最佳实践和原则,以确保您创建的动画为用户体验增添积极因素,而不是分散注意力。

值得借鉴的经典动画原则

经典动画原则和动态图形技巧,使您的网络动画作品看起来更专业和精致。

SVG 工作流程和优化

创建智能且性能优异的 SVG 以进行动画的工具和技巧。

SVG 动画

使用 CSS 和 JavaScript 对 SVG 进行动画的基本操作。我们将介绍每个选项对 SVG 的功能,以及如何确定使用哪种选项来完成工作。

使用 React 进行动画

使用 GreenSock 和 React-Motion 在 React 中进行动画。我们将介绍使用 React 的虚拟 DOM 进行动画的区别、一些陷阱以及如何调试性能问题。

Web Animation API

了解此最新规范中的内容,概述如何使用它,以及它对网络动画的近期未来意味着什么。

网络动画性能

有助于您充分发挥动画性能的技巧和属性,以及感知性能的考虑因素。

如果您有兴趣参加,请访问工作坊页面了解更多信息!旧金山的早鸟票即将售罄,请尽快抢购。

直接链接 →