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

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

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

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

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

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

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

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

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

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

這個(gè)網(wǎng)站菜單看起來(lái)比較容易忽略，但當你滑動(dòng)網(wǎng)頁(yè)的時(shí)候，我想你就會(huì )發(fā)現右上角還有個(gè)東東在的……

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

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

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

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

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

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