時尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)頁設計

2014-4-22    藍藍設計的小編

轉(zhuǎn)載藍藍設計(   m.bouu.cn  )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 、平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

信不信由你,側(cè)邊欄菜單將會是2014的一個UI設計新趨勢!實際上,菜單已經(jīng)有相當長的一個歷史,最開始它只被用在計算機應用程序上,后來逐漸流行到社交媒體網(wǎng)站?,F(xiàn)在很多單頁界面設計網(wǎng)站設計菜單都非常精美而便利。今天一起欣賞一下藍藍設計推薦的時尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)站設計。

更多側(cè)邊欄菜單網(wǎng)站設計欣賞:http://m.bouu.cn/

Martina Sperl 

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

12

Bienville Capital Management

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

13

CFYE Magazine

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

14

Tim Brack

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

15

The Explorations Company

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

16

World is beautiful

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

17

Animesh Manglik

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

18

University of Brighton

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

19

Whale Wars by Animal Planet

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

20

Les Enfants

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

21

小結(jié)

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

更多側(cè)邊欄菜單網(wǎng)站設計欣賞:http://m.bouu.cn/

日歷

鏈接

個人資料

藍藍設計的小編 http://m.bouu.cn

存檔