導覽詞條 2-51

分頁Tabs

也常叫做:頁籤、Tab、標籤切換

你可能會這樣說

會員頁上方一排「訂單、收藏、設定」,點不同頁籤底下的內容就跟著換——不用換頁面的切換方式。

白話解釋

分頁是用一排標籤切換同一區塊內容的元件:點「訂單」顯示訂單、點「收藏」顯示收藏,頁面不用重新載入。

它跟按鈕群組的差別:分頁是換內容,按鈕是做事;而且要讓人看出目前在哪一頁,常用底線或底色標示。

跟 AI 溝通時把每個分頁的名稱和內容列清楚,並指定選中樣式。

親手試試

保冷保溫兩用瓶 750ml
真空雙層,保冷 24 小時、保溫 12 小時;瓶口 5 公分,冰塊直接放。
說明頁放故事與賣點。
容量 750ml/重量 380g/材質 316 不鏽鋼/耐熱 100°C
規格頁放規格數字,一行一項。
★★★★☆ 4.6 「保冰真的猛,車上放一天還有冰。」——陳小姐
評價頁放其他買家的話。

分頁的兩個責任:目前頁要高亮、切換不用重新載入。

圖 2-51 同一件商品的三種資訊,用分頁收在一塊。

這樣對 AI 說

中文就可以
會員中心做三個分頁:訂單、收藏、設定。
目前分頁下方有一條品牌色底線,切換內容不重新載入。
記住使用者最後停留的分頁,下次進來直接顯示。
分頁超過五個時,可以左右滑動。

同一課的其他詞