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

2014-5-12    藍(lán)藍(lán)設(shè)計(jì)的小編

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

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

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

信不信由你,側(cè)邊欄菜單將會(huì)是2014的一個(gè)新趨勢(shì)!實(shí)際上,菜單界面設(shè)計(jì)已經(jīng)有相當(dāng)長(zhǎng)的一個(gè)歷史,最開(kāi)始它只被用在計(jì)算機(jī)應(yīng)用程序上,后來(lái)逐漸流行到社交媒體網(wǎng)站UI設(shè)計(jì)?,F(xiàn)在很多單頁(yè)設(shè)計(jì)的網(wǎng)站設(shè)計(jì)菜單都非常精美而便利。來(lái)欣賞藍(lán)藍(lán)設(shè)計(jì)一些超級(jí)棒的側(cè)邊欄菜單網(wǎng)站設(shè)計(jì)

 

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

Bienville Capital Management

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

13

CFYE Magazine

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

14

Tim Brack

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

15

The Explorations Company

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

16

World is beautiful

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

17

Animesh Manglik

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

18

University of Brighton

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

19

Whale Wars by Animal Planet

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

20

Les Enfants

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

21

 

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

日歷

鏈接

個(gè)人資料

存檔