信不信由你，側邊欄菜單將會(huì )是2015的一個(gè)新趨勢！實(shí)際上，菜單已經(jīng)有相當長(cháng)的一個(gè)歷史，開(kāi)始它只被用在計算機應用程序上，后來(lái)逐漸流行到社交媒體網(wǎng)站。現在很多單頁(yè)設計的網(wǎng)站菜單都非常精美而便利。

來(lái)欣賞一些超級棒的側邊欄菜單：

Parrot

一個(gè)簡(jiǎn)潔的充滿(mǎn)有機氛圍的網(wǎng)站。開(kāi)發(fā)者利用垂直視差配合靜態(tài)側邊菜單欄展示自己的產(chǎn)品。

Michael Ngo

擁有一個(gè)非常明亮干凈的排版。側邊菜單直白干脆。盡管色調單一，但是整體看起來(lái)非常純潔。

Create Pilates

該網(wǎng)站強烈依賴(lài)于配色。黃色和白色搭配營(yíng)造積極的氛圍。左邊巨大的菜單很好地做到了和用戶(hù)之間的交互，讓人一眼就把精力集中在導航欄上。

Antro

和前面幾個(gè)網(wǎng)站配色不同，該網(wǎng)站使用自由而神秘的黑色配色方案，與左邊白色休閑的導航欄結合，給人以強烈的印象。側邊導航欄的優(yōu)美之處主要表現在空間夠大而自體夠小，大量的空白給導航欄有呼吸的之處。

Wacom

有兩個(gè)側邊菜單欄。使用傳統的黑白配加上簡(jiǎn)單的圖標指示使得網(wǎng)站內容導航一目了然。

Wanda Print

網(wǎng)站導航也采用了雙重菜單，而且篇幅很廣。菜單如此寬廣，排版如此簡(jiǎn)潔，加上導航和背景產(chǎn)生的強烈對比，使得整個(gè)網(wǎng)站顯得非常微妙而自由。

Black Ram Whisky

擁有獨特的設計。通過(guò)神秘的外表和細節的刻畫(huà)引起了用戶(hù)的注意。而狹窄的側邊導航則作為一個(gè)補充設計，起到了畫(huà)龍點(diǎn)睛的效果。

Trask Industries

該網(wǎng)站的設計旨在創(chuàng )造巨大的視覺(jué)沖擊力。很多鏈接都是基于圖片的。左側有一個(gè)溫和的小菜單，菜單是小巧的動(dòng)態(tài)圖標加上簡(jiǎn)短的字體導航。

Welcome to the future of football

該網(wǎng)站擁有復雜的交互。設計師使用黃色來(lái)提亮要點(diǎn)。盡管側邊菜單欄也是黑色的，仿佛融合到網(wǎng)站中，但是黃色的字體導航也不失味道。

Travel Alberta

網(wǎng)站的主體內容是美麗的風(fēng)景。采用側邊滑出式導航欄，小小的導航通過(guò)側滑的方式安排了很多實(shí)用的數據。

Mario IGN 

是一個(gè)互動(dòng)網(wǎng)站，主要是為了向這個(gè)著(zhù)名的游戲致敬。右邊大面積展示著(zhù)名的場(chǎng)景附加一點(diǎn)介紹。左邊是一個(gè)簡(jiǎn)潔的導航菜單。

Martina Sperl 

有一個(gè)基于圖片的著(zhù)陸頁(yè)，利用垂直滾動(dòng)技術(shù)展示藝術(shù)品。在這種情況下, 右邊干凈整潔的一面菜單功使得用戶(hù)更加便利地去探索該網(wǎng)站。

Bienville Capital Management

設計師采用傳統的色彩組合展示該網(wǎng)站，動(dòng)態(tài)圖片使得網(wǎng)站不再單調。左邊的菜單采用側滑式，既不妨礙用戶(hù)參觀(guān)又起到網(wǎng)站指引的作用。

CFYE Magazine

眾多的粉色和白色搭配起來(lái)營(yíng)造出積極的氛圍。側邊磁貼式導航顯得干凈利落，簡(jiǎn)單明了。

Tim Brack

選用了干凈、開(kāi)放和拋光的在線(xiàn)組合促使用戶(hù)集中注意力于主人的杰作。右邊巨大的導航塊彰顯了網(wǎng)站高貴的氣質(zhì)。

The Explorations Company

左邊的菜單有點(diǎn)兒原始的味道，但這確實(shí)就是設計師的目的。網(wǎng)站內容豐富數據繁多，沒(méi)有這個(gè)導航用戶(hù)將很難探索完整個(gè)網(wǎng)站。

World is beautiful

設計師竟然在左邊側滑而出的主菜單采用了下拉的二級菜單！看起來(lái)極了！世界果然是十分漂亮的~~

Animesh Manglik

采用了側邊滑出的菜單，看起來(lái)很便利。

University of Brighton

布萊頓大學(xué)也來(lái)耍逼格風(fēng)~據說(shuō)右邊的導航很，但是很不幸我點(diǎn)開(kāi)圖片進(jìn)入的并不是這個(gè)配圖所展示的頁(yè)面╮(╯▽╰)╭

Whale Wars by Animal Planet

巨幅圖片華麗麗地展示了網(wǎng)站的磅礴氣勢，而為了hold住此氣勢，設計師決定在右邊用做一個(gè)溫和的側滑導航欄。剛柔并濟，所向披靡。

Les Enfants

網(wǎng)站采用網(wǎng)格布局展示各種電影場(chǎng)景。此時(shí)左邊的菜單顯得很優(yōu)雅有木有~

小結

導航欄的設計可以是靜態(tài)的、動(dòng)態(tài)的、可擴展的、雙層展示的，甚至只是隱藏在一個(gè)微妙的符號里面。任何導航在網(wǎng)站里面都扮演者不可或缺的角色，所以，探索網(wǎng)站采用何種導航方式是很有必要的。

http://ezekroy.com/jianzhanzhishi/7883.html 2015年網(wǎng)站設計的趨勢,2015網(wǎng)站建設參考