移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法(3)
輪播式完美體現(xiàn)了以內(nèi)容為核心的設(shè)計(jì)理念。一般以獲取簡(jiǎn)單信息為目的應(yīng)用可以采用這種方式。
典型例子就是IOS自帶應(yīng)用天氣。
最美應(yīng)用也是輪播式
3-2隱喻式
隱喻就是用虛擬軟件來(lái)模擬現(xiàn)實(shí)中存在的物體及其操作體驗(yàn)。
例子:手機(jī)上的指南針,可以設(shè)計(jì)成模擬真實(shí)指南真的表盤(pán)。右邊是一個(gè)節(jié)拍器的應(yīng)用,節(jié)拍器是什么,請(qǐng)問(wèn)度娘。右邊的節(jié)拍器完全模擬了真實(shí)節(jié)拍器的界面和操作方式。這個(gè)就是隱喻式的使用。一般使用此種方式的都是一些工具類的小應(yīng)用。設(shè)計(jì)時(shí)直接模擬真實(shí)物體的操作方式即可。
3-2陳列式
陳列館式的設(shè)計(jì)通過(guò)在平面上顯示各個(gè)內(nèi)容項(xiàng)來(lái)實(shí)現(xiàn)導(dǎo)航。注意此種導(dǎo)航模式和宮格的區(qū)別:陳列式直接顯示的是內(nèi)容,而宮格式顯示的只是功能入口。
舉例:IPad上的Pinterest(不知道這是什么??看看花瓣抄的誰(shuí)。。)
總結(jié):
以上導(dǎo)航模式可互相嵌套,選一種作為主導(dǎo)航模式,其他作為次級(jí)導(dǎo)航模式。不要只局限于一種導(dǎo)航模式。大部分應(yīng)用都會(huì)嵌套幾種導(dǎo)航模式。到底使用何種方式導(dǎo)航,取決于APP的信息架構(gòu)及用戶需求。
看大淘寶應(yīng)用了哪些導(dǎo)航:
- 相關(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)色原理
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論