制作大型網(wǎng)站的導(dǎo)航應(yīng)該如何設(shè)計(jì)

網(wǎng)站導(dǎo)航的設(shè)計(jì)對(duì)于一般的網(wǎng)站建設(shè)來說比較簡(jiǎn)單，小網(wǎng)站的層次結(jié)構(gòu)分明，網(wǎng)頁(yè)數(shù)量少，就像企業(yè)網(wǎng)站的導(dǎo)航一樣，只需要幾個(gè)按鈕就可以代替。而大型網(wǎng)站的導(dǎo)航設(shè)計(jì)就非常有挑戰(zhàn)性。大型營(yíng)銷型網(wǎng)站建設(shè)層次深，首頁(yè)需要有很多頁(yè)面入口，具有一定的規(guī)模和復(fù)雜性。
Design of website navigation for the website construction in general is relatively simple, clear hierarchy structure of small website, webpage quantity are few, like enterprise site navigation, only need a few buttons can replace. The design of large website navigation is a very challenging. Large marketing type website construction deep level, home to many page entrance, with the size and complexity of the.

那么，大型網(wǎng)站的導(dǎo)航應(yīng)該怎么設(shè)計(jì)?
Then, large website navigation should be how to design?

在次之前筆者介紹幾種不同的導(dǎo)航設(shè)計(jì)理念：
Before I introduce the different navigation design concept:

1、完全擺脫導(dǎo)航
Completely free of navigation

不給網(wǎng)站添加導(dǎo)航，而是為每個(gè)頁(yè)面做一個(gè)獨(dú)立的標(biāo)記，讓用戶根據(jù)標(biāo)簽的搜索和關(guān)鍵詞的組合找到合適的頁(yè)面。這種方式可以支持無限大的網(wǎng)站，即使網(wǎng)站的深層連接再多也能滿足用戶的需求，而且還加強(qiáng)了頁(yè)面之間的相互聯(lián)系和活力。現(xiàn)在一些網(wǎng)站也是沒有導(dǎo)航的，例如知乎、無覓等。
Not added to the site navigation, but as an independent marker for each page, let users according to the combination of tag search and keyword to find the appropriate page. This way you can support the infinite sites, even if the site deep connection to also can meet the needs of users, but also to strengthen the relationship between pages and vitality. Now some sites also no navigation, such as knowledge, without looking.

2、微型網(wǎng)站的組合
Combination of mini Web

還有一種方法就是將大網(wǎng)站拆分成微型網(wǎng)站，如英國(guó)廣播公司的網(wǎng)站，下設(shè)若干子網(wǎng)站，像聞，體育，電視，電臺(tái)等，每個(gè)頻道都有自己的導(dǎo)航，避免了大型網(wǎng)站的導(dǎo)航復(fù)雜問題。
Another method is to split into mini web sites, such as the BBC website, under a number of sites, like news, sports, television, radio, and each channel has its own navigation, avoiding large website navigation complex problems.

3、用面包屑代替常規(guī)導(dǎo)航
With bread crumbs, instead of the conventional navigation

用戶可以通過某個(gè)內(nèi)容頁(yè)的面包屑訪問網(wǎng)站的欄目，面包屑導(dǎo)航可以讓用戶更清晰的知道自己所在的位置，以及上一級(jí)導(dǎo)航，缺陷就是面包屑導(dǎo)航不能讓用戶實(shí)現(xiàn)不同欄目的跳躍。
Users can access the site columns by bread crumbs and a content page, bread crumbs navigation allows users to more clearly know their position, and a navigation, skip defect is the bread crumbs navigation do not allow users to achieve different columns.

應(yīng)該選擇怎樣的導(dǎo)航設(shè)計(jì)方式?
Should choose the navigation design way how?

4、垂直導(dǎo)航(Vertical navigation)

區(qū)別于傳統(tǒng)的水平導(dǎo)航方式，可以用分組的方式將導(dǎo)航垂直顯示，內(nèi)容顯示在右側(cè)，用戶可以隨時(shí)切換自己想看的內(nèi)容。
Horizontal navigation mode is different from the traditional, can use the grouping way navigation vertical display content, display on the right side, the user can switch at any time you want to see the contents of.

當(dāng)然，可以保留頂部的一級(jí)導(dǎo)航，可以讓用戶實(shí)現(xiàn)不同信息的快速跳轉(zhuǎn)
Of course, can retain the top level navigation, quick jump allows users to achieve different information

5、在導(dǎo)航上彈出菜單
In the navigation menu

可以設(shè)置一級(jí)導(dǎo)航，鼠標(biāo)移上去的時(shí)候，出現(xiàn)該導(dǎo)航下的二級(jí)導(dǎo)航菜單，讓用戶自由選擇。可以節(jié)省很大的頁(yè)面空間。
You can set a primary navigation, when the mouse moved up, presented two levels of navigation menu in the navigation, let users free choice. You can save a lot of space on the page.