模板预加载指引

模板的预加载指引

预加载器可以提升您网站的第一印象,但前提是必须正确使用。

预加载器要求

包含预加载器的模板必须符合某些标准,以确保最佳浏览体验。设计良好的预加载器可以在不使访问者感到沮丧的情况下提升感知性能。

预加载器要被接受,必须满足以下条件:

  • 持续时间不得超过1.5秒。

  • 必须提供清晰的说明,便于轻松禁用。

  • 移除后不会破坏布局或功能。

  • 视觉上具有吸引力,并与您网站的内容相呼应。

  • 避免在编辑模式下遮挡首屏区域。

优秀的预加载器示例包括:汽车经销商使用车库门动画来展示首页,建筑作品集通过草图平滑过渡到完成效果图,以及摄影网站采用相机快门短暂开合的动画效果。

应避免的情况

以下类型的预加载器将不予通过

  • 通用型预加载器,无法为设计增添有意义的价值。

  • 模拟加载过程的加载器(例如进度条或“正在加载…”文字)。

  • 仅显示标志而无互动元素的预加载器。

最佳实践

创建预加载器时,您应该:

  • 将预加载器添加到布局模板中,使其仅运行一次,而不是每次页面跳转时都重新播放。

  • 避免不必要地延迟内容显示。优秀的预加载器应自然融入体验,而非造成阻碍。

想了解更多关于模板的信息?

请访问我们的 创作者帮助中心 获取更多文章:

如需关于模板的帮助或疑问,请发送邮件至 creators@framer.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.