現在使用垂直的網頁導航開始流行起來，為了激發你在網頁設計中獲得網頁菜單的制作靈感，這次我們整理了國外一些漂亮的創新的垂直網頁菜單設計例子，有的在左邊，有的加上滑動效果動畫，有的在右上角點擊展開菜單等等，希望這些能給你帶來好的設計幫助。

Bad Assembly, 是一家數字廣告設計機構，整個網站的設計非常有特色，設計師特意使用了觸屏式設計，只有Logo和菜單是可以點擊的，使用體驗也很好。因為是單頁網站，也許是為了讓用戶直接向下觀看，不想太多干擾，設計師把菜單直接隱藏起來，當用戶點擊時，菜單以流暢的動畫形式展示，想法十分不錯。所以全屏式的網頁設計可以考慮像Bad Assembly的方式來制作，我想用戶看了后會很有新鮮感。

Google Ventures 這個網站我很喜歡，整體夢幻般的干凈、簡潔，網站所有圖片、文字、布局等排版非常成功，看上去十分舒適。

網頁菜單導航使用左側固定形式，圖標類似iOS 7外描邊風格，圖標較大，但不顯得笨重，整體菜單反而有優雅的感覺。當你點擊其它頁面，菜單會自動縮起來，把文字隱藏，只剩下圖標，當你把鼠標移到菜單的時候就會慢慢滑動出來，這個想法也是挺有意思的。

Kick Point, 一家數字營銷網站，菜單默認隱藏起來并且使用fixed方式固定在右上角，展示和第一個例子差不多，點擊展示，用手機訪問的時候也是一樣效果，看來這種設計比較流行……

網站整體配色很喜歡，首頁的內容不多，排版簡約，推薦大家看看它的服務頁，當我們向下浮動網頁的時候，網頁背景會自動變色！有空可以看看這種實現方式，引用到你新的設計項目上。

Dataveyes 網站使用了視差滾動，菜單設計比較豐富多彩，主要是運用了扁平化設計配色方案，所以配色很好看啊。

Jonathan 的個人網站，他是一位設計師兼總監，整個網站設計也是Very的簡約，好喜歡啊…… 空間排版掌握得很好。Jonathan的網站菜單設計算是橫向加側欄式展示，這種方式用于個人網站還是不錯的。

Arbour 是一家餐飲美食網站，餐廳除了食物好吃外，還有個主要的就是清潔衛生。這個美食網站的菜單設計就十分優雅和簡約了。

Pauline Osmont 是法國的插畫家，當你點擊這個網站菜單后，內容展示的交互效果做得很好，流暢、優雅，當然你不要用過時的IE瀏覽器去瀏覽哦……

這個網站菜單看起來比較容易忽略，但當你滑動網頁的時候，我想你就會發現右上角還有個東東在的……

Mammoth Media’s 網站的響應式網頁設計做得很好，非常難得，什么時候我也這么細節就好了，菜單采用側邊欄方式，還加了個淺色的暗淡的背景，與首頁對應。

Flirty 是一個單頁的HTML模板，價格非常使用，但卻擁有流行的網頁技術，喜歡的可以 點擊這里 購買使用，只需要$11美元哦，網站整體設計簡潔，排版也非常不錯，用來作為個人網站或作品集展示夠用了。

垂直菜單確實給我們帶來一些新鮮感，但我覺得它比較適合創意類的設計工作室、企業網站或個人博客網站，如果用于大型的門戶網站、電子商務網站側要考慮清楚再設計。

好了這些創新的垂直網頁菜單設計后，你現在有沒有靈感了呢？去掉以往的水平菜單設計，嘗鮮垂直式的網頁菜單，給國內的用戶來點新鮮感吧！

以上內容就是由寶雞網站建設、寶雞網絡公司，寶雞世紀網絡為您整理轉載的《2014創意類網站導航設計趨勢：使用垂直的導航菜單設計》的全部內容。我公司是在寶雞市工商局注冊的專業提供網站建設、網站優化、網站推廣，軟件開發的高新技術企業，永磁操動機構一直致力于面向寶雞地區黨政機關、企事業單位提供大中型門戶網站解決方案、 OA 辦公自動化系統解決方案，以及中小型應用軟件開發及其它信息化外包業務。目前已承建寶雞地區近760多家政府網站、企業網站，是寶雞網站建設行業規模最大、客戶數量最多、技術力量雄厚的寶雞網絡公司。歡迎您來電咨詢。

業務咨詢QQ：3091 83243