2014-2-20 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( www.teruid.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里
網(wǎng)站設(shè)計導(dǎo)航也采用了雙重菜單,而且篇幅很廣。菜單如此寬廣,排版如此簡潔,加上導(dǎo)航和背景產(chǎn)生的強(qiáng)烈對比,使得整個網(wǎng)站顯得非常微妙而自由。
擁有獨(dú)特的設(shè)計。通過神秘的外表和細(xì)節(jié)的刻畫引起了用戶的注意。而狹窄的側(cè)邊導(dǎo)航則作為一個補(bǔ)充設(shè)計,起到了畫龍點(diǎn)睛的效果。
該網(wǎng)站的設(shè)計旨在創(chuàng)造巨大的視覺沖擊力。很多鏈接都是基于圖片的。左側(cè)有一個溫和的小菜單,菜單是小巧的動態(tài)圖標(biāo)加上簡短的字體導(dǎo)航。
該網(wǎng)站擁有復(fù)雜的交互。設(shè)計師使用黃色來提亮要點(diǎn)。盡管側(cè)邊菜單欄也是黑色的,仿佛融合到網(wǎng)站中,但是黃色的字體導(dǎo)航也不失味道。
網(wǎng)站設(shè)計的主體內(nèi)容是美麗的風(fēng)景。采用側(cè)邊滑出式導(dǎo)航欄,小小的導(dǎo)航通過側(cè)滑的方式安排了很多實用的數(shù)據(jù)。
是一個互動網(wǎng)站,主要是為了向這個著名的游戲致敬。右邊大面積展示著名的場景附加一點(diǎn)介紹。左邊是一個簡潔的導(dǎo)航菜單。
有一個基于圖片的著陸頁,利用垂直滾動技術(shù)展示藝術(shù)品。在這種情況下, 右邊干凈整潔的一面菜單功使得用戶更加便利地去探索該網(wǎng)站。
設(shè)計師采用傳統(tǒng)的色彩組合展示該網(wǎng)站,動態(tài)圖片使得網(wǎng)站不再單調(diào)。左邊的菜單采用側(cè)滑式,既不妨礙用戶參觀又起到網(wǎng)站指引的作用。
眾多的粉色和白色搭配起來營造出積極的氛圍。側(cè)邊磁貼式導(dǎo)航顯得干凈利落,簡單明了。
選用了干凈、開放和拋光的在線組合促使用戶集中注意力于主人的杰作。右邊巨大的導(dǎo)航塊彰顯了網(wǎng)站高貴的氣質(zhì)。
左邊的菜單有點(diǎn)兒原始的味道,但這確實就是設(shè)計師的目的。網(wǎng)站內(nèi)容豐富數(shù)據(jù)繁多,沒有這個導(dǎo)航用戶將很難探索完整個網(wǎng)站。
設(shè)計師竟然在左邊側(cè)滑而出的主菜單采用了下拉的二級菜單!看起來完美極了!世界果然是十分漂亮的~~
采用了側(cè)邊滑出的菜單,看起來很便利。
布萊頓大學(xué)也來耍逼格風(fēng)~據(jù)說右邊的導(dǎo)航很完美,但是很不幸我點(diǎn)開圖片進(jìn)入的并不是這個配圖所展示的頁面╮(╯▽╰)╭
巨幅圖片華麗麗地展示了網(wǎng)站的磅礴氣勢,而為了hold住此氣勢,設(shè)計師決定在右邊用做一個溫和的側(cè)滑導(dǎo)航欄。剛?cè)岵?jì),所向披靡。
網(wǎng)站采用網(wǎng)格布局展示各種電影場景。此時左邊的菜單顯得很優(yōu)雅有木有~
導(dǎo)航欄的ui設(shè)計可以是靜態(tài)的、動態(tài)的、可擴(kuò)展的、雙層展示的,甚至只是隱藏在一個微妙的符號里面。任何導(dǎo)航在網(wǎng)站界面設(shè)計里面都扮演者不可或缺的角色,所以,探索網(wǎng)站采用何種導(dǎo)航方式是很有必要的。
藍(lán)藍(lán)設(shè)計的小編 http://www.teruid.com