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

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

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

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

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

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

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

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

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

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

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