什麼時候應該使用骨架 UI 而不是旋轉器？
當螢幕將顯示許多記錄（清單、表格、CRM 行、看闆卡或儀表板小部件）時，請使用框架 UI（幽靈佔位符）。骨架在資料載入時保持佈局穩定，以便使用者可以立即掃描結構。旋轉器更適合沒有密集內容形狀可供預覽的簡短原子操作（儲存、提交、一個文件上傳）。
密集螢幕上的骷髏與旋轉者。
| 選項 | 最適合 | 佈局穩定性 | 生產成本 | 誠實的權衡 |
|---|---|---|---|---|
| 骷髏/幽靈 UI | 清單、表格、提要、儀表板 | 高 — 佔位符與最終鍍鉻相匹配 | 需要佈局模板（或生成器） | 錯誤的骨架形狀感覺很假；保持角色簡單 |
| 中心旋轉器 | 簡短的操作，模式提交 | 低－內容到達時頁面常跳轉 | 平凡的CSS | 約 1 秒內即可正常運作；長列表載入令人沮喪 |
| Ghost Wireframe Generator | HTML 的著陸鍍鉻 + 裝載骨架 | 匯出匹配桌面/行動佈局 | 免費，瀏覽器本地 | 僅在 v1 中存在庫模式 — 尚未進行 SVG-from-Figma 轉換 |
為什麼清單和表格更喜歡幽靈。
密集 UI 透過行、列和卡片來傳達層次結構。旋轉器會擦除該層次結構，直到要求完成。在真實資料到達之前，幽靈條和區塊可以讓使用者確定方向——“這是一個帶有過濾器的表格”，“這是一個看板”。這就是為什麼產品團隊為 CRM 和分析視圖提供載入骨架，而不僅僅是行銷模型。
一分鐘內導出載入骨架。
- 打開Ghost Wireframe Generator。
- 選擇 CRM 表、分析或儀表板佈局 - 如果您需要桌面 + 行動設備，請使用 Combo。
- 調整顏色角色以配合您的產品表面，然後調整 Copy HTML（包括
--ghost-*變數）。 - 選購：在編輯器中取得同一合約的 Ghost Wireframe Skill。
請閱讀 Ghost Wireframe Generator 指南 中的完整演練。