網(wǎng)頁導(dǎo)航菜單設(shè)計實例

《網(wǎng)頁導(dǎo)航菜單設(shè)計實例》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、網(wǎng)頁導(dǎo)航菜單設(shè)計實例導(dǎo)航是網(wǎng)頁設(shè)計中的重要元素。一個良好的網(wǎng)頁導(dǎo)航系統(tǒng)能不止是要把它設(shè)計的夠漂亮，同時更重要的是要能夠帶領(lǐng)你的用戶逗留在你的網(wǎng)站之中，讓訪客輕松找到他們想要觀看的內(nèi)容。在這里介紹導(dǎo)航菜單在近期的發(fā)展趨勢，實例和創(chuàng)新的解決方案，非常的豐富，相信能夠為同學(xué)們網(wǎng)頁設(shè)計帶來更好的靈感和參考。1.“對話式”的導(dǎo)航菜單一個導(dǎo)航菜單最重要的目標，就是引導(dǎo)訪客瀏覽網(wǎng)站中的更多頁面。但是，有的時候，光是靠一兩個關(guān)鍵字并不能達到效果，因為很可能這些關(guān)鍵字讓人費解，并不能夠吸引用戶的注意。在過去的幾個月里面，你能發(fā)現(xiàn)一個導(dǎo)航菜單的設(shè)計趨勢，就是為導(dǎo)航菜單進行

2、簡短的補充說明。通過在大的菜單標題里再加上幾個能夠凸現(xiàn)出該頁面的重要信息的關(guān)鍵詞來吸引訪客，讓訪客一目了然的知道，它進去這個頁面，將會看到些什么東西。我將這種導(dǎo)航菜單稱之為“對話式”的導(dǎo)航菜單，因為它確實能和訪客之前營造一種更好的溝通氛圍。同時，很多導(dǎo)航菜單不僅加上了多個關(guān)鍵詞的簡短介紹，也加入了一些大圖標。這除了美化導(dǎo)航菜單之外，另外一個好處就是，如果你的網(wǎng)站受眾來自多個國家的話，通過圖片將能使用不同語言的用戶方便理解。這種對話式的導(dǎo)航菜單不僅適于橫向?qū)Ш讲藛?，同時，也適用縱向?qū)Ш讲藛巍?.Mac風(fēng)格仍然流行？Mac可以說是在Web2.0設(shè)計攻擊下的

3、最大幸存者，我們知道，在過去的一兩年，Web2.0風(fēng)格的設(shè)計席卷狂潮。說實話，帕蘭格人并不太喜歡Web2.0風(fēng)格的設(shè)計，在某種程序上，Web2.0可以說是毀了設(shè)計。但你無法不承認，它是如此的流行。但是，有趣的是，在過去的幾個月說，你會發(fā)現(xiàn)，有很多網(wǎng)站使用Mac風(fēng)格的設(shè)計。而這些網(wǎng)站并不都是設(shè)計蘋果公司相關(guān)信息的，有很多甚至網(wǎng)站內(nèi)容與Apple沒有任何關(guān)系。使用Mac風(fēng)格只有一個理由:它是如此的精美和超酷?；蛟S，繼續(xù)發(fā)展下去，Mac風(fēng)格設(shè)計能夠成為一個單一的設(shè)計元素概念。Web2.0style不算什么，尤其是在全世界視覺設(shè)計工業(yè)最強大的Apple面前。導(dǎo)

4、航欄并不需要完全模仿Mac風(fēng)格，進行一些延伸設(shè)計也是可以的。綠色版本的過渡型Mac風(fēng)格菜單3.更多的使用圖標來達到視覺吸引效果為導(dǎo)航菜單添加一個準確的圖標也趨于流行，帕蘭格之前也在收集圖標網(wǎng)站的文章里說過(50多個國外的免費Icon圖標免費下載網(wǎng)站和20多個國內(nèi)的免費Icon圖標免費下載網(wǎng)站)在使用圖標來進行導(dǎo)航菜單設(shè)計的時候，最重要的東西是，要確保該圖標是很容易辨認的，明確地傳達了訊息?！璦ndontheright-handsideinthesidebar.4.垂直的導(dǎo)航菜單雖然傳統(tǒng)的桌面應(yīng)用幾乎都不使用垂直制表符，但是很多設(shè)計師卻樂意這樣做，它往往

5、能創(chuàng)造出很漂亮的效果，同時也能吸引到用戶。5.手工繪畫風(fēng)格的使用手工繪畫風(fēng)格的導(dǎo)航菜單給人的第一感覺就是個性，但要創(chuàng)建一個這樣的導(dǎo)航菜單并不容易，并不是說手工繪畫風(fēng)格本身難，而是要讓這樣的菜單融入到整個網(wǎng)站中，還真是有點困難。6.實驗性的導(dǎo)航菜單解決方案盡管可能不是什么好主意，甚至可能造成不好的效果，但是作為一個設(shè)計，往往喜歡制作瘋狂和不尋常的實驗作品，想出一些奇怪或獨特的網(wǎng)站導(dǎo)航。