從今天開始啥容，將介紹iOS和Android設(shè)計(jì)規(guī)范中關(guān)于導(dǎo)航的部分。今天要介紹的兩個(gè)控件诵闭，經(jīng)常容易混淆以至于用錯(cuò)炼团。請(qǐng)各位讀者仔細(xì)閱讀，防止以后用錯(cuò)疏尿。
Material Design Guidelines
標(biāo)簽（tabs）使內(nèi)容在一個(gè)較高的層級(jí)被組織起來瘟芝。一般，一個(gè)標(biāo)簽里需要展示與該標(biāo)簽相關(guān)的內(nèi)容润歉。標(biāo)簽的名字需要清楚地描述該標(biāo)簽里所包含的內(nèi)容模狭。
信息架構(gòu)
標(biāo)簽導(dǎo)航一般用于從一個(gè)比較高的層級(jí)來組織信息，呈現(xiàn)出提綱挈領(lǐng)的效果踩衩。例如嚼鹉，使用標(biāo)簽呈現(xiàn)報(bào)紙的不同版面。不要使用標(biāo)簽導(dǎo)航來呈現(xiàn)不同頁(yè)碼的頁(yè)面（就像搜索結(jié)果頁(yè)中的第1頁(yè)驱富，第2頁(yè)那種頁(yè)面）锚赤，也不要把標(biāo)簽的切換設(shè)計(jì)成可循環(huán)的樣式（即，在最后一頁(yè)褐鸥，繼續(xù)向下切換又回到第一頁(yè)）线脚。
下面所示的用法示例需要注意??：
內(nèi)容
一個(gè)標(biāo)簽里的所有內(nèi)容應(yīng)該屬于一個(gè)大分類（比如“設(shè)置”或者“音樂”），并且標(biāo)簽之間內(nèi)容不能有重疊。標(biāo)簽可以包含圖標(biāo)（icon）和文字浑侥。如果使用文字姊舵，則盡量簡(jiǎn)短。
另外有以下用法示例需要注意：
使用
標(biāo)簽有兩種寓落，一種是固定標(biāo)簽括丁，適用于標(biāo)簽的數(shù)目比較少的情況。每個(gè)標(biāo)簽固定的位置伶选，有利于用戶的記憶：
另一種是可劃動(dòng)標(biāo)簽史飞，適用于標(biāo)簽數(shù)量比較多的情況。同時(shí)仰税，可劃動(dòng)標(biāo)簽的寬度可以長(zhǎng)短不一构资，根據(jù)標(biāo)題長(zhǎng)短決定。
通常陨簇，標(biāo)簽被建議使用在以下的情況：
- 需要經(jīng)常切換視圖吐绵；
- 應(yīng)用包含的視圖比較少；
- 應(yīng)用提供的幾個(gè)視圖都比較重要（由于標(biāo)簽切換塞帐，相對(duì)于別的導(dǎo)航方式來說拦赠，操作更容易巍沙。因此通過標(biāo)簽導(dǎo)航提供的幾個(gè)視圖葵姥，相對(duì)來說到達(dá)率會(huì)更好。筆者注）句携。
iOS Human Interface Guidelines
分段控件可以包含兩個(gè)或者更多的分段選項(xiàng)榔幸，每一個(gè)選項(xiàng)作為一個(gè)獨(dú)立的按鈕而存在。在一個(gè)分段控件里矮嫉，所有的分段選項(xiàng)在長(zhǎng)度上要保持一致削咆。和按鈕一樣，每個(gè)分段選項(xiàng)可以包含文案或者圖片蠢笋。分段控件通常用來作為不同視圖的入口拨齐，比如在地圖應(yīng)用里，分段控件可以讓用戶在“地圖”昨寞、“交通”和“衛(wèi)星”等視圖間切換瞻惋。
關(guān)于分段控件的使用，蘋果規(guī)范給出了以下幾個(gè)要點(diǎn)：
1. 限制分段選項(xiàng)的數(shù)目援岩，以提高可用性歼狼。更寬的分段選項(xiàng)更容易點(diǎn)擊。在iPhone上享怀，蘋果建議一個(gè)分段控件包含的分段選項(xiàng)最多是5個(gè)（想說5個(gè)也不少了好不好羽峰。。）
2. 盡量保證每個(gè)分段選項(xiàng)里的內(nèi)容的尺寸是一致的。因?yàn)樗械姆侄芜x項(xiàng)在長(zhǎng)度上需要保持一致梅屉，所以如果有的分段選項(xiàng)內(nèi)容很滿值纱，而有的比較空，在視覺上會(huì)不太美觀坯汤。
3. 在一個(gè)分段選項(xiàng)里计雌，避免同時(shí)使用文案和圖片。盡管單個(gè)分段選項(xiàng)里可以包含文案或者圖片玫霎，但是同時(shí)包含兩者可能會(huì)使界面看起來割裂和迷惑凿滤。
4. 如果你定制了一個(gè)分段控件的外觀，那么請(qǐng)確保內(nèi)容的位置是恰當(dāng)?shù)氖１热缥檀啵绻愀牧朔侄慰丶谋尘埃敲凑?qǐng)確保里面的內(nèi)容看起來是OK的鼻种，并且是對(duì)齊的反番。
以上介紹了MD和iOS設(shè)計(jì)規(guī)范中對(duì)于標(biāo)簽導(dǎo)航和分段控件的介紹。這兩個(gè)控件由于長(zhǎng)得比較相似叉钥，因此經(jīng)常會(huì)用錯(cuò)罢缸；尤其是分段控件，需要注意它是不能通過劃動(dòng)來切換的投队。
討論使我們認(rèn)識(shí)更加深刻枫疆，歡迎留言討論。
千聊分享
最近整理了交互方面對(duì)實(shí)戰(zhàn)很有幫助的一些知識(shí)點(diǎn)敷鸦，在千聊上跟大家分享息楔，希望可以幫助大家提高交互技能。分享是一個(gè)系列扒披，總共包含6次主題分享：
場(chǎng)景
心理模型和流程設(shè)計(jì)（一）
流程設(shè)計(jì)（二）
流程設(shè)計(jì)（三）
正確使用iOS和Material Design控件
方案測(cè)試和驗(yàn)證
千聊分享的形式值依，是PPT + 語音，通過PPT展示重點(diǎn)內(nèi)容碟案，結(jié)合語音講解愿险，效果較好，如下圖所示??：
感興趣的朋友可以通過鏈接報(bào)名（價(jià)格是66元价说，包含6次分享）：
https://m.qlchat.com/live/channel/channelPage/850000134259058.htm
也可通過千聊APP辆亏，搜索“設(shè)計(jì)說”，之后找到“系列課→交互設(shè)計(jì)師進(jìn)階系列”熔任。
