60 秒決策
先確認使用者要完成的事。
適合使用
- 需求先在描述一塊承載內容與操作的浮動表面，並且能再明確補上位置與中斷規則。
- 設計系統需要一個可被 Drawer、Bottom Sheet 或其他面板共用的內容容器語言。
不適合使用
- 需求只說「做一個 Sheet」，卻沒有交代出現方向、背景能否操作、關閉方式或裝置策略。
- 團隊把 Sheet 當成所有浮動介面的正式行為名稱，導致實作與驗收各自解讀。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
名稱後面補兩個條件
每次說 Sheet，都補「從哪裡出現」與「是否中斷背景」；這兩句才決定互動。
先排內容，再決定外框
標題、摘要、主要動作與關閉出口要先站得住，圓角和陰影最後才有意義。
同一個容器不必套在所有任務上
面板外觀可共用，但長表單、確認動作與快速選項仍需要不同承載方式。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
規格未完成
只有「Sheet」名稱，尚不能判斷焦點、遮罩或手機行為。
方向已指定
置中、右側、左側或底部已明確，版面與進出動畫才有依據。
中斷程度已指定
背景可操作或不可操作要和視覺遮罩、鍵盤行為一致。
完成關閉
可見關閉入口、Escape 規則與焦點回復都被寫進驗收。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
補齊一個 Sheet 的規格
先觀察：面板開啟前是否已明確標示這個範例採用「置中 + 中斷背景」。
操作：開啟範例面板，閱讀規格標籤，再用關閉按鈕或 Escape 離開。
預期結果：你能說出 Sheet 的方向與中斷程度，而不是只看見一張有陰影的白色卡片。
Sheet Demo
先替 Sheet 補齊方向與中斷規則成員部門角色
林子安產品設計專案管理員
陳可欣行銷編輯者
黃柏翰工程檢視者
本次已指定的互動規格
置中出現背景暫停Escape 關閉這個範例不是只說「一張面板」：它明確指定為置中出現，並暫停背景操作。
尚未開啟面板。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 製作一個 Sheet 用來呈現成員詳細資料。先在規格中明確寫出它從置中、右側或底部出現，背景是否仍可操作，以及關閉方式與焦點回復位置；不要只寫「做一個 Sheet」。此範例採用置中、模態、短內容的面板，包含標題、成員摘要、關閉方式與一個明確動作。若要保留桌面資料表脈絡，改用 Drawer；若是手機快速操作，改用 Bottom Sheet。驗收清單
不要只確認欄位能不能點。
- 是否寫明 Sheet 的出現方向？
- 是否寫明背景可以操作還是不可以？
- 面板是否有可見標題與關閉出口？
- 焦點進入與回到哪裡，是否可驗收？
- 這個內容在手機上是否仍能安全閱讀與捲動？
- 若需要精確名稱，是否已改稱 Drawer、Bottom Sheet 或 Dialog？