IOS应用导航模式
IOS應(yīng)用導(dǎo)航模式有平鋪模式、標(biāo)簽?zāi)J胶蜆錉钅J健?/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)J绞亲畛R姷膶?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é)
- 上一篇: 使用requestAnimationFr
- 下一篇: 网络相关之TCP(有趣的对话)