Web Design
Mobile Internet
Brand Design
Innovative
News
Encyclopedias

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

Date:2013-07-29 Aource:尚品中國 Type:網(wǎng)站百科
Word Size:small  medium  big

網(wǎng)站導航的設(shè)計對于一般的網(wǎng)站建設(shè)來說比較簡單,小網(wǎng)站的層次結(jié)構(gòu)分明,網(wǎng)頁數(shù)量少,就像企業(yè)網(wǎng)站的導航一樣,只需要幾個按鈕就可以代替。而大型網(wǎng)站的導航設(shè)計就非常有挑戰(zhàn)性。大型營銷型網(wǎng)站建設(shè)層次深,首頁需要有很多頁面入口,具有一定的規(guī)模和復雜性。
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)站的導航應(yīng)該怎么設(shè)計?
Then, large website navigation should be how to design?

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

1、完全擺脫導航
Completely free of navigation


不給網(wǎng)站添加導航,而是為每個頁面做一個獨立的標記,讓用戶根據(jù)標簽的搜索和關(guān)鍵詞的組合找到合適的頁面。這種方式可以支持無限大的網(wǎng)站,即使網(wǎng)站的深層連接再多也能滿足用戶的需求,而且還加強了頁面之間的相互聯(lián)系和活力。現(xiàn)在一些網(wǎng)站也是沒有導航的,例如知乎、無覓等。
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)站,如英國廣播公司的網(wǎng)站,下設(shè)若干子網(wǎng)站,像聞,體育,電視,電臺等,每個頻道都有自己的導航,避免了大型網(wǎng)站的導航復雜問題。
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ī)導航
With bread crumbs, instead of the conventional navigation


用戶可以通過某個內(nèi)容頁的面包屑訪問網(wǎng)站的欄目,面包屑導航可以讓用戶更清晰的知道自己所在的位置,以及上一級導航,缺陷就是面包屑導航不能讓用戶實現(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)該選擇怎樣的導航設(shè)計方式?
Should choose the navigation design way how?

4、垂直導航(Vertical navigation)

區(qū)別于傳統(tǒng)的水平導航方式,可以用分組的方式將導航垂直顯示,內(nèi)容顯示在右側(cè),用戶可以隨時切換自己想看的內(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.

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

5、在導航上彈出菜單
In the navigation menu


可以設(shè)置一級導航,鼠標移上去的時候,出現(xiàn)該導航下的二級導航菜單,讓用戶自由選擇??梢怨?jié)省很大的頁面空間。
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.

?

Please contact our consultant

+86 10-60259772

Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.