導航類網站功能設計

1、網站導航設計該具備哪些功能

1. 導航與內容要有明顯的區別。導航的目錄或主題種類必須清晰，不要讓用戶感到困惑，如果有需要突出的區域，則應該與一般網頁在視覺上有所區別。
2. 導航的鏈接必須全是有效鏈接。無論是一般導航還是有下拉菜單的導航，裡面的所有文字都應該是有效的鏈接。
3. 准確的導航文字描述。用戶在點擊導航鏈接前對他們所找的東西有一個大概的了解，鏈接上的文字必須能准確描述鏈接所到達的頁面內容。
4. 搜索導航結果。搜索的結果一定不要出現無法找到的結果，因為這是很讓用戶失望的，如果無法精確找出結果，搜索功能應該實現對錯字、類似產品或相關產品給出一個相近的模糊結果。

2、app導航設計方式有哪些

1、Tabbar導航

Tabbar的導航方式是由誰發明的馬海祥不得而知，不過相信大家都同意是由蘋果將其傳播開來，不僅很多蘋果的官方應用採用了這種設計，蘋果同樣大力推薦應用開發者優先採用這種方式，從某種角度來說，tabbar基本就是導航的標准設計。
Tabbar導航主要用於二級頁，本質和標簽導航相同，當應用層級較多的情況下，可以採用tab導航，典型場景是用於改變的當前的視圖，或對當前頁面內容進行分類查看。
Tabbar的優點很明顯，用戶完成切換的成本很低，只需要一次點擊操作，而放在屏幕底部對主體內容的視覺沖擊可以說是最小的，這樣用戶就不會在瀏覽主體內容時受到過多的干擾。
至於缺點，馬海祥覺得也同樣明顯，那就是受制於屏幕寬度的限制，通常4到5個功能項的切換會比較合適，過多的話將會顯著提高用戶的切換成本。
2、app標簽導航

標簽導航位於頁面底部，通常包含5個標簽是比較合適的數量，這種導航是非常常見的，如果你的應用需要用戶頻繁的在不同分頁切換，可以採用這種導航，如微信最新版的APP界面設計圖。
不過，它的缺點是會佔用一定高度的空間。
3、APP宮格導航（比如九宮格）

這種宮格導航是將主要入口全部聚合在頁面，讓用戶做出選擇。
但在馬海祥看來，這樣的組織方式無法讓用戶在第一時間看到內容，選擇壓力較大，採用這種導航的應用已經越來越少，往往用在二級頁作為內容列表的一種圖形化形式呈現，或是作為一系列工具入口的聚合。
4、APP舵式導航

目前流行一種標簽導航的變體，個人把它稱為「舵式導航」，因為它的樣式很像輪船上用來指揮的船舵，兩側是其他操作按鈕。
當頁面有處於同一層級的幾大部分內容，同時又需要一個非常重要且頻繁操作的入口，就可以採用這種APP導航模式。
5、APP抽屜式導航模式

抽屜導航是講菜單隱藏在當前頁面後，點擊入口即可像拉抽屜一樣拉出菜單，這種導航的優點是節省頁面展示空間，讓用戶將更多的注意力聚焦到當前頁面。
在馬海祥看來，此種APP導航模式比較適合於不那麼需要頻繁切換內容的應用，例如對設置、關於等內容的隱藏，這種導航設計需要注意的是一定要提供菜單畫出的過渡動畫。
自從path應用以來，這種抽屜式導航菜單非常受到大家的喜愛，之前也在馬海祥博客上《詳解APP軟體開發過程中的解構和重構》一文中重點介紹了這種模式的設計原理。
6、滑動式的導航

導航並不一定只發生在功能項之間，例如新聞類應用需要在不同類別的新聞之間進行切換瀏覽。
通常來說，這種切換的頻率要比功能項切換更高，切換項的數量也會比較多，像常見的新聞類別就有七八種。
我記得在網易新聞早期的iOS版本中採用了抽屜式app導航的方式進行新聞類別的切換，這種方式在高頻率切換時需要過多的操作次數，當需要在相鄰類別連續切換時更是缺乏操作的連續性，新的iOS版網易新聞對新聞類別的切換重新進行了設計。
7、列表式APP導航

列表式APP導航是我們在APP設計種必不可少的一個信息承載模式，當然作為一個APP的導航也是非常方便的。
不過目前來看，列表導航通常用於二級頁，由於它與宮格導航一樣，不會默認展示任何實質內容，所以通常app不會在首頁使用它。
在馬海祥看來，這種導航結構清晰，易於理解，冷靜高效，能夠幫助用戶快速的定位去到對應的頁面，列表項目可以通過間距、標題等進行分組。
8、大圖輪播導航或大圖上面的導航設計

當你的應用信息足夠扁平，可以嘗試輪播導航，如果應用得當，能夠給人耳目一新的體驗。
這種導航能夠最大程度的保證應用的頁面簡潔性，操作也是最方便的。
但是缺點是不能夠快速的定位對應的分頁內容。
9、底部菜單導航

使用底部菜單導航的APP，相對來說，都是一些功能菜單比較少的APP應用，因為底部空間位置有限，只能主要列出應用程序重要的功能。
10、APP混合組合導航

當用戶需要聚焦內容，同時又需要一些快捷入口能夠連接到某些頁面時，就可以採用組合導航。
組合導航上方用宮格的形式展現快捷入口，與標簽導航不同的是，這些宮格入口之間不需要是平級的關系，也不必包含整個層級的內容，你可以將它理解為一種圖形化的文字鏈。
這種導航比較靈活，能適應架構的快速調整。

3、導航類網站怎麼做？

一般導航類網站採用asp或php，aspx較少。當然有後台了，不然你每個頁面的編輯累死你。它是動態程序，只不過生成以html結尾的網頁。可以試試114啦導航網站的開源程序。

4、使用cms能夠設計出類似於HAO123這樣的導航網站嗎？

用cms製作這個可能比較費勁，這種模塊一般都得自己寫。

5、如何設計網站導航系統？

導航模式

網站的導航如何設計，在設計網站導航時首先應該明確用戶的瀏覽習慣，根據用戶的瀏覽習慣，首先會先大概地掃視一遍頁面，其次則會開始尋找導航欄，快速從導航欄上找到主要信息，引導用戶尋找網站對他有用的信息。一般來說左邊的權重要比右邊的權重要高一些。

網站的導航信息應該明確，，設計一個有魅力的導航還能留住用戶瀏覽更多的內容信息，帶給用戶良好的體驗。在網站導航設計上應該主要關注一下幾點：導航的模式常見的導航模式有很多，例如頂部水平橫欄式，垂直導航欄，側邊固定式，滑出或者彈出窗口導航等，通常網站是根據所要展示的內容要點來選擇不同的導航。如果網站的內容較少，在網站導航上可以選取水平式導航，這樣既可以重點內容而且簡單清晰，網站內容較多的時候可以選擇抽屜式的導航，用戶在瀏覽網站時各種信息都很明確。如果網站的顯示頁過長，比較試用的是垂直式導航，方便用戶在瀏覽內容時導 航信息始終保持在一個位置可以被快速找到。

導航內容

網站的導航應該是對整個網站想要展示的信息總結，導航的信息要與詳細頁面符合，標題的總結要精簡，注意網站小內容最好不要以導航的總標題形式出現，可通過細分的下拉菜單，或者以更多形式的小菜單欄里出現。

導航細節

在導航設計時可以設置一個「回到頂部」 的標志，以便用戶快速到達頭部的導航位置。這樣對於網站內容較多用戶下滾的內容過長時就可以快速的回到頂部了。

導航創意

我們都喜歡新的東西，在看慣了千篇一律的導航形式如果能給導航加點創意，那麼肯定會非常吸引人眼球。

網站的導航在網站設計中有著舉足輕重的地位，好的網站導航是成功的一半，所以在網站的導航設置上更加註意。

6、網址導航類網站建設步驟是什麼？

網站導航系統要簡潔而明晰；網站導航系統應根據頁面所在位置來改變導航系統中的鏈接；在內容較多的網頁上設置網頁下方的導航系統；網站導航條里的導航數量問題；合理運用網站地圖導航。既然是導航網站，那就需要簡潔明了。色彩方面：顏色不能濫用，最多使用三個主要顏色和一個堅實的背景。對於背景的選擇，也是要注意選擇的，選擇一個有質感的背景，會讓你的網站加分很多，如果你選擇有一個可以發出像霓虹燈一樣的顏色的背景，你的網站看起來，可想而知。字體方面：一個不合適的字體大小可能會影響閱讀，比如閱讀的字體大小超過12，就會引起人們點擊後退的按鈕。其實，對於字體這一塊，你應該對你網站的受眾有一定的了解，如果你的網站是為40歲以上的人服務的，那麼更可能需要稍大的字體。據相關網路調查，老年人一般喜歡的字體大小為14左右。導航網站的適用范圍可能更廣，可以加上調節字體大小的選項。

7、網站建設中導航有什麼重要作用

1）導航設置好壞的標准在於用戶是否快速而准確地到達他想去的頁面;

（2）導航順序設置上需要把最重要的放在最前面；

（3）把訪客最關注的放在最前面；

（4）不超過三次點擊到達訪客想到達的頁面；

（5）利用下拉式導航減少訪客的頁面訪問數量，提高訪客的訪問效率。

8、常見的幾種網站設計風格

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

2、拐角型：這種類型其實與國字型很相近的，只是在形式上不一樣，最上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接；

3、標題正文類型：上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

4、左右框架類型：這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，最上面有時是一個小的標題或標致，而右面就是主要內容，最常使用是論壇網站，企業網站中的內頁有很多是採用這種布局方式的；這種類型的布局的特點是結構清晰明了；

5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；

6、綜合框架類型：其實就是左右框架類型和上下框架類型的結合體；

7、封面型：這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示；

8、Flash型：其實這與封面型結構是類似的，採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體；

9、變化型：即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型；

9、請問導航類網站都有哪些？

導航網站多的是，你在搜索引擎搜一下，或者直接上一些知名的網站，例如好123，elan123或是360之類的，都很方便的。

10、網站導航的設計有哪些特點

你好、網站導航是影響用戶體驗的重要因素，只有清晰專業的設計才會給用戶帶來耳目一新的感覺，從而提升公司的形象，故而在網站建設中，設計師要重視導航的設計。以下是設計網站導航的幾個特點。
1、清晰性
清晰性是網站導航設計的首要目標，導航起著引導用戶瀏覽信息的重要作用，而導航設計的清晰與否直接影響了網站信息架構以及用戶體驗。導航的清晰不僅體現在導航按鈕的明朗設計上，還要體現出主導航與副導航之間清晰明了層次性。
2、麵包屑導航
麵包屑導航是一種線性的導航方式，通過搭建極具層次的網站架構，讓用戶在訪問網站時迅速獲取當前頁面在網站中的位置，通過提供各個層級的快速入口，方便用戶操作。需要注意的是，並不是所有的網站都適用麵包屑導航，對於一些層級較深骨架清晰的網站，麵包屑導航不失為一種極佳的選擇。
3、關鍵詞
導航系統中的鏈接通常是網站獲得內部鏈接的最後主要來源，在導航欄目設計中，盡量使用目標關鍵詞，並對重要欄目添加目錄式的鏈接，以提高網站關鍵詞的權重。需要注意點是這雖然是優化網站的好辦法，但在導航設計中要注意關鍵詞的密度。
如果你有其它的疑問可以繼續追問，如果覺得有幫助，請採納，謝謝！