導(dǎo)航讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清楚展示，并引導(dǎo)用戶絕不費力地找到并治理信息。同時，導(dǎo)航位于網(wǎng)頁的中上部門，視覺中央的區(qū)域。在保持其網(wǎng)站的功能作用的同時，一個好的導(dǎo)航設(shè)計，是整個網(wǎng)頁設(shè)計的點睛之筆!

一個設(shè)計師在布局和整體規(guī)劃網(wǎng)頁設(shè)計時，導(dǎo)航老是一個重要的元素。我們會思索：

導(dǎo)航以什么形式呈現(xiàn)?

是否能夠大程度地施展其梳理網(wǎng)站結(jié)構(gòu)、有效傳遞信息的功能?

是否能夠烘托和配合整個頁面的設(shè)計風(fēng)格?

是否能夠獨出心裁潤色和體現(xiàn)該網(wǎng)站的特點又不影響其功能性?

是否能夠不斷改進成為整個網(wǎng)頁設(shè)計至關(guān)重要的一筆?

那么，就讓我們一起分享和淺析一下一些讓設(shè)計師們花費心思精雕細琢的導(dǎo)航設(shè)計吧。

導(dǎo)航的設(shè)計會根據(jù)網(wǎng)站的基本種別、屬性和各自特點而有所定位。

在這里，我挑選了一些非系統(tǒng)、門戶等類型，有明確特點、用戶定位、產(chǎn)品及品牌特色的品牌類、專題類網(wǎng)站。對于這些網(wǎng)站來說，導(dǎo)航的設(shè)計將突破我們常見的橫向長條導(dǎo)航或者豎式導(dǎo)航，會更加有意味、趣味和玩味，是能讓設(shè)計師們盡情拓展設(shè)計創(chuàng)意和思維的“有點兒意思”的導(dǎo)航設(shè)計!

A. 材質(zhì)類，給導(dǎo)航加點材質(zhì)!

材質(zhì)類的導(dǎo)航，是潤色導(dǎo)航、增加導(dǎo)航意味最常用的設(shè)計方法。在有特殊定向和用戶指向的網(wǎng)站設(shè)計里是廣被設(shè)計師們使用的手法。

這種快速、簡單、效果直接的設(shè)計方式，能夠迅速將產(chǎn)品的特性和設(shè)計師的巧思呈現(xiàn)出來。并且材質(zhì)類的導(dǎo)航設(shè)計往往都可以不必打破導(dǎo)航的基本形態(tài)，能夠很好的保持導(dǎo)航的功能性，頁面排版的整潔感。

因此可以在固定的網(wǎng)頁原型的結(jié)構(gòu)和位置上，靈活地表達產(chǎn)品的特性。設(shè)計師們可認為所欲為雕琢內(nèi)部的材質(zhì)，從而打造不一樣的意味導(dǎo)航，成為整個頁面的小小亮點。

B. 擬物類，讓導(dǎo)航不僅僅是導(dǎo)航!

如何讓一個頁面看起來如身臨其境融入了該網(wǎng)站產(chǎn)品的世界?那么就要讓用戶的視覺體驗真實地感慨感染到該產(chǎn)品特性的存在。

這個時候，一個普通呆板的導(dǎo)航，遠遠不能知足頁面的設(shè)計需要。

即使產(chǎn)品圖片再誘人，一個絕不融入氛圍的冷冰冰的導(dǎo)航，在頁面上不僅讓人絕望更加破壞了應(yīng)該有的氣氛。所以，越來越多的設(shè)計，讓導(dǎo)航成為了烘托、增強網(wǎng)頁及產(chǎn)品氛圍的振奮一筆!擬物類的導(dǎo)航，就像變色龍，在不同定位的網(wǎng)頁設(shè)計中，捕獲和適應(yīng)環(huán)境的特點，從而化身為環(huán)境的一部門。

擬物類的導(dǎo)航，可以是抽屜，可以是布條、可以是樹木，可以是任何你能想到和創(chuàng)意出來的東西!打破一切既定的規(guī)則，不必一定要是長條四方，不必一定要是整潔劃一的排版，擬物類的導(dǎo)航可以將設(shè)計師的能動性施展到極點!

這樣的導(dǎo)航設(shè)計，在整個網(wǎng)頁中可以達到另外一層的功能性，那就是輔助晉升產(chǎn)品給用戶的強盛視覺認知度，還未見其產(chǎn)品的具體信息，你就能提前感慨感染到它是干什么的，有什么樣的風(fēng)格，有什么樣的追求。讓導(dǎo)航不僅僅只是導(dǎo)航!

C. 形態(tài)類，換個外形設(shè)計導(dǎo)航!

若問到導(dǎo)航是什么樣的，大多數(shù)人都會當(dāng)即浮現(xiàn)出幾種基本的外形和樣式，頂部的橫欄、側(cè)邊的豎欄。即便是高矮胖瘦、顏色各異、材質(zhì)各異，大多數(shù)的導(dǎo)航都不會跨出基本的界限。

那么導(dǎo)航是不是一定要遵守外形這個“規(guī)矩”呢?謎底肯定是否認的。用戶固然習(xí)慣了導(dǎo)航的“規(guī)矩性”，但是另類形態(tài)的導(dǎo)航設(shè)計卻無疑給了用戶們一個新的視角，原來導(dǎo)航也可以“沒規(guī)沒距”!

那么是否可以隨意改變導(dǎo)航的形態(tài)設(shè)計呢，謎底也是否定的，設(shè)計師們始終都要記住導(dǎo)航的根本屬性和用途，讓導(dǎo)航始終都不能脫離它在頁面設(shè)計中的核心作用。

假如你是一個大膽勇敢的設(shè)計師，又有新奇的設(shè)計理念和產(chǎn)品訴求，那么不妨嘗試做一次大地調(diào)整，換個外形設(shè)計導(dǎo)航!

D. 融合類，“和諧共進”的導(dǎo)航設(shè)計!

有雷厲風(fēng)行搶風(fēng)頭的導(dǎo)航哥，也會有為人低調(diào)注重和諧的導(dǎo)航們。

在某些網(wǎng)頁設(shè)計中，需求的導(dǎo)向性會要求將導(dǎo)航一定程度的削弱，從而來凸起產(chǎn)品的主體內(nèi)容。

那么對于這部門的導(dǎo)航設(shè)計，設(shè)計師們該如何取舍呢?是簡單地羅列文字?仍是將導(dǎo)航舍棄在邊角的位置?如何才能使得被削弱的導(dǎo)航仍舊不失設(shè)計感，甚至能夠輔助主體內(nèi)容的突顯?

這個時候，對導(dǎo)航的處理和設(shè)計就能更加體現(xiàn)出一個設(shè)計師對宏觀大局的把控，以及對細節(jié)局部的掌控，讓局部聽從整體，但又不是粗拙對待，反而精致得恰到好處!削弱并不是不需要設(shè)計，和諧并不是躲藏和消失。

很多優(yōu)秀的設(shè)計作品，在處理這類情況時，通常將導(dǎo)航和網(wǎng)頁主體背景進行聯(lián)系關(guān)系性的融合。從色彩的恰接、風(fēng)格感慨感染、背景圖片的聯(lián)系關(guān)系、線框等多方面都可以進行處理和設(shè)計。讓導(dǎo)航當(dāng)然地呈現(xiàn)，仿佛為主體的一部門，又退而求其次，把更多的視覺焦點留給了主體內(nèi)容。從而好地保持其功能性，又能與整體頁面“和諧共進”!

E. 延展類，導(dǎo)航設(shè)計的更多可能性!

設(shè)計是在不斷提高的，跟著用戶體驗的進步、用戶認知度的拓展、產(chǎn)品需求的多樣性、設(shè)計師理念的不斷探索和更新，我們相信，導(dǎo)航設(shè)計將存在更多的可能性!也許下一個新的設(shè)計形式就誕生在你我之間!越來越多關(guān)于導(dǎo)航設(shè)計的研究和探索，將會給用戶帶來全新的視覺和使用體驗!

新聞標(biāo)題：網(wǎng)站導(dǎo)航設(shè)計的思索
網(wǎng)站地址：http://jinyejixie.com/news/81858.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站導(dǎo)航等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)