App主界面交互框架一覽
增哥導(dǎo)讀:掌握常見的APP應(yīng)用界面交互框架,了解他們各自的優(yōu)缺點(diǎn),使用時(shí)才能游刃有余。你還在等什么呢?趕快去學(xué)習(xí)吧。標(biāo)簽式、跳板式、列表式和旋轉(zhuǎn)木馬等在等著你。
1>標(biāo)簽式
優(yōu)點(diǎn):
1、當(dāng)前位置入口清晰?? 2、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向
3、直接展現(xiàn)最重要入口的內(nèi)容信息
缺點(diǎn):入口較多時(shí)候,模式笨重。
2>跳板式
優(yōu)點(diǎn):
1、各入口清晰????? 2、快速找到入口位置。
缺點(diǎn):
1、無法在多入口間靈活跳轉(zhuǎn),不適合多任務(wù)操作
2、容易形成更深的路徑??? 3、不能直接展現(xiàn)入口內(nèi)容
4、不能顯示太多入口次級(jí)內(nèi)容
3>列表式
優(yōu)點(diǎn):
1、層次展示清晰????? 2、可展示較長(zhǎng)的標(biāo)題???? 3、可展示次級(jí)內(nèi)容
缺點(diǎn):
1、同級(jí)內(nèi)容過多時(shí),瀏覽體驗(yàn)易產(chǎn)生疲勞??????? 2、排版靈活性不是很高
3、只能通過排列順序、內(nèi)容帥選、顏色來區(qū)分各入口重要程度
4>旋轉(zhuǎn)木馬
優(yōu)點(diǎn):
1、單頁面內(nèi)容整體性強(qiáng)??? 2、左右切換操作流暢
缺點(diǎn):
1、不適合展示過多頁面???2、頁面之間不能跳躍查看???? 3、視覺容易疲勞
5>抽屜式
優(yōu)點(diǎn):
1、兼容多種模式??? 2、擴(kuò)展性好
缺點(diǎn):
1、隱藏其他入口???2、對(duì)入口交互的功能可見性要求高??? 3、對(duì)排版要求高
6>點(diǎn)聚式
優(yōu)點(diǎn):
1、靈活?? 2、展示方式有趣?? 3、界面更開闊
缺點(diǎn):
1、隱藏框架中其他入口?? 2、對(duì)入口交互的功能可見性要求高
7>陳列館式
優(yōu)點(diǎn):
1、直觀展現(xiàn)各項(xiàng)內(nèi)容??? 2、方便瀏覽經(jīng)常更新的內(nèi)容
缺點(diǎn):
1、不適合展現(xiàn)頂層入口框架??? 2、界面內(nèi)容容易過多,顯得雜亂
8>瀑布式
優(yōu)點(diǎn):
1、內(nèi)容顯示明了。
缺點(diǎn):
1、容易發(fā)生空間位置迷失?????2、瀏覽一段時(shí)間后,容易產(chǎn)生疲勞感
作者:留言樂語;轉(zhuǎn)載自:簡(jiǎn)書
學(xué)習(xí)了
別逗了,這不是交互框架,只是UI中的Tab Bar的形式罷了,所謂的交互框架是包含了更多內(nèi)容的模型