創意資源庫與動畫
在您使用前都已經過審查的現成區段、頁面範本與動畫，以及用於製作您自己動態效果的動畫工作室。
本頁翻譯自英文。若內容有任何差異，以英文版為準。 閱讀英文版
目錄涵蓋七個類別：
| 類別 | 項目數 |
|---|---|
| 主視覺 | 30 |
| 卡片 | 40 |
| 內容區段 | 45 |
| 導覽與外框 | 15 |
| 動態效果 | 35 |
| 捲動動畫 | 25 |
| 頁面範本 | 10 |
每個項目都須通過審查清單（算繪、響應式版面、無障礙、授權與重複性），才會連同 Approved 徽章出現在您的資源庫中。
開啟 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）標記要加上動畫的元素，並在用戶端元件中播放動畫。時間軸由 Delivery API 在 /motion 提供。Studio 中的 Add to your website 卡片會顯示程式碼。Production 播放其正式發行版本中的修訂版本。
限制。 每個動畫為 80 毫秒至 60 秒，最多 12 條軌道，每條軌道最多 24 個關鍵影格。播放在您的網站呼叫時開始；未內建由捲動觸發的播放。