今天開始，將介紹iOS和Android設計規范中關于導航的部分。今天要介紹的兩個控件，經常容易混淆以至于用錯。請各位讀者仔細閱讀，防止以后用錯。

Material Design Guidelines

標簽(tabs)使內容在一個較高的層級被組織起來。一般，一個標簽里需要展示與該標簽相關的內容。標簽的名字需要清楚地描述該標簽里所包含的內容。

信息架構

標簽導航一般用于從一個比較高的層級來組織信息，呈現出提綱挈領的效果。例如，使用標簽呈現報紙的不同版面。不要使用標簽導航來呈現不同頁碼的頁面(就像搜索結果頁中的第1頁，第2頁那種頁面)，也不要把標簽的切換設計成可循環的樣式(即，在最后一頁，繼續向下切換又回到第一頁)。

下面所示的用法示例需要注意：

內容

一個標簽里的所有內容應該屬于一個大分類(比如“設置”或者“音樂”)，并且標簽之間內容不能有重疊。標簽可以包含圖標(icon)和文字。如果使用文字，則盡量簡短。

另外有以下用法示例需要注意：

使用

標簽有兩種，一種是固定標簽，適用于標簽的數目比較少的情況。每個標簽固定的位置，有利于用戶的記憶：

固定標簽示例

另一種是可劃動標簽，適用于標簽數量比較多的情況。同時，可劃動標簽的寬度可以長短不一，根據標題長短決定。

可劃動標簽示例

通常，標簽被建議使用在以下的情況：

需要經常切換視圖;

應用包含的視圖比較少;

應用提供的幾個視圖都比較重要(由于標簽切換，相對于別的導航方式來說，操作更容易。因此通過標簽導航提供的幾個視圖，相對來說到達率會更好。筆者注)。

iOS Human Interface Guidelines

分段控件可以包含兩個或者更多的分段選項，每一個選項作為一個獨立的按鈕而存在。在一個分段控件里，所有的分段選項在長度上要保持一致。和按鈕一樣，每個分段選項可以包含文案或者圖片。分段控件通常用來作為不同視圖的入口，比如在地圖應用里，分段控件可以讓用戶在“地圖”、“交通”和“衛星”等視圖間切換。

△ iOS系統自帶的地圖應用

關于分段控件的使用，蘋果規范給出了以下幾個要點：

限制分段選項的數目，以提高可用性。更寬的分段選項更容易點擊。在iPhone上，蘋果建議一個分段控件包含的分段選項最多是5個(想說5個也不少了好不好。。)

盡量保證每個分段選項里的內容的尺寸是一致的。因為所有的分段選項在長度上需要保持一致，所以如果有的分段選項內容很滿，而有的比較空，在視覺上會不太美觀。

在一個分段選項里，避免同時使用文案和圖片。盡管單個分段選項里可以包含文案或者圖片，但是同時包含兩者可能會使界面看起來割裂和迷惑。

如果你定制了一個分段控件的外觀，那么請確保內容的位置是恰當的。比如，如果你更改了分段控件的背景，那么請確保里面的內容看起來是OK的，并且是對齊的。

以上介紹了MD和iOS設計規范中對于標簽導航和分段控件的介紹。這兩個控件由于長得比較相似，因此經常會用錯;尤其是分段控件，需要注意它是不能通過劃動來切換的。

討論使我們認識更加深刻，歡迎留言討論。

最近整理了交互方面對實戰很有幫助的一些知識點，在千聊上跟大家分享，希望可以幫助大家提高交互技能。分享是一個系列，總共包含6次主題分享：

場景

心理模型和流程設計(一)

流程設計(二)

流程設計(三)

正確使用iOS和Material Design控件

方案測試和驗證

網站名稱：iOS和Androidd的標簽導航設計解析
文章鏈接：http://www.2m8n56k.cn/news44/159394.html

成都網站建設公司_創新互聯，為您提供手機網站建設、企業網站制作、品牌網站建設、標簽優化、靜態網站、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯