建站知識

1一級導航地圖/主導航地圖

1.1數字标簽式導航

卷标式導航地圖又叫(jiào)ctrl式汽車導航，是目前移動端市場裡(lǐ)上最爲廣泛的車載導航怎麼(me)設計。白色标簽車載導航通常兩(liǎng)類中間部位，頂部，頂、底一起(qǐ)混合建議使用這(zhè)三種(zhǒng)模式。

1.1.1導航欄目

采用過(guò)字體加快捷圖标的方式展現出。一般有3~5個白色标簽，适合我在相關的幾類信息中間頻繁的可以切換可以使用。這(zhè)類相關的信息任務優先級相對(duì)低、公共用戶在用頻繁，彼此之間相對(duì)獨立，通過(guò)标貼式導航的牽引，公共用戶也可以迅速的實現首頁之間的切換到且肯定不會失去方向(xiàng)感，簡單而高效。它的缺點是會電腦資源一定高度的空間，如果電腦用戶是小屏幕手機啊，則視覺觀感不怎麼(me)好(hǎo)。

如下圖用到分别爲微信加、以及facebook：

1.1.2正上方導航功能(néng)

當資料具體分類比較多，百度用戶對(duì)不同文章的直接打開(kāi)率相差不多不是很大，不需要直接切換/調出的時候，經(jīng)常會分爲頂端導航功能(néng)設計模式，常見于工具類app裡(lǐ)中，如waves市場研究公司、網約車：

1.1.3頂部、低部雙l鍵車載導航

白色标簽式導航功能(néng)除了設在哪底部和底部，另外有些内容是什麼(me)比較多的産品會最先進(jìn)頂部、低部混制在用白色标簽式導航，如公衆号文章、網易雲音樂閱讀：

1.2收納抽屜導航功能(néng)

抽屜車載導航指的是一些什麼(me)功能(néng)菜單選擇按鈕隐藏在如今的打開(kāi)頁面(miàn)後(hòu)，直接點擊通往或打滑失控即可像拉抽屜一樣抓出菜單裡(lǐ)。這(zhè)種(zhǒng)汽車導航啊,設計比較适合于那麼(me)不須要頻繁切換的次要功能(néng)，例如對(duì)設置中、關于、白金會員、臉部皮膚設置等功能(néng)一般的隐藏地。上面(miàn)那張圖分别是strategy、news、herrolls和Perisfind：

抽屜式導航地圖的突出優點重要的是省出頁面(miàn)展覽空間，使主頁面(miàn)上更加美觀大方，讓用戶將(jiāng)更多的所有人的注意力準确聚焦到如今的打開(kāi)頁面(miàn)。

優點主要在于次其他的功能(néng)通道(dào)比較隐蔽，電腦用戶不容易發(fā)現；建議使用次功能(néng)一般需後(hòu)的再點，提升系統用戶可以使用生産成(chéng)本。

1.3桌面(miàn)式導航功能(néng)

桌面(miàn)型汽車導航相似于dos系統或正常啓動控制面(miàn)闆，其比較有特色是主頁由多個設置按鈕彙聚在一起(qǐ)。均衡各種(zhǒng)布局時，那個按鈕通常大小不一樣同一，以3*3、2*3、2*2和1*2等形式縱向(xiàng)排列于桌面(miàn)。然後(hòu)點擊按扭時，頁面(miàn)跳轉至其他内的子系統/子模塊。

如圖，scale和financial采用了基于圓型那個按鈕的均衡各種(zhǒng)布局：

而360和日文50音圖則采用針刺了基于圓角矩形設置按鈕的均衡房間的布局：

注：當矩形設計弧線越來越小，甚至消失無蹤就成(chéng)小正方形的之前，往往用方形方格隔開(kāi)各個選擇按鈕，讓視覺感最好(hǎo)，這(zhè)種(zhǒng)離線模式見之于下一節的“宮文件格式導航功能(néng)”中。

一般品牌上還(hái)本身着一些極少數運用，它們内的環境生态繁雜，能(néng)提供（自己的或者不知從何而來第三方服務）眼花撩亂、不勝舉的服務内容，有些具體服務單獨拎出，做成(chéng)一款應用方法，都(dōu)是可以相匹敵家小型互聯網巨頭，甚至是中型互聯網大廠，但是隻是因爲代收費業務統一整合、平台構建、體系創新、公司的服務扁平化，它們會被塞到一個“殼子”裡(lǐ)，自然形成(chéng)“超級服務平台類”app裡(lǐ)，比如阿裡(lǐ)推系的淘寶支付寶和推力高操作台：

淘寶支付寶百度主頁的服務内容，這(zhè)個可以在“全部”打開(kāi)頁面(miàn)中進(jìn)行個性化電腦配置；推力高加工台頁面(miàn)的三方公司的服務，也可以在“設置中”頁面(miàn)上中展開(kāi)個性化配置如何。三個手機應用都(dōu)接受用戶根據自己具體需求和使用頻度，優化特色服務項目的沒(méi)顯示按順序，進(jìn)行通道(dào)入口優化軟件。

這(zhè)種(zhǒng)“超級綜合平台類”手機應用，目前我僅在阿裡(lǐ)推系的産品好(hǎo)中一看到過(guò)，其顯著特點是：①高頻和低頻/射頻建議使用，用戶粘性極高，應用方法處在市場在哪裡(lǐ)壟斷地位，幾乎無可取代産品好(hǎo)（生态結構龐大帶來的很大的優勢）；②數據服務品種(zhǒng)多且更扁平化（讓重疊式的開(kāi)始菜單整個布局摸式成(chéng)爲必設置選項）；③是可以當成(chéng)公司天翼後(hòu)台操作來在用（淘寶支付寶的.服務包括衣食住行，可相信是公司企業一個人），我稱之爲“穿行的erp軟件”；④成(chéng)熟商圈。

良好(hǎo)實踐：菜單無區分主次之分，每個點菜單所占空間大小一緻。點菜單有主次之分，主要的占空間較大，其餘的占在空間較小。在在用移動便攜式導航房間的布局時，要充分确定到給一般客戶提供給個性化和定制化什麼(me)功能(néng)。

1.4宮文件格式車載導航

宮格汽車導航是將(jiāng)主要通往全部逐步聚合在主頁面(miàn)中（因其布局設置比較像傳統psp桌面(miàn)設置上的快捷圖标排序，又被稱爲“桌面(miàn)型導航”），每個宮格相互獨立，它們的消息間也沒(méi)有任何交集，無法跳轉互通功能(néng)。因爲這(zhè)種(zhǒng)某些特質，宮文件格式汽車導航被廣泛應用于各平台電腦系統的區域頁面(miàn)。這(zhè)樣的組織内通過(guò)無法讓系統用戶在第一時間一看到内容，選着巨大的壓力較大，因此現在也采用這(zhè)種(zhǒng)車載導航的app裡(lǐ)已經(jīng)越來越少，往往用在三級頁作爲内容是什麼(me)列表的一種(zhǒng)可視化界面(miàn)特殊形式呈現出，或是作爲一系列輔助工具通道(dào)的逐步聚合。上面(miàn)那張圖應用方法分别是阿裡(lǐ)釘釘和epocrates：

作爲三級導航地圖的宮其他格式車載導航：

1.5舵式車載導航

在有些那種(zhǒng)情況下，簡單的頂部tab式汽車導航難以滿足更多的怎樣操作功能(néng)一般，這(zhè)個時候我們就是需要一些存儲形式來滿足需求，微博、tumblr、閑魚底端分爲的就是舵式導航地圖，舵式汽車導航（之前看見了别人這(zhè)麼(me)叫(jiào)所以我也就這(zhè)麼(me)直呼其名吧）跟數字标簽式導航地圖比起(qǐ)，區别主要在于舵式車載導航把的的生産文章的主功能(néng)一般設置按鈕放在前面(miàn)，數字标簽更加突出醒目，同時該主其他的功能(néng)數字标簽做了功能(néng)擴充，也因此給設計啊增加了一些個性化的亮點。如新浪微博和育學(xué)園：

1.6隐喻性式汽車導航

這(zhè)種(zhǒng)任務模式的特點是用一個網頁來能(néng)夠體現整個其他應用程序。常主要是用于那個遊戲app裡(lǐ)，如jordanmister道(dào)連·葛雷的畫像jh和2020:yourwilderness。

此外，在一般分類道(dào)具（如各類本子、書籍、酒品好(hǎo)）運用，和其他單一其他的功能(néng)用到中也能(néng)經(jīng)常見到象征意味式q鍵。如anji、騰訊文檔、拼圖玩具醬和moment：

全球最佳實踐：不使用象征意味式要慎重，一個不能(néng)執行起(qǐ)來不明确的象征意味，反而會能(néng)起(qǐ)反效用。

22級車載導航

一級汽車導航用于在頁面(miàn)及自定義模塊中展開(kāi)導航功能(néng)，因此這(zhè)種(zhǒng)用到通常來講至少有3層消息結構是什麼(me)，最常見的就是中國(guó)絕大多數app也有的“我的”其他的功能(néng)菜單選項。

2.1界面(miàn)式導航功能(néng)

列表式導航充當相關的信息人員架構，是我們在産品開(kāi)發(fā)設計中必不可少的一個資料托載任務模式。列表導航地圖與宮格導航類似，常其它用途四級頁面(miàn)，肯定不會設置爲展示展示任何實質資料，所以通常app裡(lǐ)不會在百度首頁在用它。這(zhè)種(zhǒng)導航結構清楚，極易系統用戶解釋，能(néng)指導系統用戶快速的gps去到對(duì)應的頁面(miàn)上。下圖用到分别是微信和scale：

界面(miàn)菜單中導航的每個界面(miàn)均正指向(xiàng)相應的功能(néng)一般/資料設置選項，它有許多衍生出來變化形态，除開(kāi)個性化點菜單界面(miàn)、兩(liǎng)個組菜單中默認列表和增加型點菜單列表裡(lǐ)。增強型點菜單列表是指在簡單列表裡(lǐ)的學(xué)的基礎上，中有額外的收索、查看網頁及需要過(guò)濾其他功能(néng)。

下圖運用分别是：qq号、爲知筆記、cheetah3d和scale：

全球最佳實踐：默認列表菜單裡(lǐ)導航功能(néng)更适合長(cháng)标題和内容或者有中文書名說明，不使用類表菜單選項導航地圖應該提供一個從子頁面(miàn)上前往類表頁面(miàn)上的傳遞方式，通常在工具條再添加一個帶有菜單中标有的設置按鈕成(chéng)爲回到按鈕。

2.2選項選擇ic卡式

中間部位下拉列表現在是幾乎成(chéng)了android和ios兩(liǎng)大電腦系統（黑莓手機和webos也比較廣泛，但因爲已經(jīng)不是主流系統吧，因此暫不思考）戰場中，絕大多數用到的統一标配。如facebook的、youtube、上微信和微博：

也有非常多的應用方法，將(jiāng)tab标貼可以設置再了頂部導航下，即正上方導航功能(néng)，有點不同于傳統網站頁，如360360雲盤、扇貝英語單詞、豆瓣的評分和facebook的等。

優秀實踐：不使用下拉列表導航功能(néng)要注意視覺效應上對(duì)已選和未明确的選項中并且有效可以區分。

2.3手機圖庫式

圖片素材庫式頁面(miàn)被切割空間成(chéng)應用于導航的各個内容是什麼(me)兩(liǎng)區塊。内容是什麼(me)區通常載有單獨的文章的題目、上标題、照片啊、産品好(hǎo)和其他能(néng)擺放在内容區、設置網格或ppt裡(lǐ)裡(lǐ)展示更多的中的内容。如pete、telegraph、bilibili、優酷土豆等。

有時候如果内容區是以兩(liǎng)個小組兩(liǎng)種(zhǒng)形式布局，分組情況的中的内容應設計什麼(me)得容易被系統用戶查看網頁到，如可以使用側m鍵什麼(me)形式（也稱收納抽屜導航地圖）去管理管理兩(liǎng)個小組中的内容，讓公共用戶還(hái)能(néng)夠在ctrl中快速切換，查找不同分組情況，下圖應用分别是mybutter和Perisfind：

行業最佳實踐：昵圖網式登陸界面(miàn)的面(miàn)向(xiàng)對(duì)象編程可以參照于用戶要想網頁的、經(jīng)常沒(méi)更新的内容。

2.4打開(kāi)頁面(miàn)滑動式

網頁旋轉起(qǐ)來常見任務模式是不使用向(xiàng)上滑動手式在頁面(miàn)間直接切換，系統用戶來回滑動時將(jiāng)顯示下一個網頁。頁面(miàn)上視覺指示器（蘋果ios系統後(hòu)面(miàn)的比較小）不顯示一共有多少頁可供切換。注意看圖運用分别是西班牙小吃和getlocations：

首頁旋轉的導航摸式有一定的自身的缺陷，當網頁超出8個時，要考慮到可以使用列表汽車導航。

最佳實踐：

①首頁旋轉起(qǐ)來導航地圖适用規定于頁面(miàn)上數量不較少的一般情況；

②不使用指示器反應首頁數目和下的網頁；

③向(xiàng)右滑動動作是最常見的旋轉起(qǐ)來汽車導航手勢。

2.5原圖旋轉式

百度圖片伸縮式的常見改變形态，是類似于2d遊戲旋轉木馬基本形式，什麼(me)圖片是可以上下滑動，且沿任意那個方向(xiàng)一直滑動時可重新回到初始百度圖片處。下圖分别不知從何而來應用廣泛pete、英國(guó)bbc、icity：

3固定類

3.1儀表葉片式

液晶儀表盤彙總表表演展示了一些關鍵性指标。進(jìn)入到每一種(zhǒng)測度目的後(hòu)，都(dōu)是可以了解更多額外信息。這(zhè)種(zhǒng)主導航地圖其他模式常其它用途金融啊應用軟件、統計工具、銷售和市場營銷安裝應用程序，如友盟統計計算：

最佳實踐：中控屏隻需載入被研究什麼(me)去确認過(guò)的關鍵那些數據即可，不不需要過(guò)多内容是什麼(me)。

待續...