前言

在资讯科技的发展下，网页的技术之外有相当多人开始专注於「体验」与「互动」，同步带起 UI 设计、UX 研究等专注於使用者互动行为的讨论，而「体验」与「互动」在网页中，除了静态图像的视觉语言外，动态的呈现也是重点，常见应用类型包含 Loading 动态特效、menu 的展开与收合、滑鼠与网页元件的互动效果，只要安排得宜，不论简单或复杂都能有效提升互动体验。

网页技术部分除了 JavaScript 外，CSS Animation 的发展，让网页的动态特效能以更少的效能资源达成，也让动态特效更容易开发；同时，webGL 等技术发展已相当成熟，且有相当多的作品与案例应用此技术，网页浏览器能处理 2D、3D 等更为复杂的图形，以此技术延伸，将能创造更复杂、具有身历其境的体验，甚至 Web VR、Web AR、WebXR 等技术出现，可以想见未来的网页体验将会更加真实。

除了刚刚提到的CSS之外，现今有相当多专门处理绘图、动画的 JavaScript 函式库，本系列不免俗地会从最基本的CSS Animation开始，并挑选几个函式库实做练习，从做中学，纪录相关的学习笔记整理。

就让我们开始 Web Motion 之旅吧！