抽屜式導(dǎo)航
1.Munchery(iPhone版)
導(dǎo)航入口采用普遍使用的三橫線樣式作媚,告知用戶此處有隱藏的導(dǎo)航;
抽屜按鈕點(diǎn)擊后,頁面右滑,主界面為側(cè)邊欄的詳細(xì)信息,右側(cè)預(yù)留部分顯示首頁欣喧,視覺上,抽屜位于首頁左邊梯找,當(dāng)用戶點(diǎn)擊右側(cè)預(yù)留部分或抽屜按鈕時(shí)唆阿,回到首頁。
2.Fast Company(iPhone版)
和Munchery類似锈锤,同樣采用左上角抽屜式導(dǎo)航驯鳖,不一樣的是,導(dǎo)航頁展開時(shí)久免,F(xiàn)ast company將首頁顯示區(qū)域擴(kuò)大浅辙;
抽屜展開時(shí),首頁可見部分為頁面右側(cè)阎姥,同時(shí)记舆,右側(cè)頁在透明度上進(jìn)行了調(diào)整,視覺上抽屜位于首頁上方丁寄;
點(diǎn)擊右側(cè)含有灰度蒙層時(shí)氨淌,回到首頁。
3.Elevate(iPhone版)
抽屜可以有很多樣式伊磺,Elevate將打開的抽屜設(shè)計(jì)成了收納盒,展開時(shí)删咱,將首頁包裹在內(nèi)
4.Airbnb(iPhone版)
溫馨提醒屑埋,Airbnb的抽屜按鈕為四行;
為了保證主界面的清晰簡潔痰滋,Airbnb將除了搜索外其他的功能入口全都放在抽屜式導(dǎo)航頁了摘能;
這造成了設(shè)計(jì)上续崖,抽屜展開時(shí)的頁面占比較以上案例多,立體的首頁縮略圖僅是返回首頁的入口(相較傳統(tǒng)的”返回”团搞,這樣的設(shè)計(jì)更直觀)严望。
5.Gogobot(iPhone版)
Gogobot抽屜導(dǎo)航設(shè)計(jì)的亮點(diǎn)在于,抽屜按鈕上顯示了未讀消息提醒逻恐;
對(duì)比Airbnb像吻,Gogobot的這個(gè)設(shè)計(jì)值得稱贊。