IOS應(yīng)用導(dǎo)航模式有平鋪模式、標(biāo)簽?zāi)Ｊ胶蜆錉钅Ｊ健?/p>

1、平鋪頁面就像一疊卡片，頁面通過滑動(dòng)切換，通常視覺精美，沒有滾屏。主要適用于只有一個(gè)主屏的簡單應(yīng)用。

優(yōu)點(diǎn)：

適用于內(nèi)容少而精，操作少，只需要隨意瀏覽的頁面

很適合同類型不同內(nèi)容的頁面，需要自定義內(nèi)容和數(shù)量的頁面。

易于使用，只需要左右滑動(dòng)手勢即可

頁面分頁控件占用空間

缺點(diǎn)：

只能挨個(gè)翻閱，不能隨意的跳轉(zhuǎn)到非相鄰頁面

頁面數(shù)量不宜過多，一般不超過10個(gè)

不適合滾屏（手勢操作相撞），對長文本不利

舉例：

Iphone內(nèi)置的「天氣」應(yīng)用

2、標(biāo)簽?zāi)Ｊ绞亲畛Ｒ姷膶?dǎo)航模式，這類導(dǎo)航的最大優(yōu)勢是讓應(yīng)用的主要功能一目了然。我們根據(jù)應(yīng)用的功能類型和信息類型進(jìn)行標(biāo)簽分類，每個(gè)標(biāo)簽對應(yīng)的頁面應(yīng)該有自己獨(dú)特的功能和內(nèi)容。

優(yōu)點(diǎn)：

將應(yīng)用的主要功能明確的羅列出來并告知當(dāng)前所在位置

可自由跳轉(zhuǎn)到應(yīng)用的主要功能之間，操作簡單

缺點(diǎn)：

一般最多只能展示5個(gè)標(biāo)簽

標(biāo)簽欄占用不算小的頁面空間

舉例：

微信、QQ、嚴(yán)選

?

?

3、樹狀結(jié)構(gòu)就是將層級信息分類到一顆倒置的樹的樹枝上，展示起來像流程圖，類似家譜。對于組織大量的信息內(nèi)容，同時(shí)又讓每個(gè)內(nèi)容觸手可及，樹狀結(jié)構(gòu)是一個(gè)高效的方法。最常見的樹狀結(jié)構(gòu)例子是表格視圖

優(yōu)點(diǎn)：

非常適用管理大量的分類項(xiàng)目

組織方式垂直簡單，易于操作

占用很少的界面空間

缺點(diǎn)：

主功能只用在最頂層頁面才會(huì)被顯示出來。若頁面層級較多，不能直接返回到最頂層頁面

次級頁面內(nèi)容需要用戶主動(dòng)挖掘，不直接不顯性，用戶往往只對核心內(nèi)容有印象

舉例：

IPhone「設(shè)置」的導(dǎo)航模式

?

大多數(shù)情況下，我們都是組合使用導(dǎo)航模型。用一個(gè)模型組織應(yīng)用的主要功能，用另一個(gè)模型作為子導(dǎo)航組織次要頁面?；齑顚?dǎo)航幫我們克服了單個(gè)導(dǎo)航的缺點(diǎn)。常用的一個(gè)組合是使用標(biāo)簽欄導(dǎo)航組織應(yīng)用的主要功能，然后在標(biāo)簽欄內(nèi)頁使用樹形導(dǎo)航。樹形導(dǎo)航一個(gè)很大的缺點(diǎn)就是不能從一個(gè)功能快速的切換到另一個(gè)功能，而混搭標(biāo)簽欄導(dǎo)航的方式可以有效的彌補(bǔ)這個(gè)缺點(diǎn)。舉例：支付寶、微信；只有正確理解并思考每種導(dǎo)航模式的優(yōu)缺點(diǎn)，我們才能更好的組織APP的結(jié)構(gòu)。

無力吐槽「產(chǎn)品經(jīng)理出需求，設(shè)計(jì)出UI圖，程序員只剩下照著寫」

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的IOS应用导航模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。