排版樣式

Roboto

從Ice Cream Sandwich公開發佈消息後，Roboto一直是Android的標準字體，在這個版本中，Roboto更著重於廣泛地應用在各種不同的平台，將字體變得稍寬、稍圓了些，使它更加清晰，並使其閱讀更為舒適。

Roboto font 1.21 MB (.zip)

標準樣式

文字大小與基本樣式

太多的文字尺寸與樣式可以摧毀任何一個版面，文字比例應該限制幾種大小使其在版面的隱藏格線中互相配合、對齊，基本的字體尺寸為12, 14, 16, 20, 以及 34。

在文字使用的條件下，這些尺寸與樣式平衡了內文的密度以及閱讀的舒適， 文字尺寸指定伸縮像素(SP)可以使大尺寸的文字提高 可訪問性。

使用 Display 樣式的範例

使用 Headline 樣式的範例

跳過許多元素，所有出現在標題列的應用欄都應該使用Title樣式。

使用 Title 樣式的範例

有些時候大的 Subhead 樣式會使用較小的Body樣式來替代， 這些範例包括當資訊是介紹用途的一個小片段； 或當標題與 Body-styled 這行的文字是互相配對的時候。

使用 Subhead 樣式的範例

使用 Body 樣式的範例

使用 Body 樣式的範例

使用 Button 樣式的範例

基本顏色/顏色對比

如果文字使用與背景相似的顏色，會非常難以閱讀， 使用太多高對比、奪目的顏色也會使文字不明顯，甚至難以閱讀， 尤其是針對黑色背景...

文字應該維持在4:5:1的最低限度比率對比(基於亮度值做計算)，針對易讀性，7:1的對比比率是最適合閱讀的。

這些顏色的組合都有經過對比比率的考慮， 為了非典型使用者的回應。

大型字/流動文字

當正當的使用情況下，大型字可以使應用程式更有趣，在不同的版面當中，能夠幫助使用者更快的理解文章傳達的內容。

流動文字的大小樣式使用在專案來說文章的長度是未知的，流動文字的字型大小取決於可用的空間以及文字間距的計算。

強烈不建議慣用小型文字去符合一個糟糕的專案， 並依靠其作為退而求其次的最後手段。

搭配 的範例

行高

行高取決於各種獨特風格的樣式以及粗細，去呈現良好的可讀性以及適當的留白。 換行只適合用在內文、條目、首行文字，還有更小的顯示樣式， 其他的樣式則應該以單行的文字顯示。

搭配的範例

斷行規則/斷字

可行

不可行

單行字符長度

從Baymard學院我們在可讀性和行高考量了這些建議：

如果你希望有更好的閱讀體驗的話， 你應該要將每行的文字侷限在60個字以內， 控制每行文字在適當的量是良好閱讀性的最佳關鍵。

太寬 - 如果一行的文字太長，使用者必須長時間聚焦在文字上， 這是因為那樣的長度很難讓人快速領會哪邊是開頭、哪邊是結尾， 此外他可能會使在大區塊裡正確行內的文字裡連續性上變得困難。

太窄 - 如果單行文字太短，會使得使用者的眼睛必須時常來回閱讀， 打斷了閱讀的良好韻律，短行的文字也趨向壓迫閱讀者， 使他們在閱讀完重要的部分之前就開始下一段。 (因此反而跳過了隱含重要的關鍵字)

來源：Readability: the Optimal Line Length

• 太窄
• 理想範圍
• 太寬

• 太窄
• 理想範圍
• 太寬

和字距調整

翻譯： Tillonter