介面設計文字使用規則!

在不同的終端平臺,介面設計對於字型的要求是不同的。在移動平臺,常用的字型比較固定,而在PC端就沒有絕對的固定要求,但卻有設計師們經常會選用的幾個字型。

介面設計文字使用規則!

1。移動端的常用字型

(1)ios

英文字型:Helvetica、Aral

中文字型:華文黑體或冬青黑體(冬青黑體被很多設計師認為是效果最好的字型)。

介面設計文字使用規則!

(2) Android

英文字型:Roboto

中文字型:Noto

介面設計文字使用規則!

2。移動端的常用字號

(1)導航標題字號

導航標題字號通常為400p×-42px,偏小的40p×字號,常顯得更為精緻。

介面設計文字使用規則!

(2)正文字號

大的正文字號通常為320p×,副文則通常是260p×,最小的文字資訊則通常是20。需要注意的是,在正文字號的使用中根據不同型別的App會有所區別。如新聞等文字閱讀類的APP更注重文字的閱讀便捷性,因此經常會為正文選用36p×的字號。

介面設計文字使用規則!

而列表形式、工具化的APP則普遍是正文32p,副文案260p×,最小文字20p×。此外,為了能拉開按鈕的層次、加強主要按鈕的引導性,360p×的字號還經常

運用在頁面的大按鈕。

介面設計文字使用規則!

3)選擇偶數字號

一般情況下,在選用字型大小的時候通常都要選擇偶數的字號。因為在開發介面的時候,字號大小換算是要除以二的。

介面設計文字使用規則!

3。Pc端介面的常用字型

英文字型:Ana

中文字型:微軟雅黑、方正中黑、方正蘭亭系列。

介面設計文字使用規則!

4。PC端介面的常用字號

在PC端,正文通常會使用的字號是120p×或14px(無狀態)。其他內容的字號往往根據具體專案的需要而定。與移動端相同的是,一般也需要使用偶數字號,單數字號的文字在顯示的時候通常會有毛邊。

介面設計文字使用規則!

5。常用的字型顏色

在介面中的文字一般分為3個層級:主文、副文、提示文案。在白色的背景下,字型的顏色層次通常分別是黑、深灰、灰色。

介面設計文字使用規則!