<amp-story-grid-layer
template="vertical">
<amp-img src="moons.jpg"
width="266" height="340"
layout="responsive">
</amp-img>
</amp-story-grid-layer>
网络
故事
开放 Web 的视觉故事叙述
Web Stories 让您的读者沉浸在快速加载的全屏体验中。轻松创建视觉叙事，包含引人入胜的动画和可点击的交互。Web Story 格式（以前称为 AMP Stories）是免费的，是开放 Web 的一部分，每个人都可以在其网站上试用。它们可以在 Web 上共享和嵌入，而不会被限制在封闭的生态系统或平台中。
Web Stories 为内容发布商提供了一种以移动设备为中心的方式，以视觉丰富的、可点击的故事形式传递新闻和信息。Web Stories 为广告商和发布商提供了强大的广告机会，通过沉浸式体验在 Web 上吸引独特的受众。
作为突发新闻和信息的来源，当我们需要将多个元素结合在一起时，Web Stories 使我们能够展示高质量的新闻报道。结合报道、摄影、视频和动态图形，当读者搜索我们的报道时，这为他们提供了一个更直观的入口点。
Greg Manifold，《华盛顿邮报》设计总监
图像、视频和 GIF
Web Stories 使用视觉丰富的媒体构建，您是否利用图片、视频或 GIF 素材取决于您。图像和视频会扩展以在视觉上填充读者的屏幕，提供流畅且完全引人入胜的体验。AMP 允许您指定文件类型，以考虑用户的网络连接和浏览器功能。
文本和音频
通过一两个句子的小块传达事实和数据 - 非常适合移动设备。从不同的字体颜色中选择以实现基本的可读性。或者添加视觉元素，例如细微的黑色透明渐变叠加层，以确保即使在随机背景图像上（例如用户生成的内容）也具有可读性。最重要的是，您可以在每个页面上使用短音频文件来提供口头信息或背景音乐。
动画和交互
可以轻松创建视觉效果和可点击的交互，以保持读者的参与度。标题可以飞入、淡入或动画显示在页面上。配置您的故事，使其在视频片段完成时自动前进到下一页。在故事末尾提供社交分享和相关链接，以便用户可以分享故事或深入了解您网站上的其他内容。