2014-4-22 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.chinatradebeam.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
信不信由你，側(cè)邊欄菜單將會(huì)是2014的一個(gè)UI設(shè)計(jì)新趨勢！實(shí)際上，菜單已經(jīng)有相當(dāng)長的一個(gè)歷史，最開始它只被用在計(jì)算機(jī)應(yīng)用程序上，后來逐漸流行到社交媒體網(wǎng)站?，F(xiàn)在很多單頁界面設(shè)計(jì)的網(wǎng)站設(shè)計(jì)菜單都非常精美而便利。今天一起欣賞一下藍(lán)藍(lán)設(shè)計(jì)推薦的時(shí)尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)站設(shè)計(jì)。
更多側(cè)邊欄菜單網(wǎng)站設(shè)計(jì)欣賞：http://www.chinatradebeam.com/
有一個(gè)基于圖片的著陸頁，利用垂直滾動(dòng)技術(shù)展示藝術(shù)品。在這種情況下, 右邊干凈整潔的一面菜單功使得用戶更加便利地去探索該網(wǎng)站。
設(shè)計(jì)師采用傳統(tǒng)的色彩組合展示該網(wǎng)站，動(dòng)態(tài)圖片使得網(wǎng)站不再單調(diào)。左邊的菜單采用側(cè)滑式，既不妨礙用戶參觀又起到網(wǎng)站指引的作用。
眾多的粉色和白色搭配起來營造出積極的氛圍。側(cè)邊磁貼式導(dǎo)航顯得干凈利落，簡單明了。
選用了干凈、開放和拋光的在線組合促使用戶集中注意力于主人的杰作。右邊巨大的導(dǎo)航塊彰顯了網(wǎng)站高貴的氣質(zhì)。
左邊的菜單有點(diǎn)兒原始的味道，但這確實(shí)就是UI設(shè)計(jì)師的目的。網(wǎng)站內(nèi)容豐富數(shù)據(jù)繁多，沒有這個(gè)導(dǎo)航用戶將很難探索完整個(gè)網(wǎng)站。
設(shè)計(jì)師竟然在左邊側(cè)滑而出的主菜單采用了下拉的二級(jí)菜單！看起來完美極了！世界果然是十分漂亮的~~
采用了側(cè)邊滑出的菜單，看起來很便利。
布萊頓大學(xué)也來耍逼格風(fēng)~據(jù)說右邊的導(dǎo)航很完美，但是很不幸我點(diǎn)開圖片進(jìn)入的并不是這個(gè)配圖所展示的頁面╮(╯▽╰)╭
巨幅圖片華麗麗地展示了網(wǎng)站的磅礴氣勢，而為了hold住此氣勢，設(shè)計(jì)師決定在右邊用做一個(gè)溫和的側(cè)滑導(dǎo)航欄。剛?cè)岵?jì)，所向披靡。
網(wǎng)站采用網(wǎng)格布局展示各種電影場景。此時(shí)左邊的菜單顯得很優(yōu)雅有木有~
導(dǎo)航欄的設(shè)計(jì)可以是靜態(tài)的、動(dòng)態(tài)的、可擴(kuò)展的、雙層展示的，甚至只是隱藏在一個(gè)微妙的符號(hào)里面。任何導(dǎo)航在網(wǎng)站界面設(shè)計(jì)里面都扮演者不可或缺的角色，所以，探索網(wǎng)站采用何種導(dǎo)航方式是很有必要的。
更多側(cè)邊欄菜單網(wǎng)站設(shè)計(jì)欣賞：http://www.chinatradebeam.com/
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com