骨架屏(Skeleton Screen)是一種在網頁和行動應用程式開發中用於改善用戶體驗的技術,在頁面內容載入出來之前,先使用一些簡單的圖形或占位符來展示頁面的大致結構,如灰色塊和線條,當實際內容載入完成後,這些占位符會被替換為真實的內容,從而給用戶一種流暢的載入體驗,減少焦慮和等待時間。
骨架屏常用於文章列表、動態列表頁等相對規則的列表頁面,在頁面數據尚未載入前展示,直到請求數據返回後再渲染頁面,補充進需要顯示的數據內容。
此外,骨架屏也可以作為一種載入控制項,通過預先顯示網頁的大概輪廓,再逐漸載入真正的內容,使得界面載入過程變得自然通暢,不會造成網頁長時間白屏或閃爍,相較於傳統的loading效果,骨架屏在一定程度上可提升用戶體驗。