網(wǎng)頁導航就是幫助用戶快速找到自己所需的地址，鏈接不同頁面之間的工具。雖然各種網(wǎng)頁導航所呈現(xiàn)的內(nèi)容大致相同，但是由于設計的不同，導航受關注程度和用戶的感受是不一樣的。今天就讓faceui為大家介紹網(wǎng)頁導航設計。

　　網(wǎng)頁導航設計的技巧

　　1、超大菜單欄

　　超大導航欄需要足夠的空間來承載大量的導航欄目，導航欄項目過多難以縮減，超大的導航欄可以給予一定的幫助。

　　2、顯眼的搜索框

　　用戶常常使用搜索來篩選信息，更快更直接地獲取重要的信息，所以，搜索框應該突出展示。它應該出現(xiàn)在每個頁面上，應該和主導航欄一起存在，應該夠大也易于訪問。

　　3 、限制條目數(shù)量

　　作為設計師，你需要預測用戶經(jīng)常訪問的內(nèi)容，將最重要、最常用到的條目置于導航欄當中。換句話來說，就是關鍵內(nèi)容驅(qū)動導航分類。

　　4、導航機制

　　好的導航設計，能讓用戶能在頁面和頁面之間合理快速切換，網(wǎng)站不同的內(nèi)容和功能之間是有一定的自然邏輯的，導航欄從通用的條目變?yōu)楦N近個人情況的樣式，其中包括最近的購買記錄，信用額度和Amazon 的服務信息等。

　　5、導航條目排布

　　導航內(nèi)的元素的排布順序和條目內(nèi)容同樣重要。導航欄兩頭的條目是最引人注意的，并且也通常是用戶點擊最多的，所以作為設計者，需要特別注意這些條目的設計。

網(wǎng)頁導航設計（圖片來自網(wǎng)絡）

　　6、懸浮導航

　　對于長滾動頁面而言，導航設計最好能夠懸浮置頂，不論用戶滾動到哪個地方都時刻存在于界面上。讓用戶盡量輕松自然地同你的網(wǎng)站進行交互，而不需要費力。交互越是方便，用戶便越是會在你的網(wǎng)站中四處探索，自然而然的，用戶在網(wǎng)站中停留的時間就越長。

　　7、不要隱藏導航

　　超小的漢堡圖標，隱藏在頁腳、不顯眼的鏈接，或者在長滾動頁面中時隱時現(xiàn)的懸浮菜單，都會讓用戶覺得難以掌控。這些“躲閃”的導航元素讓用戶難以與之進行交互。相對的，時刻存在的導航讓用戶會更加安心，讓用戶時刻都擁有離開、跳轉(zhuǎn)的安全通道。

　　8、描述性標簽

　　導航欄中每個條目都會有個文本標簽，它們會告訴用戶這個鏈接中所包含的內(nèi)容。這個時候要盡量注意不要使用太過寬泛的描述，比如“服務”或者“產(chǎn)品”，盡量用更精準的描述。

　　9、全頁面導航

　　導航這件事玩法有很多，如果你真的想做的更醒目一些，不妨采用全頁面式的導航，絕對不會讓用戶錯過。對于作品集和相對較小的實驗性網(wǎng)站，這種非常規(guī)的設計有時候能出奇效。

　　10、垂直導航

　　垂直導航設計也是目前越來越流行的設計之一。最常見的是垂直導航，是側(cè)邊欄導航，它和許多軟件的UI設計不謀而合。

網(wǎng)頁導航設計（圖片來自網(wǎng)絡）

　　常用的網(wǎng)頁導航設計

　　1、頂部導航

　　頂部導航被廣泛應用在各個領域的網(wǎng)站當中，這類導航可以一目了然的讓用戶迅速尋找到所需。頂部導航這樣的設計形式保守但目的性強，可以確保組織結(jié)構(gòu)的可靠和降低用戶尋找的時間成本。

　　2、側(cè)邊導航

　　側(cè)邊欄導航的設計形式比較多樣，也可以有多表現(xiàn)形式，可動可靜，可大可小，比較個性化。設計師可以考慮做成側(cè)邊欄以滑動方式展現(xiàn)，在節(jié)約網(wǎng)站空間的同時也顯得更加簡約。

　　3、底部導航

　　底部導航應用性不是很廣，比較長出現(xiàn)在一些活動或個性化的網(wǎng)站當中，主要用在移動端。

　　4、漢堡包式導航

　　漢堡式導航其實跟底部導航一樣，比較常出現(xiàn)于移動端。但現(xiàn)在不少的pc端也越來越喜歡用漢堡包式的導航設計。這樣的設計比較節(jié)約空間，相當于將導航做成一個隱藏式的設計或是彈出式的設計，具有設計感。

　　5、滾動式導航

　　滾動式導航分水平滾動和垂直式滾動。

　　以上就是faceui為大家介紹的關于網(wǎng)頁導航設計的相關內(nèi)容。一個優(yōu)秀的網(wǎng)頁設計師，不僅能設計出優(yōu)秀的網(wǎng)頁界面，就連導航這么小的設計也會精益求精。