側滑面板Drawer
側滑面板會從螢幕邊緣滑入，同時保留一部分底下的畫面。
找到那個詞，
做對那個產品。
說說你想得到、卻不知道名稱的介面或流程。Vibulary 會找出適合的術語、顯示圖解，並整理成清楚的開發需求。
直接用自己的話描述。我們會看它長什麼樣、會做什麼，以及你何時需要它。不知道怎麼說？試試
MCP · 連接到你的 AI559份實戰指南10個知識領域10種語言128可操作示範
看見效果，叫出名字。親手試試
Drawer.
從畫面側邊滑入的面板。
從感覺，到具體。術語圖鑑
學會把想法做出來需要的詞。
每個詞都會說明資料來自哪裡。正式標準、官方指南和業界常用詞會用不同標籤分清楚。
按鈕Button
按鈕是一種控制項，按下後會在目前畫面執行一件事。
強制回應對話框Modal Dialog
強制回應對話框是一個聚焦的小視窗，在關閉或完成前，會擋住目前畫面的其他操作。
底部工作表Bottom Sheet
底部面板是適合觸控的面板，會從畫面底部升起，也可能停在幾種不同高度。
指令面板Command Palette
指令面板是以鍵盤操作為主的搜尋面板，可以開啟功能、頁面和最近使用的項目。
玻璃擬態Glassmorphism
玻璃擬態是一種使用半透明分層表面的視覺風格，會搭配模糊、亮邊和適度的深度感。
彈簧動畫Spring Animation
彈簧動畫採用物理模型，由剛性、阻尼、質量和初始速度控制動作。
設計變數Design Token
設計變數（Design Token）是替一項設計決策命名的值，例如顏色、間距、字型或動態速度。
無障礙設計Accessibility
無障礙設計（Accessibility）讓不同能力的人都能理解和操作產品。它是一種設計與開發方式。
產品目標Product Goal
產品目標（Product Goal）說清楚產品要帶來的實際成果。成果可以給使用者或公司。
檢索增強生成Retrieval-Augmented Generation
檢索增強生成（RAG）會在執行時找出相關的外部證據，再交給模型產生內容。
API 與端點API & Endpoint
API 是軟體彼此溝通的一套規則；端點則是 API 裡的一個位址和一項操作。
CSS 網格CSS Grid
CSS Grid 是同時安排橫列和直欄的版面系統，可以定義固定區域，也能隨空間調整。
表單驗證Form Validation
表單驗證用規則和訊息找出漏填或填錯的內容。它也會避免並說明這些錯誤。
短暫通知Toast
短暫通知是不會擋住頁面的簡短狀態訊息，通常會自己消失。
Git、Repository、Branch 與 Commit（教學組合）Git, Repository, Branch & Commit — Learning Bundle
這組教學連結四個 Git 概念。Git 是版本控制系統；Repository 儲存物件和參照；Branch 替一條工作線命名；Commit 則用中繼資料記錄專案狀態。這個組合不是單一 Git 術語。
減少動態Reduced Motion
減少動態是一項無障礙設定，也是一種設計模式。它會移除或簡化不必要的移動效果。
問題陳述Problem Statement
問題陳述（Problem Statement）會說清楚誰遇到問題、問題何時發生，以及為什麼值得解決。
你能說出這個介面模式的名稱嗎？
讀完情境，再選出最精確的術語。沒有陷阱題。
得分 0 / 2
使用情境 · 1/2
按下「儲存草稿」後，網站會儲存變更，並告訴你是否成功。
把 UI 術語變成清楚的開發需求。
先寫下你要解決的事，再選介面要做什麼、長什麼樣和怎麼移動。我們會整理成可以複製的需求。
請寫下誰會使用、發生什麼事，以及最後要得到什麼結果。
VIBULARY / 需求單● ● ●
請寫下誰會使用、發生什麼事，以及最後要得到什麼結果。請寫下誰會使用、發生什麼事，以及最後要得到什麼結果。
V.✦
簡單的話，清楚的例子。
每份指南先說簡單意思，再給清楚例子。只有真的有幫助時，才會放進技術名稱。