过去,动画只能通过 Flash 或 Silverlight 来实现。 虽然有效,这些解决方案需要最终多用户下载单独的浏览器外挂来检视内容。 它还要求 WooCommerce 独立站网页设计师使用专门的软件来建立该内容。这些天,动画被烘焙成 CSS3 和流行的 script 库,如 jQuery(这恰巧是包含在 WordPress)。 两者都是快速,高效的,不需要任何特殊的软件来实现或检视。做 WooCommerce 独立站网页设计如何使用新增动画让网站更有趣?让我们讨论一下如何在您的网站上使用动画。

  1. 简单

  有时我们认为动画是一个大的,复杂的事情与各种特殊效果。 事实是,一个简单的动画可以同样有效(如果不是更多)。 Infinity 在其滑块上使用简单的动画,文字和影像快速滚动到检视。 这是一个很好的方式来得到某人的注意,而不必太努力。

  2. 在意外的地方的动画

  当我尝试 Evoke 主题演示时,他们对动画的使用使我惊讶。 网站的背景图片(在这种情况下,一张雪山的照片)慢慢地向上移动。

  3. 独特的动画,脱颖而出

  当然,动画不一定要接管整个页面才能有效。 动画的单个例项 – 甚至一个小例项 – 可以引起对特定感兴趣专案的注意。 而且,在多用户互动(点选,滑鼠悬停等)之后执行的动画会为任何网站新增优雅。有些是微妙的,有些甚至提供了独特的工具,以帮助您自定义的效果。

  4. 构建您自己的动画

  流行的 Quasar 主题包括一个名为 Curvy Slider 的功能,它将允许您自定义动画到您的核心内容。您有能力绘制过渡点,改变效果和建立凉爽的动画,将是您的网站是独一无二的。如果您有更多关于 WordPress 外贸独立站网站建设(定制网站、 woocommerce 模板网站)、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷、 WordPress APP/WordPress 微信开发等产品服务的需求,欢迎咨询跨飞独立站 WooCommerce 官网,新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统(强)!

  5. 多用户启用元素

  从 script 滑鼠悬停的日子开始,悬停效果在 UI / UX 中起到了很大的作用。 他们不仅看起来不错,还帮助多用户更好地了解如何浏览网站。 Tao 是一个主题,几乎动画 UI 的每个方面 – 包括一些漂亮的多用户启用元素像上面的例子。

  6. 向您的讯息新增一些动作

  通过上面不同类型的主题,动画变得明显成为现代 WooCommerce 独立站网页设计的主要部分。有了我们可以使用的工具和技术,新增动画是很容易的。此外,您的网站不会受到效能影响。