页面之间的过渡

WebAcappella 可让您在从一个页面移动到另一个页面时添加过渡效果。这些动画可使导航更加流畅,并强化网站的视觉形象。

激活页面转换

  1. 打开 WebAcappella 项目。

  2. 转到项目属性 → 页面转换。

  3. 从列表中选择所需的效果。

可用效果

WebAcappella offers a number of simple and effective effects, including :

  • 淡出:当下一页出现时,页面缓缓淡出。

  • 轻扫:新页面从左、右、上或下进入。

  • 缩放:缩小当前页面,放大下一页。

小技巧

渐变通常是最柔和、最普遍的效果,非常适合内容多样的网站。滑动或缩放则更适合具有创意或沉浸式设计的网站。

各要素的过渡

除了页面间的全局过渡外,WebAcappella 还允许您为某些元素(如徽标、按钮或图像)定义特定的过渡。

  • 如果一个元素在两个页面之间发生变化,流体动画可以将其两种状态连接起来。

  • 如果某个元素保持不变,则可应用一个小的伴随动画(例如轻微的淡入淡出或移动)。

每个元素的过渡效果可以提供更加个性化的渲染,并可与为页面选择的整体效果相结合。

最佳做法

  • 简洁至上 过渡必须不突兀。用户追求的首先是流畅性。

  • 一致性 为整个网站选择单一的整体效果,并协调元素的过渡效果。

  • 性能 在手机上或连接速度较慢的情况下,过于沉重的效果会影响浏览。请选择快速、轻盈的过渡效果。

  • 营销优势 优雅的过渡可以提升品牌形象,但过多的过渡会分散对真正重要内容的注意力:页面内容。

备注

页面之间的过渡是一种美学选择。它们的作用是增加流动性,而不是减慢信息访问速度。