書籤

書籤用於將資訊內容做大方向的分類，並可快速的在分類間切換。

以下有幾個是在使用書籤要注意的事項：

• 僅供大方向書籤只能用於大方向的分類。

• 類別分明書籤的內容必須要只屬於單一主題，且避免類別間需要進行比較。

• 左右滑動不要在顯示分類內容的畫面中，使用需要左右滑動的物件，因為滑動在此畫面定義為切換類別。

• 單行書籤應以單行呈現。

• 單層書籤的深度只有一層，不含有子書籤。

• 風格單一使用全文字或是全圖示來代表每一個書籤。

• 標題行數最多兩行，在第二行進行截短。

類型

• 固定式

用於書籤量比較少的情況，書籤會直接攤平在畫面上，協助使用者快速切換。

在畫面中左右滑動切換

• 滾動式

用於書籤量較多的情況，且使用者不用在意書籤之間的關係。

滾動模式滾動時工具列和書籤可以向上推移，並分為以下三種情況：

• 工具列上移，書籤保留
• 工具列保留，書籤上移
• 兩個依照順序上移

工具列上移，書籤保留

規範

書籤
高：48 dp（圖或文字），72 dp（圖文）

文字
字型：Roboto Medium
字體：14 sp（單行），12 sp（雙行）
左右間距：至少 12 dp
上間距：18 dp（單行），12 dp（雙行）
下間距：20 dp（單行），12 dp（雙行）
顏色：白或強調色（選取），白（未選取）
不透明度：100 %（選取），70 %（未選取）

指示符
高：2 dp
顏色：白或強調色

• 固定式

書籤
預設寬：螢幕寬 / 書籤量
最大寬：264 dp
最小寬：72（小螢幕），160 dp（大螢幕）
高：48 dp（圖或文字），72 dp（圖文）

純文字，規範如上述

圖示
同系統圖示
上下間距：12 dp

圖示
同系統圖示
上間距：14 dp
下間距：10 dp

文字
下間距：16 dp

• 滾動式

書籤
預設寬：根據內容決定
最大寬：264 dp 或螢幕寬減 56 dp
最小寬：72（小螢幕），160 dp（大螢幕）
高：48 dp（圖或文字），72 dp（圖文）

起始點：72 dp（與標頭相同），其餘和固定式相同