app導(dǎo)航設(shè)計(jì)(設(shè)計(jì) 導(dǎo)航)
今天是想給大家講一下我們的一個(gè)程序,導(dǎo)航模式的分類
程序?qū)Ш?,我相信大家?duì)這個(gè)詞還是比較陌生??赡軐?dǎo)航還可以接受,比如說(shuō)你手機(jī)上的一個(gè)導(dǎo)航,汽車上的導(dǎo)航,可能這些大家就比較了解了。
分享一個(gè)小故事,從前有兩個(gè)小孩,一個(gè)叫小名,一個(gè)叫小小明,他是在一個(gè)貧困的農(nóng)民,農(nóng)民的孩子,因?yàn)樘鞛?zāi)人禍?zhǔn)澄锊欢?,然后這個(gè)農(nóng)民的妻子,就是這兩個(gè)小孩的一個(gè)繼母,為什么要說(shuō)他繼母?因?yàn)榻酉聛?lái)的事呢除了繼母能能做到,親生親生母親是做不到了。繼母就說(shuō)服這個(gè)農(nóng)民,把這幾個(gè)孩子呢帶到深山野林里去,不要他遺棄她。而小明跟小小明聽(tīng)到他們兩個(gè)的計(jì)劃,第一時(shí)間他比較聰明,收集了一些小石頭,他們兩公婆帶他去的時(shí)候,路上撒些小石頭,第一次這樣他們就沿著小石頭找到了回家的路,在他們回來(lái)之后,那個(gè)繼母真是非??蓯?,再一次叫那個(gè)農(nóng)民,把他們又扔到一個(gè)深林里去。
不過(guò)這一次小明跟小小明他們不是用石頭,因?yàn)樗X(jué)得石頭太重了,用一些面包屑,照面包屑來(lái)找回家的路,不幸的事發(fā)生了,面包屑那森林中的小動(dòng)物給吃了,小明跟小小明就在這一次返回的路中,迷路了!這個(gè)故事呢主要是講什么內(nèi)容?
小小石頭,可以幫助啊小孩找到一個(gè)回家的路。但作為我們一個(gè)應(yīng)用的軟件設(shè)計(jì)師,我們同樣考慮的問(wèn)題也是在用戶在使用的某一個(gè)應(yīng)用的時(shí)候,他能否找到他們回家的路,特別是你的應(yīng)用程序的界面非常多的時(shí)候,用戶為了達(dá)到去到那個(gè)目的地,但是他返回時(shí)候找不到路是吧?在整個(gè)界面游來(lái)游去,還是找不到路。但是如果我們沒(méi)有這個(gè)清晰的一個(gè)導(dǎo)航設(shè)計(jì),他們就很容易迷路,對(duì)吧?這個(gè)故事呢講這里,如果你用了一個(gè)不是很清晰的導(dǎo)航模式,很容易會(huì)迷路,所以合理科學(xué)的導(dǎo)航設(shè)計(jì)在我們的用戶體驗(yàn)中是非常重要,這個(gè)大家也一定要了解的。
下面我們來(lái)講下城市導(dǎo)航模式,在我們城市導(dǎo)航模式里面的導(dǎo)航哪一些,它的分類有哪幾種?在不同的平臺(tái)上也會(huì)有不同的導(dǎo)航模式的。我們先講一下IOS平臺(tái)上一些導(dǎo)航模式,因?yàn)樵谶@里蘋果公司就有一套比較規(guī)整規(guī)范的設(shè)計(jì),這套系統(tǒng)就比較規(guī)范,就按照這個(gè)規(guī)范我們來(lái)做。這些導(dǎo)航模式可以選擇來(lái)做,有哪幾種呢?IOS平臺(tái)呢主要有三種這三種導(dǎo)航模式:
第一種是平鋪導(dǎo)航
展開(kāi)全文
第二種是標(biāo)簽導(dǎo)航模式
第三種是樹(shù)形結(jié)構(gòu)
給大家看一下標(biāo)簽,還有樹(shù)形結(jié)構(gòu),這三種關(guān)系在IOS平臺(tái)上可應(yīng)用的就是這三個(gè)模式。那我們先說(shuō)一下平鋪導(dǎo)航,平鋪導(dǎo)航一般呢應(yīng)用于扁平化的信息比較多,就是這些信息沒(méi)有從屬之間的層級(jí)關(guān)系就一個(gè)面。扁平化就在一個(gè)面上完成的平鋪導(dǎo)航,一個(gè)面上可以完成的事,在IOS平臺(tái)上呢主要有兩種,有兩種實(shí)現(xiàn)這種平鋪導(dǎo)航的一個(gè)方式,第一種就是我們的分屏控件導(dǎo)航,分屏控件導(dǎo)航,分頁(yè)控件導(dǎo)航,我們先看一下這兩個(gè)導(dǎo)航在我們的現(xiàn)實(shí)APP上一些應(yīng)用有哪幾種?
第一個(gè)是分屏控件,這種就是一個(gè)分屏控件。天氣類的一個(gè)APP IOS系統(tǒng)上這些是一個(gè)分頻控件的一個(gè)導(dǎo)航模式,是在一頁(yè)上設(shè)計(jì)的分屏控件。就下面會(huì)出現(xiàn)一個(gè)小圓點(diǎn),有一個(gè)小圓點(diǎn),這些小圓點(diǎn)在我們的一個(gè)分頻控件上不可能超過(guò)點(diǎn)數(shù)20個(gè),你選20個(gè)城市的時(shí)候它就沒(méi)了,只能選20個(gè)點(diǎn),不會(huì)超過(guò)20個(gè),超過(guò)20個(gè)就會(huì)溢出,就會(huì)沒(méi)有。但是我們也不會(huì)超過(guò)那么多,也不可能會(huì)超過(guò)20個(gè)點(diǎn),就不方便超過(guò)十個(gè)20個(gè),這樣軟件運(yùn)行起來(lái),也不會(huì)方便,用戶體驗(yàn)操作起來(lái)也不方便,所以分頻控件在導(dǎo)航模式一般采用這種要求。
好今天就先分享到這里,如想從零基礎(chǔ)學(xué)習(xí)UI設(shè)計(jì)內(nèi)容請(qǐng)關(guān)注新浪微博:UI設(shè)計(jì)教學(xué),獲取更多UI設(shè)計(jì)資源學(xué)習(xí)哦!
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。