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

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

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

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

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

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

Dataveyes 網(wǎng)站使用了視差滾動，菜單設(shè)計比較豐富多彩，主要是運(yùn)用了扁平化設(shè)計配色方案，所以配色很好看啊。

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

Arbour 是一家餐飲美食網(wǎng)站，餐廳除了食物好吃外，還有個主要的就是清潔衛(wèi)生。這個美食網(wǎng)站的菜單設(shè)計就十分優(yōu)雅和簡約了。

Pauline Osmont 是法國的插畫家，當(dāng)你點(diǎn)擊這個網(wǎng)站菜單后，內(nèi)容展示的交互效果做得很好，流暢、優(yōu)雅，當(dāng)然你不要用過時的IE瀏覽器去瀏覽哦……

這個網(wǎng)站菜單看起來比較容易忽略，但當(dāng)你滑動網(wǎng)頁的時候，我想你就會發(fā)現(xiàn)右上角還有個東東在的……

Mammoth Media’s 網(wǎng)站的響應(yīng)式網(wǎng)頁設(shè)計做得很好，非常難得，什么時候我也這么細(xì)節(jié)就好了，菜單采用側(cè)邊欄方式，還加了個淺色的暗淡的背景，與首頁對應(yīng)。

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

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

好了這些創(chuàng)新的垂直網(wǎng)頁菜單設(shè)計后，你現(xiàn)在有沒有靈感了呢？去掉以往的水平菜單設(shè)計，嘗鮮垂直式的網(wǎng)頁菜單，給國內(nèi)的用戶來點(diǎn)新鮮感吧！

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

業(yè)務(wù)咨詢QQ：3091 83243