很像时尚趋势,WooCommerce 独立站网页设计也经历了自己的阶段和周期。今天很热的趋势或技术可能会在明天不受欢迎,而曾经被认为荒谬的东西可能只是再次回到流行。目前的一个设计趋势是视差滚动。越来越多的设计师使用视差作为他们的设计和主题的关键特征。换句话说,视差滚动可能是很多事情,但它肯定不是一个银弹来修复一切。 WooCommerce 建站公司:WooCommerce 独立站网页设计中视差滚动注意事项。

  什么是视差滚动?

  虽然 Parallax 在最近的时间在 WooCommerce 独立站网页设计师中发现了爱情,但它背后的概念和逻辑已经很老了。基本上,视差意味著元件被允许独立移动,从而给予 2D 平面以 3D 的感觉。视差滚动的一个很好的例子是 Envato Elite 著陆页。

  说完全在动画而不仅仅是设计,视差可以以各种方式实现:

  ·光栅视差,它主要用于给运动的视觉错觉。

  ·重复模式,它使用重复背景上的滚动显示。

  ·分层视差,其中前景和背景物件以不同的速度移动。

  在您的网页中使用视差时,您必须注意一些注意事项…

  1 、载入时间

  互联网上的人们注意时间短,时间有限。 如果您的网站无法载入快速,它将失去游客,无论设计多么好。 一般来说,大多数使用视差的设计师使用它的美学和眼睛糖果元素。 换句话说,视差的速度并不为人所知,这意味著无论如何实现视差,都会牺牲一点页面载入时间。

  现在,如果牺牲是值得合理的,使用视差滚动有意义。 但如果页面载入时间变得可笑的高(他们经常做),所有因为视差,不言而喻,您会更好,没有视差在您的网站上。 毕竟,损害您的搜索排名和流失的流量肯定不是一个价格,您只需要有一个花哨的滚动效果在您的网站。

  2 、可用性因子

  这是一个有争议的,仍然悬而未决的问题:视差网站真的可用?

  虽然有人争论或反对这个问题,答案在于之间的某个地方。当然,有一个薄的网站种类,其中视差可以增强和提高可用性(例如组合网站和著陆页)。如果网站只是展示您的身份以及多用户如何与您联络,您可以在您的网站上进行视差滚动。

  然而,当视差被用于或被滥用时,在实际建立以提供信息或销售东西的网站上出现问题。如果在部落格或商业组织网站上使用视差,则可能会导致一些混乱。这是您的多用户愿意阅读 “关于” 页面,了解您的商家或部落格的详情,或者检视其他信息!在这种情况下具有视差滚动意味著您以偶然的方式呈现您的信息,这将最多会混淆您的访问者,并且在最坏的情况下,驱使他们离开您的网站。

  只有当您的网站需要一次性访问时,视差滚动才有效。 如果您期望重复访问者,或者希望将访问者转换成客户,视差滚动将不会令人印象深刻,也不会帮助您获得更多的访问者。

  第一次访问后,动画效果看起来更令人讨厌的惊人。 因此,如果您在网页上推送一个想法,您可以使用视差滚动,但如果您正在为一个产品或业务,视差滚动可以做更多的危害比好。

  3 、 SEO 站群的问题

  搜索引擎优化是另一个在视差滚动中经常被忽略的因素。有时,声称视差对您的网站的 SEO 站群是灾难性的。虽然这个说法太过于牵强,不可能是真的,但您仍然需要谨慎地踏上 SEO 站群路,特别是如果您在您的网站上使用视差滚动。

  一般来说,现场 SEO 站群模式遵循特定模式。您可以跟随一个明确的 SEO 站群架构与视差网站,但在这种情况下最大和最明显的缺点是视差滚动不是最适合移动装置的事实。考虑到越来越多的搜索引擎正在考虑移动多用户的需求,您需要为此做好准备。