今天開始，將介紹iOS和Android設(shè)計規(guī)范中關(guān)于導(dǎo)航的部分。今天要介紹的兩個控件，經(jīng)常容易混淆以至于用錯。請各位讀者仔細(xì)閱讀，防止以后用錯。
標(biāo)簽(tabs)使內(nèi)容在一個較高的層級被組織起來。一般，一個標(biāo)簽里需要展示與該標(biāo)簽相關(guān)的內(nèi)容。標(biāo)簽的名字需要清楚地描述該標(biāo)簽里所包含的內(nèi)容。
信息架構(gòu)
標(biāo)簽導(dǎo)航一般用于從一個比較高的層級來組織信息，呈現(xiàn)出提綱挈領(lǐng)的效果。例如，使用標(biāo)簽呈現(xiàn)報紙的不同版面。不要使用標(biāo)簽導(dǎo)航來呈現(xiàn)不同頁碼的頁面(就像搜索結(jié)果頁中的第1頁，第2頁那種頁面)，也不要把標(biāo)簽的切換設(shè)計成可循環(huán)的樣式(即，在最后一頁，繼續(xù)向下切換又回到第一頁)。
下面所示的用法示例需要注意：
內(nèi)容
一個標(biāo)簽里的所有內(nèi)容應(yīng)該屬于一個大分類(比如“設(shè)置”或者“音樂”)，并且標(biāo)簽之間內(nèi)容不能有重疊。標(biāo)簽可以包含圖標(biāo)(icon)和文字。如果使用文字，則盡量簡短。
另外有以下用法示例需要注意：
使用
標(biāo)簽有兩種，一種是固定標(biāo)簽，適用于標(biāo)簽的數(shù)目比較少的情況。每個標(biāo)簽固定的位置，有利于用戶的記憶：
固定標(biāo)簽示例
另一種是可劃動標(biāo)簽，適用于標(biāo)簽數(shù)量比較多的情況。同時，可劃動標(biāo)簽的寬度可以長短不一，根據(jù)標(biāo)題長短決定。
可劃動標(biāo)簽示例
通常，標(biāo)簽被建議使用在以下的情況：
需要經(jīng)常切換視圖;
應(yīng)用包含的視圖比較少;
應(yīng)用提供的幾個視圖都比較重要(由于標(biāo)簽切換，相對于別的導(dǎo)航方式來說，操作更容易。因此通過標(biāo)簽導(dǎo)航提供的幾個視圖，相對來說到達(dá)率會更好。筆者注)。
分段控件可以包含兩個或者更多的分段選項，每一個選項作為一個獨立的按鈕而存在。在一個分段控件里，所有的分段選項在長度上要保持一致。和按鈕一樣，每個分段選項可以包含文案或者圖片。分段控件通常用來作為不同視圖的入口，比如在地圖應(yīng)用里，分段控件可以讓用戶在“地圖”、“交通”和“衛(wèi)星”等視圖間切換。
△ iOS系統(tǒng)自帶的地圖應(yīng)用
關(guān)于分段控件的使用，蘋果規(guī)范給出了以下幾個要點：
限制分段選項的數(shù)目，以提高可用性。更寬的分段選項更容易點擊。在iPhone上，蘋果建議一個分段控件包含的分段選項最多是5個(想說5個也不少了好不好。。)
盡量保證每個分段選項里的內(nèi)容的尺寸是一致的。因為所有的分段選項在長度上需要保持一致，所以如果有的分段選項內(nèi)容很滿，而有的比較空，在視覺上會不太美觀。
在一個分段選項里，避免同時使用文案和圖片。盡管單個分段選項里可以包含文案或者圖片，但是同時包含兩者可能會使界面看起來割裂和迷惑。
如果你定制了一個分段控件的外觀，那么請確保內(nèi)容的位置是恰當(dāng)?shù)?。比如，如果你更改了分段控件的背景，那么請確保里面的內(nèi)容看起來是OK的，并且是對齊的。
以上介紹了MD和iOS設(shè)計規(guī)范中對于標(biāo)簽導(dǎo)航和分段控件的介紹。這兩個控件由于長得比較相似，因此經(jīng)常會用錯;尤其是分段控件，需要注意它是不能通過劃動來切換的。
討論使我們認(rèn)識更加深刻，歡迎留言討論。
最近整理了交互方面對實戰(zhàn)很有幫助的一些知識點，在千聊上跟大家分享，希望可以幫助大家提高交互技能。分享是一個系列，總共包含6次主題分享：
場景
心理模型和流程設(shè)計(一)
流程設(shè)計(二)
流程設(shè)計(三)
正確使用iOS和Material Design控件
方案測試和驗證
以上就是類似于網(wǎng)頁導(dǎo)航菜單設(shè)計原則的內(nèi)容，如果想要了解關(guān)于企業(yè)建站知識及幾何與網(wǎng)頁設(shè)計，可直接點擊查看
