|
三、每一個元素都是有用的
想象我們從一張空白的白色文檔開始設(shè)計一個頁面的導(dǎo)航。首先添加鏈接文字，為了讓文字顏色和白色的頁面對比不過于強烈刺眼，我們決定不用黑色而使用灰色。這里我們將文字行距拉開，讓留白區(qū)域更多一些，目的是讓頁面保持透氣感和干凈的感覺。
各個導(dǎo)航欄目如果只是文字的話看上去過于類似，所以為了讓它們在保持相似性的同時而有所區(qū)別，我們給每一個欄目的左側(cè)添加上了風格簡潔的圖標，選擇這種風格的圖標一是符合頁面本身干凈的感覺，另外一點的考慮是圖片和文字內(nèi)容的關(guān)聯(lián)性。我們不打算讓圖標比文字還吸引眼球，所以我們讓它們保持比文字還淺的灰色。白色的頁面上如果僅僅放上導(dǎo)航內(nèi)容的話感覺結(jié)構(gòu)不夠整齊，因為沒有實際上的線條來束縛視線，所以這里我們給每一個導(dǎo)航欄目添加非常淺的灰色水平線和垂直水平線，這種隱隱約約的線條既可以加強排版，還不至于讓頁面看上去條條框框過多，阻礙視線的游走。
接下來就是鼠標懸停的效果了，這要和菜單本身的狀態(tài)有較大的視覺差別，所以這里我們將文字和背景顏色更改為清爽的綠色和灰色，灰色是為了讓整個頁面的顏色統(tǒng)一，而綠色是唯一跳出整個灰色頁面的顏色。這樣就讓頁面在顏色上有了亮點，而不至于讓人感覺頁面上灰蒙蒙的一片。背景的材質(zhì)上添加了雜色，這樣看上去更加柔和，而不是光亮的冷冰冰的感覺。這基本上就是我們設(shè)計這個導(dǎo)航的整個考慮過程。
這樣你就看到了，這里的每一個元素和細節(jié)的應(yīng)用都是經(jīng)過充分考慮的，而且沒有一個多于的東西無緣無故的存在，這就是簡潔風格的設(shè)計理念。
四、強質(zhì)感的高光風格
這個例子中的導(dǎo)航和我上一篇日志《強質(zhì)感高光風格網(wǎng)頁欣賞及其表現(xiàn)手法總結(jié)》中提高的風格比較類似，技術(shù)方法也非常簡單，你可以去那篇日志中下載我做好的PSD文件，學習一下如何實現(xiàn)這樣的效果。
出處：藍色理想
責任編輯：bluehearts
上一頁 10個精致的導(dǎo)航菜單欣賞及點評 [1] 下一頁 10個精致的導(dǎo)航菜單欣賞及點評 [3]
|
第 1 頁 
第 2 頁 10個精致的導(dǎo)航菜單欣賞及點評 [2]
