APP設(shè)計(jì)中的選項(xiàng)卡式（tab）導(dǎo)航
在我們的產(chǎn)品中，導(dǎo)航起到了舉足輕重的作用。導(dǎo)航相信大家都不陌生，它可以讓我們知道“我現(xiàn)在在哪里”“我可以去哪里”“我怎么去目的地”。在手機(jī)端里面，導(dǎo)航尤為重要。因?yàn)槭謾C(jī)的尺寸問(wèn)題，在設(shè)計(jì)手機(jī)網(wǎng)站或APP的時(shí)候，比起web端的需要考慮的更周全，盡量保持簡(jiǎn)約和易用性高。
?
?選項(xiàng)卡式（tab）導(dǎo)航可以說(shuō)是最常見(jiàn)的導(dǎo)航了，尤其是APP。大部分的APP都采用這種導(dǎo)航模式作為主導(dǎo)航，有時(shí)也會(huì)將tab導(dǎo)航和其他的導(dǎo)航模式配合，作為次級(jí)導(dǎo)航使用。下面我們就一起來(lái)看看選項(xiàng)卡式（tab）導(dǎo)航具體是怎樣的。
底部選項(xiàng)卡導(dǎo)航
底部導(dǎo)航是最常見(jiàn)的主導(dǎo)航模式，且這是符合拇指熱區(qū)操作的一種導(dǎo)航模式。當(dāng)在這個(gè)APP中有幾個(gè)模塊信息對(duì)用戶(hù)來(lái)說(shuō)是功能性和使用頻率相似，并且支持使用者第一時(shí)間獲取重要性最高、頻率最大的信息或任務(wù)，同時(shí)用戶(hù)可以在不同模塊、信息或者任務(wù)之間進(jìn)行快速的切換。
?
在使用這種導(dǎo)航時(shí)要注意，由于尺寸的限制，tab的數(shù)量最多不要超過(guò)5個(gè)。如果超過(guò)5個(gè)的話(huà)，而且實(shí)在不能做出取舍的話(huà)，一般的做法是最后一個(gè)標(biāo)簽是“更多”，將其他的tab放在“更多”中。
頂部選項(xiàng)卡導(dǎo)航
頂部菜單和底部意義差不多，把菜單放在頂部，可以遵循上至下的閱讀習(xí)慣。但是頂部導(dǎo)航比較難進(jìn)行單手操作，畢竟我們的手指沒(méi)有那么長(zhǎng)。
固定選項(xiàng)卡
固定選項(xiàng)卡，顧名思義，選項(xiàng)卡的位置和數(shù)量是固定的，這個(gè)大家可以看一下上面的例子，例如網(wǎng)易云音樂(lè)。它的tab數(shù)量是4個(gè)，每個(gè)tab的位置都會(huì)固定的。
固定選項(xiàng)卡是安卓系統(tǒng)提供的三種頂級(jí)導(dǎo)航方式之一。它能夠扁平化整個(gè)信息結(jié)構(gòu)，并且支持左右滑動(dòng)切換到不同的視圖。如果需要經(jīng)常切換視圖，內(nèi)容視圖有限或者需要讓用戶(hù)清楚地知道可供選擇的視圖，這幾種情況下可以使用固定選項(xiàng)卡。
滾動(dòng)選項(xiàng)卡
一般滾動(dòng)選項(xiàng)卡要比固定選項(xiàng)卡要窄， 一個(gè)模塊中可以顯示多個(gè)（超過(guò)5個(gè)）類(lèi)別的視圖，并且還可以進(jìn)行擴(kuò)展以及自定義展示（多用在頻道/模塊定制中），同樣可以左右滑動(dòng)切換不同類(lèi)別的視圖。
滾動(dòng)選項(xiàng)卡比固定選項(xiàng)卡使用上更靈活。它可以顯示更多的選項(xiàng)，可以更多重要性和使用頻率處于同一級(jí)別的功能模塊、信息或者任務(wù)。同時(shí)用戶(hù)可以通過(guò)左右滑動(dòng)切換，展示更多的選項(xiàng)，這也是它為什么叫滾動(dòng)選項(xiàng)卡的原因。
我們對(duì)選項(xiàng)卡式（tab）導(dǎo)航做了一個(gè)簡(jiǎn)單的分類(lèi)。我們?cè)趯?shí)際使用中經(jīng)常是不同的導(dǎo)航配合使用，比如一直播（上方的圖片），就將底部選項(xiàng)卡式導(dǎo)航和滾動(dòng)選項(xiàng)卡式導(dǎo)航結(jié)合使用。知道了每種類(lèi)型的使用場(chǎng)景之后，就可以根據(jù)自己的需要使用其中的一種或者幾種，同時(shí)也可以與除選項(xiàng)卡式導(dǎo)航的其它導(dǎo)航共同使用。一切為了自己的產(chǎn)品！
