移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法(2)
抽屜式導(dǎo)航的實(shí)質(zhì)就是隱藏掉非核心的操作與功能,讓用戶(hù)更專(zhuān)注于核心的功能操作上去。但應(yīng)用主要的功能和用戶(hù)常用功能不能隱藏。
因?yàn)殡[藏的側(cè)邊欄將會(huì)浪費(fèi)掉大多數(shù)的用戶(hù)對(duì)于側(cè)邊欄中入口的潛在參與度和交互程度。除非當(dāng)各內(nèi)容項(xiàng)不需常切換時(shí),才可以采用抽屜式導(dǎo)航。
舉例:比如以閱讀內(nèi)容為主的APP——網(wǎng)易新聞;顯然,人們使用這個(gè)應(yīng)用的最大目的就是閱讀新聞,還有常用功能就是回帖和看評(píng)論放在主頁(yè)面。而不常用的功能放在了抽屜頁(yè)?聪聢D:
2-1 扁平式——標(biāo)簽式
標(biāo)簽式是現(xiàn)在A(yíng)PP使用最多的導(dǎo)航模式。IOS標(biāo)簽在屏幕底端,android標(biāo)簽正常的應(yīng)該放屏幕頂端(也有放底端的)。
當(dāng)應(yīng)用需要用戶(hù)頻繁的在不同分頁(yè)切換時(shí),采用這種導(dǎo)航方式最為合適。
但在手機(jī)上標(biāo)簽的數(shù)量是有限制的,一般不能多于5個(gè)。所以如果標(biāo)簽過(guò)多,可以將標(biāo)簽放通用標(biāo)簽下。
此種導(dǎo)航適用于標(biāo)簽數(shù)量不多,而且各個(gè)功能切換比較頻繁。
2-2 扁平式-宮格式
宮格式導(dǎo)航模式一般作為次級(jí)導(dǎo)航比較多,比如支付寶就是典型的標(biāo)簽式嵌套宮格式。
但做主要導(dǎo)航方式不太合適。如果主導(dǎo)航模式的話(huà),首屏只有導(dǎo)航而沒(méi)有實(shí)際的內(nèi)容,和以?xún)?nèi)容為核心的要求相悖。
此種模式主要適用于:應(yīng)用功能較多,較分散,并切各個(gè)功能之間沒(méi)有交叉。主要作為次級(jí)模式,或放主頁(yè)作為功能入口。
3-1輪播式
輪播式導(dǎo)航頁(yè)面簡(jiǎn)潔性,操作也是最方便的。但是不能夠快速的定位對(duì)應(yīng)的分頁(yè)內(nèi)容。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps知識(shí)
- ps基礎(chǔ)教程
- ps技巧
- Victor_J_C
- 理論教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- Photoshop初級(jí)教程-命令的技巧
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論