導(dǎo)航在網(wǎng)站導(dǎo)航中起著重要的作用。一個優(yōu)秀的導(dǎo)航設(shè)計(jì)可以讓用戶快速找到自己需要的內(nèi)容，讓用戶清楚地了解網(wǎng)站的結(jié)構(gòu)框架，起到重要的指導(dǎo)作用。讓我們分享以下常見的web導(dǎo)航形式：

頂部導(dǎo)航廣泛應(yīng)用于網(wǎng)站的各個領(lǐng)域，這種導(dǎo)航方式可以讓用戶一眼就能快速找到自己需要的內(nèi)容。Top導(dǎo)航是一種保守而有目的的設(shè)計(jì)，可以保證組織結(jié)構(gòu)的可靠性，降低用戶搜索的時間成本。然而，這種導(dǎo)航方式有一個缺點(diǎn)。當(dāng)主頁上需要滾動的內(nèi)容太多時，用戶需要滾動到頂部以切換導(dǎo)航內(nèi)容。所以現(xiàn)在很多頂層設(shè)計(jì)的導(dǎo)航都會起到一定的效果，把導(dǎo)航固定在頂層導(dǎo)航上，從而降低用戶的使用成本。

頂部導(dǎo)航設(shè)計(jì)風(fēng)格多樣，主要結(jié)合logo、登錄注冊和搜索框，如下圖所示：

頂部導(dǎo)航設(shè)計(jì)成熟穩(wěn)定，比較規(guī)范，但不容易出現(xiàn)太多問題，所以使用率也比較廣。熟悉我的人都知道我正在建立一個有蟬知識的網(wǎng)站。下圖是蟬知識系統(tǒng)后臺界面中頭部導(dǎo)航的定義，可以多種組合顯示在前臺。

側(cè)邊欄導(dǎo)航的設(shè)計(jì)形式多樣，也可以有多種表現(xiàn)形式，可以是動態(tài)的、靜態(tài)的、大的或小的，而且更加個性化。固定式側(cè)邊欄導(dǎo)航設(shè)計(jì)不太推薦，特別是對于寬側(cè)邊欄導(dǎo)航，這樣的設(shè)計(jì)會影響整個網(wǎng)頁界面的寬度。設(shè)計(jì)師可以考慮制作側(cè)欄，以滑動的方式展示，這樣在節(jié)省網(wǎng)站空間的同時更簡單。

邊欄導(dǎo)航的設(shè)計(jì)需要注意導(dǎo)航欄的寬度。如果導(dǎo)航欄的字體太長，在顯示時會出現(xiàn)一些問題，即使做成滑動顯示形式，也不能很好地解決問題。這種導(dǎo)航方式不適合結(jié)構(gòu)重復(fù)的網(wǎng)站，而且側(cè)邊欄中的二級導(dǎo)航欄不多，所以這些導(dǎo)航欄大多適合一些設(shè)計(jì)師或個人官網(wǎng)。當(dāng)然，也有一些結(jié)構(gòu)簡單的網(wǎng)站使用這種導(dǎo)航。

下面的家居時尚禮服官方網(wǎng)站將側(cè)邊欄的內(nèi)容簡化為一個元素并放在側(cè)邊，這樣看起來并不突兀，不占空間，但起到一定的裝飾作用。

海底導(dǎo)航應(yīng)用并不廣泛。它出現(xiàn)在一些活動或個性化網(wǎng)站上很長一段時間。實(shí)際上，底部導(dǎo)航并不是在PC機(jī)上廣泛使用，而是在移動設(shè)備上廣泛使用。

在PC端，通常采用固定的方式使用底部導(dǎo)航。這種導(dǎo)航方式可以降低用戶的使用成本，但對于結(jié)構(gòu)復(fù)雜的網(wǎng)站，采用二級或三級導(dǎo)航的網(wǎng)站并不十分合適。其次，導(dǎo)航放在底部，這對用戶的使用習(xí)慣不是特別好。用戶的眼睛從上到下、從右往下看。這樣的設(shè)計(jì)挑戰(zhàn)了用戶的使用習(xí)慣。

因此，有許多網(wǎng)站在設(shè)計(jì)時會將個屏幕導(dǎo)航放在底部。在第二個屏幕之后，導(dǎo)航將固定在頂部。例如：forh健身房體育網(wǎng)站。

實(shí)際上，漢堡導(dǎo)航和海底導(dǎo)航是一樣的，海底導(dǎo)航經(jīng)常出現(xiàn)在移動終端上。但現(xiàn)在很多PC端也越來越喜歡使用漢堡式導(dǎo)航設(shè)計(jì)。這種設(shè)計(jì)更節(jié)省空間，相當(dāng)于將導(dǎo)航變成了隱藏式設(shè)計(jì)或彈出式設(shè)計(jì)，具有設(shè)計(jì)感。