一(yī / yì ／yí)、頂部導航 

頂部導航被廣泛應用在(zài)各個(gè)領域的(de)網站當中，這(zhè)類導航可以(yǐ)一(yī / yì ／yí)目了(le／liǎo)然的(de)讓用戶迅速尋找到(dào)所需。頂部導航這(zhè)樣的(de)設計形式保守但目的(de)性強，可以(yǐ)确保組織結構的(de)可靠和(hé / huò)降低用戶尋找的(de)時(shí)間成本。但這(zhè)類導航有個(gè)缺點，首頁内容過多需要(yào / yāo)滾屏的(de)時(shí)候，用戶需要(yào / yāo)滾動到(dào)頂部再去切換導航内容。所以(yǐ)現在(zài)很多頂部設計的(de)導航會做一(yī / yì ／yí)個(gè)效果，将導航固定在(zài)頂部導航，這(zhè)樣減少了(le／liǎo)用戶的(de)使用成本。 

二、側邊導航 

側邊欄導航的(de)設計形式比較多樣，也(yě)可以(yǐ)有多表現形式，可動可靜，可大(dà)可小，比較個(gè)性化。固定的(de)側邊欄導航設計不(bù)是(shì)很建議，特别是(shì)對于(yú)寬度大(dà)的(de)側邊欄導航，這(zhè)樣的(de)設計會影響整個(gè)網頁界面的(de)寬度。設計師可以(yǐ)考慮做成側邊欄以(yǐ)滑動方式展現，在(zài)節約網站空間的(de)同時(shí)也(yě)顯得更加簡約。側邊欄導航的(de)設計需要(yào / yāo)注意的(de)是(shì)導航欄目的(de)寬度問題，若導航欄中字體過長，在(zài)展示上(shàng)會存在(zài)一(yī / yì ／yí)定的(de)問題，哪怕做成滑動展示的(de)形式也(yě)不(bù)能很好的(de)得以(yǐ)解決問題。結構複制的(de)網站不(bù)适用這(zhè)類導航，且側邊欄的(de)二級導航欄目不(bù)也(yě)宜多，所以(yǐ)這(zhè)類導航大(dà)部分适用于(yú)一(yī / yì ／yí)些設計師或個(gè)人(rén)官網。當然，也(yě)有一(yī / yì ／yí)些結構簡單的(de)網站會采用這(zhè)類導航。 

三、底部導航 

底部導航應用性不(bù)是(shì)很廣，比較長出(chū)現在(zài)一(yī / yì ／yí)些活動或個(gè)性化的(de)網站當中。其實底部導航被廣泛使用的(de)并不(bù)是(shì)在(zài)pc端中，而(ér)是(shì)在(zài)移動端。在(zài)pc端中采用底部導航的(de)形式，一(yī / yì ／yí)般都是(shì)采用固定的(de)方式，這(zhè)類導航可以(yǐ)減少用戶的(de)使用成本，但對于(yú)結構複雜的(de)網站，有二級或三級導航的(de)網站就(jiù)不(bù)是(shì)很合适。其次，将導航放置底部，對于(yú)用戶的(de)使用習慣來(lái)說(shuō)不(bù)是(shì)特别的(de)好，用戶的(de)眼睛都是(shì)從上(shàng)到(dào)下從做往右浏覽的(de)，這(zhè)樣的(de)設計比較挑戰用戶的(de)使用習慣。 

四、漢堡包式導航 

漢堡式導航其實跟底部導航一(yī / yì ／yí)樣，比較常出(chū)現于(yú)移動端。但現在(zài)不(bù)少的(de)pc端也(yě)越來(lái)越喜歡用漢堡包式的(de)導航設計。這(zhè)樣的(de)設計比較節約空間，相當于(yú)将導航做成一(yī / yì ／yí)個(gè)隐藏式的(de)設計或是(shì)彈出(chū)式的(de)設計，具有設計感。雖然漢堡包式導航的(de)設計方式可以(yǐ)很多樣，也(yě)可以(yǐ)很個(gè)性。但對于(yú)一(yī / yì ／yí)部分用戶而(ér)言，漢堡包式導航其實并不(bù)是(shì)那麽直觀，特别是(shì)用戶對導航結構不(bù)清晰的(de)情況下。設計師在(zài)設計這(zhè)類導航的(de)時(shí)候還是(shì)要(yào / yāo)斟酌下。 

五、滾動式導航 

滾動式導航分水平滾動和(hé / huò)垂直式滾動。 

1.水平式滾動 

水平式滾動就(jiù)是(shì)内容呈左右水平方向滾動的(de)，當用戶第一(yī / yì ／yí)次遇到(dào)這(zhè)樣類型網站的(de)時(shí)候，體驗感會比較差，因爲(wéi / wèi)它物理和(hé / huò)視覺運動方向與常規的(de)縱向滾動不(bù)同，而(ér)且當你使用鼠标滾輪滾動的(de)時(shí)候，它的(de)左右水平滾動會讓用戶産生交互上(shàng)的(de)錯位感，這(zhè)樣的(de)感受其實并不(bù)是(shì)特别友好。所以(yǐ)這(zhè)樣的(de)網站其實比較少見，但也(yě)有及其少部分做得好的(de)。 

2.垂直式滾動 

垂直式的(de)滾動在(zài)html5網頁中運用廣泛，很多設計師很喜歡用這(zhè)樣的(de)設計，将一(yī / yì ／yí)些動畫特效和(hé / huò)垂直式滾動導航相結合，可以(yǐ)達到(dào)一(yī / yì ／yí)種新的(de)視覺效果。

以(yǐ)上(shàng)介紹的(de)這(zhè)麽多種導航方式，各有利弊，但無論哪一(yī / yì ／yí)種，導航既然是(shì)導航，就(jiù)應該起到(dào)爲(wéi / wèi)用戶快速便捷找到(dào)所需的(de)作用，提高網站的(de)易用性和(hé / huò)易操作性，并不(bù)是(shì)花哨的(de)導航就(jiù)是(shì)好的(de)，用戶往往喜歡簡單醒目的(de)。這(zhè)才是(shì)導航的(de)設計原則！