抽屜式導航
1.Munchery(iPhone版)
Munchery首頁
munchery抽屜頁
導航入口采用普遍使用的三橫線樣式,告知用戶此處有隱藏的導航;
抽屜按鈕點擊后,頁面右滑,主界面為側邊欄的詳細信息,右側預留部分顯示首頁,視覺上,抽屜位于首頁左邊,當用戶點擊右側預留部分或抽屜按鈕時,回到首頁。
2.Fast Company(iPhone版)
Fast company首頁
Fast company抽屜頁
和Munchery類似,同樣采用左上角抽屜式導航,不一樣的是,導航頁展開時,Fast company將首頁顯示區域擴大;
抽屜展開時,首頁可見部分為頁面右側,同時,右側頁在透明度上進行了調整,視覺上抽屜位于首頁上方;
點擊右側含有灰度蒙層時,回到首頁。
3.Elevate(iPhone版)
Elevate首頁
Elevate抽屜頁
抽屜可以有很多樣式,Elevate將打開的抽屜設計成了收納盒,展開時,將首頁包裹在內
4.Airbnb(iPhone版)
Airbnb首頁
Airbnb抽屜頁
溫馨提醒,Airbnb的抽屜按鈕為四行;
為了保證主界面的清晰簡潔,Airbnb將除了搜索外其他的功能入口全都放在抽屜式導航頁了;
這造成了設計上,抽屜展開時的頁面占比較以上案例多,立體的首頁縮略圖僅是返回首頁的入口(相較傳統的”返回”,這樣的設計更直觀)。
5.Gogobot(iPhone版)
Gogobot首頁
Gogobot抽屜頁
Gogobot抽屜導航設計的亮點在于,抽屜按鈕上顯示了未讀消息提醒;
對比Airbnb,Gogobot的這個設計值得稱贊。