经典活动（AOS）¶

长期以来，WebAcappella 通过 WOW.js 提供外观动画。现在，您可以直接在项目属性中选择使用 AOS（滚动动画）库。AOS 提供现代、流畅的外观效果，无需编写任何代码即可轻松调整。

在项目中激活 AOS¶

打开 WebAcappella 项目。
转到项目属性 → 动画。

为组件应用外观效果¶

选择一个组件（文本、图像、按钮、块等）。
打开 "外观动画 "面板。
选择效果类型（如渐变、滑动、缩放、轻微旋转）。

最佳做法¶

少即是多仅限于几种连贯的效果（如*淡入淡出+轻微平移*）。
注重内容效果必须通俗易懂（突出一个标题、一个 CTA、一个关键步骤）。
性能避免同时为过多元素制作动画，尤其是在移动设备上。
视觉一致性统一整个场地的持续时间、时标和影响类型。
易用性/舒适性更喜欢简短、适中的效果，既赏心悦目，又不会造成干扰。
浏览器兼容性某些效果在不同浏览器（尤其是 Safari）上的显示可能不同。请在多个设备上测试您的网页。

推荐使用案例¶

部分标题：轻微褪色 + 谨慎的垂直滑动。
视觉区块（地图、缩略图）：外观略微放大。
CTA（动作按钮）：快速、简洁的淡入淡出，保持反应灵敏。
项目列表：层叠出现（连续短时延迟）。

从 WOW.js 移植¶

使用 WOW.js 配置的旧项目仍可正常运行。
要利用 AOS 的优势： 1. 在项目属性中启用 AOS。 2.查看关键组件并重新应用外观效果。 3.对齐持续时间和延迟时间，确保视觉效果一致。

营销提醒¶

精心选择的动画可以突出您的信息（促销、新闻、社会证明）并吸引注意力。过多的特效会分散对内容的注意力，使用户感到疲倦，并可能损害对质量和速度的感知。