來(lái)自：品商網(wǎng)
導(dǎo)航欄是指位于頁(yè)面頁(yè)眉區(qū)域的一排水平導(dǎo)航文字或圖片按鈕，或者是位于頁(yè)面左邊或右邊的一排導(dǎo)航文字或圖片按鈕。它起著鏈接B2B行業(yè)網(wǎng)站各個(gè)欄目的作用，或者鏈接一級(jí)欄目下面許多二級(jí)欄目的作用，讓訪問(wèn)者能方便、快速的找到自己所需要的內(nèi)容和功能。
B2B行業(yè)網(wǎng)站的導(dǎo)航欄與其他網(wǎng)站的導(dǎo)航欄基本一樣，不過(guò)還是有一些區(qū)別。本文作者李學(xué)江認(rèn)為：判斷一個(gè)B2B行業(yè)網(wǎng)站的導(dǎo)航欄是否符合要求，可以多參考一些大網(wǎng)站，比如新浪、騰訊、知名的B2B行業(yè)網(wǎng)站等，他們?cè)谠O(shè)計(jì)的時(shí)候大部分還是遵守了網(wǎng)站建設(shè)的標(biāo)準(zhǔn)，下面講解一些基本標(biāo)準(zhǔn)，以供我們?cè)谂袛嘣O(shè)計(jì)師的設(shè)計(jì)是否合格時(shí)作為參考。
1 首頁(yè)導(dǎo)航欄的色調(diào)與網(wǎng)站主色調(diào)應(yīng)盡量保持一致
對(duì)于B2B行業(yè)門(mén)戶(hù)網(wǎng)站來(lái)講，大部分網(wǎng)站的欄目都比較少，采用的是一排導(dǎo)航，就免不了采用背景顏色或圖片作為背景，盡量采用網(wǎng)站主色調(diào)的色系作為背景色或圖片顏色。因?yàn)閷?dǎo)航欄比較顯眼，同色系往往能讓網(wǎng)站看起來(lái)更有條理，不亂。
圖(31)阿里巴巴首頁(yè)導(dǎo)航欄與主色調(diào)一
當(dāng)然也不是絕對(duì)的，比如一級(jí)欄目的導(dǎo)航條，就不一定要與首頁(yè)導(dǎo)航欄一樣，每個(gè)一級(jí)欄目可以有自己的主色調(diào)，導(dǎo)航條就可以與首頁(yè)不一樣。
圖(32)阿里巴巴服裝服飾頻道用紅色為導(dǎo)航欄背景色
2 導(dǎo)航欄的顏色要商業(yè)化、高度要合適、要處于重要位置
見(jiàn)過(guò)很多設(shè)計(jì)看起來(lái)很差的網(wǎng)站，導(dǎo)航欄往往有這樣幾個(gè)特點(diǎn)：顏色不夠商業(yè)化，比如太臟、太粉、太女性化等，不具有商業(yè)化網(wǎng)站應(yīng)有的顏色，簡(jiǎn)潔、大方的風(fēng)格;高度不是太高就是太低，處理不夠適當(dāng)，作為網(wǎng)站的導(dǎo)航欄，要比其他的標(biāo)題欄的高度更高，字體要大一些，要加粗，要更突出，但是不能太大;看起來(lái)太粗糙，不夠精致。關(guān)于導(dǎo)航的欄的詳細(xì)設(shè)計(jì)方法，我在《B2B行業(yè)門(mén)戶(hù)網(wǎng)站設(shè)計(jì)開(kāi)發(fā)實(shí)戰(zhàn)研究報(bào)告》第三章第6節(jié)“導(dǎo)航欄設(shè)計(jì)的技術(shù)標(biāo)準(zhǔn)與優(yōu)秀導(dǎo)航欄賞析”里做了非常詳細(xì)的介紹。
3 不能在一級(jí)導(dǎo)航欄上采用下拉菜單
在企業(yè)網(wǎng)站設(shè)計(jì)中，可采用下拉菜單，但是在B2B行業(yè)網(wǎng)站設(shè)計(jì)中，絕對(duì)不能使用。因?yàn)檫@樣的導(dǎo)航欄也許很酷，也很方便，但是對(duì)搜索引擎優(yōu)化不利，而且B2B行業(yè)網(wǎng)站很多時(shí)候分類(lèi)很多，使用這樣的下拉菜單很不適合。
4 導(dǎo)航欄要盡量嚴(yán)肅一些，不能太個(gè)性化、太花哨
在企業(yè)網(wǎng)站的設(shè)計(jì)中，我們要保證頁(yè)面的效果，常常使用FLASH、JS來(lái)制作導(dǎo)航欄，使導(dǎo)航欄有很多動(dòng)態(tài)的效果。比如鼠標(biāo)放上去的時(shí)候變色、運(yùn)動(dòng)，比如使用看起來(lái)很不商業(yè)化的圖片作為導(dǎo)航欄背景，在導(dǎo)航欄上加太多卡通的圖標(biāo)等，都不符合B2B行業(yè)網(wǎng)站嚴(yán)肅、簡(jiǎn)潔、大方的特點(diǎn)。
5 網(wǎng)站導(dǎo)航欄對(duì)網(wǎng)站收錄及優(yōu)化的影響
網(wǎng)站導(dǎo)航欄是網(wǎng)站最主要的入口。在內(nèi)容設(shè)置上，應(yīng)該一目了然地把網(wǎng)站的主要內(nèi)容體現(xiàn)出來(lái)。用戶(hù)訪問(wèn)瀏覽時(shí)，可以很快地找到自己想要的內(nèi)容。而搜索引擎蜘蛛訪問(wèn)時(shí)，也可以非常方便地順著導(dǎo)航目錄，一層層地訪問(wèn)收錄網(wǎng)站的各級(jí)網(wǎng)頁(yè)。導(dǎo)航欄是網(wǎng)站的一級(jí)標(biāo)題，內(nèi)容非常重要。如果導(dǎo)航欄名稱(chēng)能包含關(guān)鍵詞，就更是錦上添花了。
不要使用圖片或按鈕，有的網(wǎng)站，一味追求美觀，在導(dǎo)航欄使用按鈕或圖片。使用圖片或按鈕，不利于蜘蛛訪問(wèn)和收錄。導(dǎo)航欄上的文字，最好都使用文本，可以把按鈕或圖片作為背景，就解決了。導(dǎo)航欄的標(biāo)題字體，在網(wǎng)頁(yè)上比別的內(nèi)容應(yīng)該大一些，一級(jí)導(dǎo)航欄的話(huà)，字體要加粗，還不要使用不易辨認(rèn)的少見(jiàn)字體，關(guān)于B2B行業(yè)網(wǎng)站設(shè)計(jì)對(duì)B2B行業(yè)網(wǎng)站推廣的影響，我在《B2B行業(yè)門(mén)戶(hù)網(wǎng)站推廣實(shí)戰(zhàn)秘籍》第二章做了非常詳細(xì)的介紹。
6 部分B2B行業(yè)網(wǎng)站優(yōu)秀導(dǎo)航欄舉例
以下是收集的部分優(yōu)秀B2B行業(yè)網(wǎng)站的導(dǎo)航欄，供大家參考。
