收藏貼 | 原來導航欄還能這麼做

01-25

在響應式網頁的普及度越來越高今天，老舊而又繁瑣導航欄已經完全無法滿足現代設計的需求，越來越多奇特有意思又便捷的導航百花齊放，為現代網頁設計提供大量的新鮮思路和體驗！今天特意為大家帶來幾種越來越受到大眾推崇的導航設計！

【1. 彈出式導航欄】

又被稱之為漢堡包導航欄，拋開土直男的通用導航欄不談，漢堡包一樣的彈出式導航欄已經逐漸變成主流，不僅僅可以節約頁面空間給設計創造更多可能，更因為可以高度契合現代移動設備，相比之下傳統的導航方式已經完全不能與之抗衡！

▲Impero, creative digital and social agency, London

越來越多的網站開始追求極致的的視覺體驗，儘可能減少頁面上不必要的元素干擾視線同時保留功能性，而彈出式導航欄顯然在美觀和實用度上都完美契合！

▲DRAFT Inc.

【2. 整體化導航】

多年以來首屏banner一直是大量網站的標配，然而有的網站顯然不需要一個無聊的banner放些毫無意義的信息，注重體驗的網頁開始喜歡將整個首頁都做成導航，大膽鮮明，同時也簡明扼要的闡述內容，引導客戶高效瀏覽，繁雜無用的信息統統排除，無疑和現今流行的扁平化設計理念相契合！

▲Bang & Olufsen Create

純文字化的導航信息配合一點點的交互體驗，可以讓乾淨利落的信息中傳遞出整個網站的調性！

▲Michele Angeloro – Interactive Digital Experiences

【3. 固定式導航欄】

將導航欄固定成獨立的模塊脫離於頁面內容本身，形成獨特的相框瀏覽模式，這種形式其實很類似於傳統導航，不同的是獨立的模塊可以給予導航欄更多的創造力！

▲designbüro für branding und digital design aus gie?en.

不過更多的設計師更願意將彈出式導航與之相結合，創造更加便捷的引導方式！

▲SUPERIMPOSE STUDIO

更多注重細節的設計會有更加良好的體驗，比如說下拉頁面時將導航欄隱藏，上拉時再顯示出來，最大限度的移除不必要的視覺干擾！

【4. 引導式導航欄】

越來越多的網站追求個性化的設計風格，取消可見的導航欄，將畫面設計推進是的引導，情感化的提示用戶通過點擊或者滾動線性的獲得更多內容，可以將用戶的瀏覽路徑完全掌握在網站的控制之下！

▲Nick Jones - Freelance Design, Prototype and Code

▲In Pieces - 30 Endangered Species

【5. 破壞可用性導航欄】

大量的個人設計師將天馬行空的設計塞到自己的網站中來，新穎的導航方式也讓人眼前一亮，雖說這種導航方式一定程度的破壞了實用性，但設計師不就是這樣么，不斷地創新實驗完善推出！

▲VERMONT Holding

▲Falter Inferno

轉載請聯繫！！！！

一起進步！

共勉！

=================================================

設計不是奢侈品，設計是日用品

歡迎關注我的公眾號，我會不定期更新設計乾貨與日常美學：微信公眾號：設計便利店或搜索微信號：designmart