|
八、自然質(zhì)樸的布制風(fēng)格
兩條水平的白色虛線和一條灰色的垂直線仿佛是縫在布上的線腳。這種風(fēng)格給人一種自然以及手工的感覺。創(chuàng)建這樣的線腳并不難，直接用文字工具鍵出虛線，調(diào)整字體、大小以及間距就可以了。關(guān)鍵點(diǎn)在于頁面邊緣彎折的那部分，要注意綠色帶子彎折后的透視關(guān)系，需要將其向下移動(dòng)一定的距離。
九、讓色彩從頁面跳出
在偏向于黑色的頁面背景上有這樣鮮亮的綠色跳出會(huì)非常吸引視覺注意力。再加上好像用大頭針釘在頁面上的獨(dú)特樣式，更是和頁面本身增強(qiáng)了對(duì)比，所以如果這樣的下拉菜單展開的話，你會(huì)忍不住將鼠標(biāo)移動(dòng)到其它菜單上試試效果，如果同時(shí)你能關(guān)注到導(dǎo)航內(nèi)容的話，設(shè)計(jì)者的目的就達(dá)到了。
十、互補(bǔ)色營造鮮明視覺
細(xì)膩的斜紋背景創(chuàng)建起來非常簡單，只需用鉛筆工具以1像素的粗細(xì)創(chuàng)建好圖案，保存后在圖層樣式中應(yīng)用圖案疊加就可以了。關(guān)于這種背景的創(chuàng)建我在之前寫的《在Photoshop中創(chuàng)建多種樣式的網(wǎng)格背景圖案》這篇文章中詳細(xì)講過，你可以參考這篇日志自己動(dòng)手創(chuàng)建。
這里值得一提的是案例中的冷色背景色和暖色的文字和圖標(biāo)顏色的使用，橙色和青綠色屬于互補(bǔ)色，青綠色作為背景色飽和度很低，而橙色的飽和度非常高，通過對(duì)比讓圖標(biāo)和文字看上去非常醒目同時(shí)又非常和諧。所以如果你打算在設(shè)計(jì)中使用互補(bǔ)色的話，不要同時(shí)調(diào)高兩種顏色的飽和度，這樣會(huì)使視覺向兩邊拉扯，而應(yīng)該有所主次，通過將一種顏色的飽和度降低，再加入相應(yīng)的白色或者黑色和另外一種飽和度較高的顏色搭配，就像這個(gè)案例向我們展示的那樣。
原文：http://startwmlife.com/the-inspiration-of-ten-exquisite-navigation-menu-and-tips/
本文鏈接：http://www.95time.cn/design/doc/2011/8586.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 10個(gè)精致的導(dǎo)航菜單欣賞及點(diǎn)評(píng) [3] 下一頁
|
第 1 頁 
第 4 頁 10個(gè)精致的導(dǎo)航菜單欣賞及點(diǎn)評(píng) [4]
