过渡效果和变形效果
在 WebAcappella 中,您可以创建过渡效果来动画化两个页面之间的转换。每个过渡效果都可以自由命名:这只是一个标签,方便您在设置中找到它。
存在两种使用场景:
1. 基本效果:两个元素之间的变形
- 创建一个新的过渡效果,并为其命名(例如“页眉徽标”)。
- 将该名称与第 1 页上的组件和第 2 页上的对应组件关联起来。
- 当页面切换时,WebAcappella 会在这两个元素之间应用流畅的变形效果(例如:首页中央宽大的徽标在下一页的页眉处逐渐缩小)。
该效果营造出视觉连续性,使浏览体验更舒适。
2. 相同元素的动画效果
- 某些元素在不同页面上保持相同外观(例如导航按钮、图标、静态图像)。
- 若为其设置过渡效果,WebAcappella不会进行变形处理,而是应用配套动画效果(如淡入淡出或渐显)。
- 这避免了突然的中断,使页面过渡更流畅。
这种用法特别适用于导航元素或重复出现的模块。
Tip
- 为过渡效果选择清晰的名称,以便轻松定位。- 谨慎使用变形效果处理关键元素(徽标、标题、主图像)。- 结合变形效果与辅助动画,打造优雅流畅的过渡效果。
Note
2页过渡演示: