字體是UI設計師製做圖片、圖標甚至海報宣傳時必不可少的組成部分。有不少UI設計新手在使用字體時會不知所措,不是字號不行,就是字體不合適。接下來就給你們分享UI設計新手必知的字體設計規範。安全
Character:字間距
字間距,是在兩個文字中間的距離,通常加在一個字符的後段。如字符『AK』,默認Character爲0,那麼兩個字符中間的間距,則是爲字體默認所設定的安全距離。若是給Character設定一個值50,那麼會自動在A的後段加上50px,那麼顯示效果則變成『A K』。
line:行高
即UI Lable中字段所佔用的高度實際大小。默認字體會設定一個安全距離,那麼在設備中字段所佔用的line高度 = 字體像素大小+升降安全距離+擴高值。標註間距的時候,務必得把line值包含在內,不然實現出來容易出現字體偏移位置不對等狀況。ide
Paragraph:行距
不少同窗在調完這個參數,發現跟調整line值差很少。但其實Paragraph調整的是兩行中間的間距,不單獨調整單行字段的佔用空間。咱們標註的時候,必定須要標註的較爲仔細。若是發現開發出來的字體樣式與設計稿不一致,那麼咱們只須要提供以上這幾個參數值便可。字體
爲了保持字體的完整展現,UI設計師都會給字體預留必定的安全距離,設定合適的升部線及降部線距離,讓字體展現的更爲平衡。此外,咱們還須要關注字號的大小設置,好比大號的字體閱讀起來更爲溫馨,能精準快速的傳達信息,提高閱讀效率,下降視覺疲勞。設計
咱們在作設計時,字號的單位需遵循原子理論,也就是使用一個基數做爲倍增,如二、四、六、八、10 或者三、六、九、12。但其實咱們在作移動端設計時,單位須要遵循偶數原則,由於開發中的單位是以一倍圖的基數來進行計算。那麼其實在制定字體規範中,使用2爲單位會致使字號過多,不易管理,且2號字體的差別化不大。因此在字號方面咱們使用4做爲單位是比較合適的:一是適配後在@2x跟@3x不會出現半像素,二是使用4爲單位,能知足字體大小的均衡。圖片
除了掌握字體的使用規範,UI設計師還要了解各類設計原則,更重要的是具有紮實的技能,這樣才能知足企業的須要。開發