使用新的 AMP Start 模板快速开始

加速移动页面 (AMP) 项目的核心支柱是速度和网络上的出色用户体验。也就是说，AMP 项目还关心使网页构建过程更快、更轻松。这就是我们创建 AMP Start的原因，这是一个使用 AMP 构建的具有全功能模板和常见页面元素的库。

选择模板后，您可以下载网站的完整代码，其中包含呈现网站中所有页面所需的所有 HTML、JavaScript 和 CSS。AMP Start 是使用 Basscss构建的，这是一个低级别的 CSS 工具包，提供了许多 CSS 实用程序类，以避免需要任何自定义 CSS。通过这种方式，您可以快速创建响应式、闪电般的 AMP 页面，并包含您自己的内容，而无需从头开始构建页面元素。

ampstart_home@2x.png

我们在 3 月份宣布了 AMP Start，在过去的几个月里，我们一直在与设计社区合作，在更多垂直领域（例如零售和旅游）中创建其他模板。

新的电子商务模板 😎

今天，我们推出经过重新设计的 AMP Start，以帮助您轻松找到开始使用 AMP 所需的模板或组件。

这包括新的模板，例如 Lune，它突出显示了单一产品线，并具有无缝的滚动动画和视差效果。Lune 采用现代感设计，以展示特定商品的详细信息，并为实体店的商品提供描述和信息。

AMP Start 上的模板完全交互，并且完全使用 AMP 构建，因此它们在所有设备上都很快。要开始构建动态零售体验，还可以查看新的自行车商店模板，它允许您展示一个产品库，其中包含产品分类、图片库和结账流程等功能。

由于这些模板的设计方式，模板的任何特定元素（如英雄图像或侧边栏菜单）也可以下载并自定义以适应您的品牌。这样可以更轻松地创建设计精美的页面，即使您已经完成了大部分网站。

接下来是什么？

未来几个月，将向 AMP Start 添加更多模板，包括展示创意作品集的网站、带有内容标记和数字杂志的新闻网站以及本地商业网站。为了真正突破 AMP 的可能极限，我们与包括 North Kingdom、MetaLab 和 Grain & Mortar 在内的设计工作室社区合作制作这些模板。我们的目标是展示使用 amp-bind 和 amp-animation 等组件时的互动和动态可能性。