回饋提示詞條 2-36
骨架屏Skeleton Screen
也常叫做：骨架畫面、載入骨架、Skeleton（直接用英文）
你可能會這樣說
載入中的時候，先跳出灰灰的、閃一下的假畫面，形狀跟真的版面一樣——那個叫什麼？
白話解釋
骨架屏是資料還沒載好時，先放上去的「幽靈版面」：灰色的區塊照著正式版面的形狀閃，資料到了再換成真的。它解決的問題是心理學——一片空白會讓人焦慮，有東西在動就覺得「快好了」。
它的重點是「形狀要像」：圖片的骨架是方的、標題的骨架是粗短條、內文的骨架是細長條。形狀若跟最終版面對不上，內容出現時畫面會跳一下，比轉圈圈更糟。
跟 AI 協作時，直接說「載入狀態請用骨架屏，形狀要對應實際內容」。也要記得交代載入失敗的樣子——骨架不能閃到天荒地老，逾時要換成「載入失敗，請重試」。
親手試試
看仔細：骨架的形狀跟真的內容一樣——圖片是方塊、標題粗短、價格短條。資料來的時候畫面不會跳。
別搞混
「等待」的表示法有三種，各有各的場合，選錯會讓慢的感覺更慢。
骨架屏 Skeleton
預告版面形狀的灰階佔位。適合內容快到（1–3 秒）的時候：列表、卡片。用形狀告訴你「等等會長這樣」。
載入指示器 Spinner
轉圈圈。適合很短的等待（1 秒內）或無法預告形狀的場合（下載檔案）。缺點：只說「等等」，不說等多不久。
進度條 Progress Bar
明確的百分比。適合可以計算進度的事：上傳、安裝。能預告剩多久，等待最不焦慮，但不是每種載入都算得出進度。
這樣對 AI 說
中文就可以
商品列表載入時請用骨架屏： 1. 載入中顯示 6 張商品的骨架卡：圖片是灰色方塊、標題是粗短條、價格是短條，形狀和位置要跟真的商品卡一樣，骨架上有微微的掃光動畫。 2. 資料到了之後，真的內容直接替換骨架，不要整頁再閃一次。 3. 如果超過 10 秒還沒載到，骨架換成「載入失敗」的訊息加上「重試」按鈕。 4. 骨架動畫請尊重系統的「減少動態效果」設定，使用者關掉動態時骨架就靜態呈現。
「形狀要跟真的一樣」和「逾時要能失敗」——骨架屏的兩道品質關卡，講了才算做完整。