创意库与动画
经过审阅后才能使用的现成区块、页面模板和动画，以及用于制作您自己动效的动画工作室。
本页面由英文翻译而来。如有任何差异，以英文版本为准。 阅读英文版
目录涵盖七个类别：
| 类别 | 项目数 |
|---|---|
| 首屏横幅 | 30 |
| 卡片 | 40 |
| 内容区块 | 45 |
| 导航与页面框架 | 15 |
| 动效 | 35 |
| 滚动动画 | 25 |
| 页面模板 | 10 |
每个项目都要通过审阅清单（渲染、响应式布局、无障碍、授权和重复项）后，才会带着 Approved 徽章出现在您的库中。
使用某个项目
Section titled “使用某个项目”打开 Design → Library 并选择一个项目。Preview 会先显示它。然后：
- Use on a page：选择 Page 并点击 Add to page。页面编辑器会打开，区块作为未保存的更改插入其中，可随时编辑并保存。
- Add to website：如果您的网站暂时无法渲染该项目，请点击 Propose the change。Atlas 会提议一项站点设置更改，并写出一份 Task for the website developer。您的开发人员把组件添加到网站代码中；站点管理员在 Site setup 下激活该更改。Atlas 绝不会在您的网站上安装代码。
- Open in Animations：对于动效项目，以它为起点新建动画。
为您网站的元素制作定时动画（淡入淡出、移动、缩放、旋转和显现），预览它们，并把每次更改保存为修订版本。
-
打开 Design → Animations 并点击 New animation。填写 Name 和 Key，选择 Start from 的起点（空白淡入，或已获批的库内动画），然后点击 Create。
-
在 Timeline 中，设置 Duration in milliseconds，选择 Element to animate（Title、Image 或 Button），然后点击 Add track。添加关键帧，并为每个关键帧设置 Opacity、Move X、Move Y、Scale、Rotate 和 Reveal。
-
使用 Play、Pause 和 Restart，并在 Preview motion 中切换 Normal 和 Reduced，查看偏好较少动态效果的访客会看到什么。
-
点击 Save new revision。早期的修订版本保留在 Revisions 下。
在您的网站上播放
Section titled “在您的网站上播放”您的开发人员用 data-atlas-motion="title"（图片用 media，按钮用 action）标记要添加动画的元素，并在客户端组件中播放动画。时间轴由交付 API 通过 /motion 提供。Studio 中的卡片 Add to your website 会显示代码。生产环境播放其线上发布版本中的修订版本。
限制。 每个动画 80 毫秒到 60 秒，最多 12 条轨道，每条轨道最多 24 个关键帧。播放在您的网站调用时开始；不内置由滚动触发的播放。