网站加载动画设计：缓解用户等待焦虑

页面加载需要时间，白屏等待很焦虑。加个加载动画，告诉用户"正在加载"，能缓解焦虑，提升体验。这篇文章说说加载动画的设计。

为什么需要加载动画

用户不知道网站是卡住了还是在加载，容易不耐烦关闭。加载动画提供反馈，让用户知道系统在工作，愿意多等一会儿。

加载动画类型

进度条：显示加载进度，用户知道还要等多久。适合大文件下载。

旋转图标：简单的转圈圈，表示正在处理。适合短时间的加载。

骨架屏：先显示页面轮廓，内容再填充。体验最好，但实现复杂。

设计要点

动画要简洁，别太花哨分散注意力。和品牌风格一致，可以用品牌色。加载时间太长要提示原因，或者允许取消。

实现方式

CSS动画最轻量，SVG也可以。复杂的用Lottie库，能播放AE导出的动画。

加载动画是细节，但做好了能让等待不那么煎熬。