玩運彩練小喂

APP導覽列範例2

在中央標題下方擺放狀態提示,充分運用空間

搜尋置左,主選單置右,和常見的配置相反,也許是因為搜尋功能的使用率較高,才會出現這樣的設計。標題字型帶出時尚雜誌的味道

主選單的圖示稍做變化,右側分別是購物車與搜尋功能。購物車採用下拉選單方式,值得借鏡。

標題可點選,展開下拉選單。箭頭放在標題下方,可避免擺放位置受到文字長短影響

配置是走Material Design的APP bar規範,不過右側兩個選單符號很像左側主選單,無法直覺猜出其用途,操作上反而不直覺

從list進入detail view,導覽列的底色被移除了,與下方內容融合為一體

典型走Android規範的導覽列,不過搜尋圖示的線條粗細與左右鄰居不太一致

較罕見的導覽列配置,品牌LOGO同時是功能圖示。整排都用圖示,視覺上較討喜,但同樣有直覺與否的問題。例如左邊數來第三個像公事包還是旅行箱的圖案,語焉不詳。

充分運用空間的做法

不清楚為何導覽列要留這麼高,不尋常的做法。不過從Home旁的箭頭可以展開下拉tab,倒是很節省空間。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *