“有點兒意思”的導航設計

導航是網頁設計中不可缺少的部分，它是網站訪問者獲取所需内容的快速通道(dào)和途徑。導航讓網站的層次結構以一種(zhǒng)有條理的方式清晰展示，并引導用戶毫不費力地找到并管理信息，達到有效傳遞。同時，導航一般位于網頁的中上部分，也是視覺中心的區域内。在保持其合理的功能(néng)作用的同時，一個好(hǎo)的導航設計，往往能(néng)夠成(chéng)爲整個網頁設計的點睛之筆！

    一個設計師在布局和整體規劃網頁設計時，導航總是一個重要的元素。我們會思考，導航以什麼(me)形式呈現？是否能(néng)夠大程度地發(fā)揮其梳理網站結構、有效傳遞信息的功能(néng)？是否能(néng)夠烘托和配合整個頁面(miàn)的設計風格？是否能(néng)夠别出心裁潤色和體現該網站的特點又不影響其功能(néng)性？是否能(néng)夠精益求精成(chéng)爲整個網頁設計至關重要的一筆？那麼(me)，就讓我們一起(qǐ)分享和淺析一下一些讓設計師們花費心思精雕細琢的導航設計吧。

A. 材質類，給導航加點材質！ 

    材質類的導航，是潤色導航、增加導航意味常用的設計方法。在有特殊定向(xiàng)和用戶指向(xiàng)的網站設計裡(lǐ)是廣被(bèi)設計師們使用的手法。這(zhè)種(zhǒng)快速、簡單、效果直接的設計方式，能(néng)夠迅速將(jiāng)産品的特性和設計師的巧思呈現出來。并且材質類的導航設計往往都(dōu)可以不必打破導航的基本形态，能(néng)夠很好(hǎo)的保持導航的功能(néng)性，頁面(miàn)排版的整齊感。因此可以在固定的網頁原型的結構和位置上，靈活地表達産品的特性。設計師們可以随心所欲雕琢内部的材質，從而打造不一樣(yàng)的意味導航，成(chéng)爲整個頁面(miàn)的小小亮點。

B. 拟物類，讓導航不僅僅是導航！

    如何讓一個頁面(miàn)看起(qǐ)來如身臨其境融入了該網站産品的世界？那麼(me)就要讓用戶的視覺體驗真實地感受到該産品特性的存在。這(zhè)個時候，一個普通呆闆的導航，遠遠不能(néng)滿足頁面(miàn)的設計需要。即使産品圖片再誘人，一個毫不融入氛圍的冷冰冰的導航，在頁面(miàn)上不僅讓人失望更加破壞了應該有的氣氛。所以，越來越多的設計，讓導航成(chéng)爲了烘托、增強網頁及産品氛圍的振奮一筆！拟物類的導航，就像變色龍，在不同定位的網頁設計中，捕捉和适應環境的特點，從而化身爲環境的一部分。

C. 形态類，換個形狀設計導航！

    若問到導航是什麼(me)樣(yàng)的，大多數人都(dōu)會立刻浮現出幾種(zhǒng)基本的形狀和樣(yàng)式，頂部的橫欄、側邊的豎欄。即便是高矮胖瘦、顔色各異、材質各異，大多數的導航都(dōu)不會跨出基本的界限。那麼(me)導航是不是一定要遵守形狀這(zhè)個“規矩”呢？答案肯定是否認的。用戶雖然習慣了導航的“規矩性”，但是另類形态的導航設計卻無疑給了用戶們一個新的視角，原來導航也可以“沒(méi)規沒(méi)距”！

D. 融合類，“和諧共進(jìn)”的導航設計！ 

    有雷厲風行搶風頭的導航哥，也會有爲人低調注重和諧的導航們。在某些網頁設計中，需求的導向(xiàng)性會要求將(jiāng)導航一定程度的削弱，從而來突出産品的主體内容。那麼(me)對(duì)于這(zhè)部分的導航設計，設計師們該如何取舍呢？是簡單地羅列文字？還(hái)是將(jiāng)導航舍棄在邊角的位置？如何才能(néng)使得被(bèi)削弱的導航仍然不失設計感，甚至能(néng)夠輔助主體内容的突顯？這(zhè)個時候，對(duì)導航的處理和設計就能(néng)更加體現出一個設計師對(duì)宏觀大局的把控，以及對(duì)細節局部的掌控，讓局部服從整體，但又不是粗糙對(duì)待，反而精緻得恰到好(hǎo)處！削弱并不是不需要設計，和諧并不是隐藏和消失。

E. 延展類，導航設計的更多可能(néng)性！ 

    設計是在不斷進(jìn)步的，随著(zhe)用戶體驗的提高、用戶認知度的拓展、産品需求的多樣(yàng)性、設計師理念的不斷探索和更新，我們相信，導航設計將(jiāng)存在更多的可能(néng)性！也許下一個新的設計形式就誕生在你我之間！越來越多關于導航設計的研究和探索，將(jiāng)會給用戶帶來全新的視覺和使用體驗！