導覽詞條 2-59

底部導覽Bottom Navigation

也常叫做:底部選單、底欄導覽、Bottom Nav

你可能會這樣說

手機畫面底部一排三到五個圖示加文字,永遠在那裡,拇指一伸就按得到——手機版的專屬導覽列。

白話解釋

底部導覽是固定在手機畫面最下方的導覽列,放三到五個最重要的入口,圖示配小字。

它受歡迎的原因很單純:「拇指構得到」——單手拿手機時,底下比頂上好按得多。

請 AI 做時指定幾個入口、各自的圖示文字、目前所在怎麼標示,並且只在手機版出現。

親手試試

m.shop.example.com
🏠 首頁

首頁:手機畫面最下方那排 3–5 個入口,拇指一伸就按到——這排就是底部導覽。

🔍 搜尋

搜尋:只放最重要的幾個入口,超過五個就該刪了。

🛒 購物車

購物車:目前在哪一頁,對應的圖示要亮品牌色。

👤 我的

我的:桌機版不需要這排——它只在手機版出現。

試試:上下捲動(導覽列黏住);點選單(跳到該段+高亮)。

圖 2-59 固定在畫面最底下、拇指構得到——手機版的黃金動線。

這樣對 AI 說

中文就可以
手機版加底部導覽列。
四個入口:首頁、搜尋、購物車、我的,各配圖示加小字。
目前所在項目用品牌色,其他灰色。
購物車圖示可以顯示數量徽章。
桌機版不出現這排,改用頂部導覽。

同一課的其他詞