2014網(wǎng)頁新趨勢-創(chuàng)新的側(cè)邊欄菜單設(shè)計

關(guān)于2014網(wǎng)頁新趨勢，我們之前分享過10大網(wǎng)頁設(shè)計趨勢，今天補充一個，創(chuàng)意的側(cè)邊欄設(shè)計。

實際上，菜單已經(jīng)有相當長的一個歷史，最開始它只被用在計算機應(yīng)用程序上，后來逐漸流行到社交媒體網(wǎng)站?，F(xiàn)在很多單頁設(shè)計的網(wǎng)站菜單都非常精美而便利。

下面圖趣搜集整理的一些超級棒的側(cè)邊欄菜單：

Parrot

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

Michael Ngo

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

Create Pilates

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

Antro

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

Wacom

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

Wanda Print

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

Black Ram Whisky

擁有獨特的設(shè)計。通過神秘的外表和細節(jié)的刻畫引起了用戶的注意。而狹窄的側(cè)邊導(dǎo)航則作為一個補充設(shè)計，起到了畫龍點睛的效果。

Trask Industries

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

Welcome to the future of football

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

Travel Alberta

網(wǎng)站的主體內(nèi)容是美麗的風景。采用側(cè)邊滑出式導(dǎo)航欄，小小的導(dǎo)航通過側(cè)滑的方式安排了很多實用的數(shù)據(jù)。

Mario IGN 

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

Martina Sperl 

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

Bienville Capital Management

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

CFYE Magazine

眾多的粉色和白色搭配起來營造出積極的氛圍。側(cè)邊磁貼式導(dǎo)航顯得干凈利落，簡單明了。

Tim Brack

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

The Explorations Company

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

World is beautiful

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

Animesh Manglik

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

University of Brighton

布萊頓大學也來耍逼格風~據(jù)說右邊的導(dǎo)航很完美，但是很不幸我點開圖片進入的并不是這個配圖所展示的頁面╮(╯▽╰)╭

Whale Wars by Animal Planet

巨幅圖片華麗麗地展示了網(wǎng)站的磅礴氣勢，而為了hold住此氣勢，設(shè)計師決定在右邊用做一個溫和的側(cè)滑導(dǎo)航欄。剛?cè)岵?，所向披靡?/p>

Les Enfants

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

小結(jié)

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