回饋提示詞條 2-41

側邊欄Drawer

也常叫做:抽屜、側滑選單、Drawer

你可能會這樣說

點了漢堡按鈕,一整片選單從畫面側邊滑出來,背後變暗,點暗處就滑回去——手機版網站的標準配備。

白話解釋

側邊欄是從螢幕側邊滑進來的面板,像拉開抽屜:要用的時候拉出來,不用就推回去,不佔常駐空間。

它跟快顯面板的差別在尺寸和用途:側邊欄又高又大,常裝整組導覽或整個購物車內容。

跟 AI 溝通時說清楚從左邊還右邊滑出、多寬、要不要「遮罩」,體感會差很多。

親手試試

山丘選品☰
手機畫面很小,
選單平時收進右上角的
三條線裡。
山丘選品☰
首頁
商品
購物車
關於我們
從左滑出 280px 寬、背後蓋半透明遮罩——點遮罩就收回去。

側邊欄(抽屜)跟常駐的側邊選單不同:要用的時候才滑出來。

圖 2-42 點兩個分頁,看抽屜收合前後的樣子。

這樣對 AI 說

中文就可以
手機版網站加一個從左側滑出的側邊欄放導覽選單。
寬 280px,0.3 秒滑入,背後加上半透明遮罩。
點遮罩或按 Esc 都能關閉,右上角也放關閉按鈕。
側邊欄開著的時候,背景頁面不能捲動。

同一課的其他詞