設計規(guī)范

app設計字體大小規(guī)范

99325

app的界面設計除了排版外，還有很多留白和文字，而文字被不少人忽略，字體的使用，字體的大小粗細變化都沒有好好仔細斟酌，今天分享UI設計中的字體使用指南，初學者必備！

Android與iOS系統(tǒng)字體詳解

1.Android默認字體-思源黑體/Robot

在Android設備中，Android始祖Google為了更好的追求視覺效果，提高用戶體驗，所以聯(lián)合了Adobe設計發(fā)布了思源黑體(Noto)來作為中文字體。

該字體字形較為平穩(wěn)，利于閱讀，且有個7個不同的字重，充分滿足了不同場景下的設計需求，7個字重分別為：Thin、 Light、DemiLight、Regular、Medium、Bold 和 Black。而英文，則使用Robot來作為基礎字體，只有6個字重：分別為Thin、Light、Regular、Medium、Bold 和 Black，視覺語言與思源黑體Noto保持一致。

另外在Google的Material Design手冊中，官方還給出了標準的字號大小。在安卓的字體單位中，不再以px，pt作為單位而是統(tǒng)一的使用了sp，換算方式：

px = sp*ppi/160 ，sp = px / (ppi / 160)

按照iPhone7的尺寸1334×750.密度326ppi 來換算，那么Android的1dp = 1 * 326/160 ≈ 2px

2.iOS默認字體-蘋方/San Francisco

在iOS系統(tǒng)中，中文方面蘋果則加入了全新的蘋方字體，字形纖細中宮飽滿，利于閱讀，并且還提供6個字重供設計開發(fā)者使用。所以后面的設計趨勢中，字重的使用變的開始多元化了起來，使用Semibold中粗體、大字號作為界面的標題變的更為流行起來，較為明顯的有 iOS 11 中的一些原生界面及一些知名APP。

而在英文方面，則使用了San Francisco 的字體，除了在iOS和Mac OS上，還單獨為Watch OS單獨對字體進行了調(diào)整，命名為 San Francisco Compact。而每套字體下面又分為Text與Display兩種屬性，Text只有6個字重，而Display則有9個字重。

3.總結(jié)&結(jié)論

通過對比，我們可以發(fā)現(xiàn)：其實Android與iOS字體字形方面差異化明顯不大，不用特意下載所有字體進行單獨配置。那么在平常工作中，我們只需要按照一套標準的iOS設計稿輸出即可，在Android方面進行自動延展，最后走查確認一下效果即可。

如果涉及到使用除Regular標準體之外的字體，那么除了顏色，還應當標注相應的字重字高等信息(如Font：Pingfang SC-Semibold，line:52px) ，而不應當只標注一個加粗或者加細。當然如果人力允許的情況下，我們也可以單獨為Android做一套界面及字體適配，提高Android端的視覺顯示效果。