內容展示詞條 2-30
空狀態Empty State
也常叫做：空畫面、無資料狀態、Empty State
你可能會這樣說
購物車空空的時候不是一片白，而出現插圖加一句「購物車是空的，去逛逛吧」——那個畫面就是空狀態。
白話解釋
空狀態是清單或頁面還沒有內容時顯示的畫面：與其留一片白，不如放張小插圖、一句說明，再配一顆行動按鈕。
它回答使用者最想知道的事：這裡為什麼是空的、接下來能做什麼。
跟 AI 描述時，替每個區塊都想好空狀態，例如「購物車空時顯示插圖加去逛逛按鈕」。
親手試試
✕ 一片空白
（這裡什麼都沒有）
一片白：是壞掉了？還是本來就沒東西？沒人知道。
✓ 空狀態設計
🛒購物車還空空的去挑幾件喜歡的吧開始逛逛
說明現況，再給一顆按鈕指出下一步。
空狀態要回答兩件事：為什麼是空的、接下來能做什麼。
這樣對 AI 說
中文就可以
購物車頁面做一個空狀態畫面。 中間放購物車插圖，下面寫「購物車還空空的」。 附一顆主要按鈕「開始逛逛」，點了回商品列表。 整個區塊垂直置中，四周留白要夠。