NavNav:專注收集Web與APP導航的網站
NavNav:專注收集Web與APP導航的網站-移動閱讀二維碼

網站導航最重要的就是指引訪客閱讀網站,特別對于內容極多的網站來說,擁有一個Web導航是必不可少的。

但隨著移動時代的來臨,導航菜單發生了很大的變化,從桌面平臺轉到移動端,這就要菜單用響應式來兼容,所以設計響應式網站的導航是比較考驗設計師的應變能力。

若對網頁菜單沒設計靈感,可以看看今天分享的專注收集Web與APP導航網站:NavNav,有響應式導航,APP以及很多交互動效不錯的導航菜單實例,大家可以在這里吸收一些創作靈感,很多都有參考價值哦。

navnav-website

下面簡單介紹下這網站主要收集的菜單類型:

Offcanvas 菜單

offcanvas 菜單是一種比較適應移動、手機端類型的導航設計,也稱作漢堡包菜單。

navnav-offcanvas

Scroll 菜單

Scroll 菜單是以屏幕滾動為主的菜單,這類菜單微動效是不錯的,推薦看看。

navnav-scroll

Dropdown 下拉菜單

這里分享的不是一般的下拉菜單,有的還支持響應式,非常棒呢。

navnav-dropdown

Fullscreen 全屏菜單

全屏式菜單很少見,常用于設計類、展示形、個性化的網站。

navnav-fullscreen-menu

導航資源

最后作者在網站還分享了一些菜單相關的教程資源或響應式菜單源碼。

navnav-resources

最后,此站已經成功收錄到 設計師網址導航(http://nav.mobileui.cn),大家可以在設計導航的【酷站靈感 – 交互動效】欄目上找到該站。

網站名稱:NavNav
網站地址:http://navnav.co/

原文:shejidaren

本文鏈接:http://www.casaleticia.com/navnav-navigation-website.html
本文標簽: , , , ,