这是 Hermoso 的 13 个原生 HTML 广告模板之一，即由浏览器从真实标记渲染的格式，而不是由模型生成。它输出一段视频，有 4 个可填写的文案位，并且在运行前需要你品牌的 2 张应用截图。
何时使用
应用安装推广和软件发布。这是应用品牌对产品影片的回应，也是唯一一种无需模型凭空编造界面就能展示界面的方式。
要做对的一点
界面是由你的真实截图渲染成的 DOM，因此像素级精确、清晰可读。两屏是最低要求；只导览一屏，就是一则静态广告。
形式概览
- 输出：视频。
- 文案位：4 个，每个的字数上限都由版式推导得出，而不是凭估计。
- 所需素材：2 张应用截图。
- 模板 ID： app-ui-tour。
此模板的渲染方式
这里没有任何内容由图像或视频模型生成。这种格式是一个自包含的 HTML 页面，其动画是时间的纯函数，没有 CSS 关键帧、计时器或随机性。渲染器在无头 Chrome 中逐帧推进该页面，为每一帧截图，再用 ffmpeg 将它们组装成一个 H.264 文件，结尾以叠化切换到你的品牌结束画面。
由此可以得出两点。渲染是确定性的：相同的输入产生相同的文件，因此昨天看起来正确的格式，今天依然正确。而且画面上的每一个字都是浏览器渲染的真实文字，这意味着文案精确，并且在任何分辨率下都保持清晰。整个过程只需几个积分，而不是一次视频生成，这使得这些格式能够大批量运行。
一段导览需要多少屏？
至少两屏。只导览一屏，就是一张外面套了手机轮廓的静态广告。这些屏幕是你的真实截图，在 CSS iPhone 中作为浏览器 DOM 渲染，因此界面保持清晰可读，而不是被编造出来。