UI設計新手必知的字體設計規範!

字體是UI設計師製作圖片、圖標甚至海報宣傳時必不可少的組成部分。有很多UI設計新手在使用字體時會不知所措,不是字號不行,就是字體不合適。接下來就給大家分享UI設計新手必知的字體設計規範。

Character:字間距

字間距,是在兩個文字中間的距離,一般加在一個字符的後段。如字符『AK』,默認Character爲0,那麼兩個字符中間的間距,則是爲字體默認所設定的安全距離。如果給Character設定一個值50,那麼會自動在A的後段加上50px,那麼顯示效果則變成『A K』。
在這裏插入圖片描述
line:行高

即UI Lable中字段所佔用的高度實際大小。默認字體會設定一個安全距離,那麼在設備中字段所佔用的line高度 = 字體像素大小+升降安全距離+擴高值。標註間距的時候,務必得把line值包含在內,否則實現出來容易出現字體偏移位置不對等情況。

Paragraph:行距

很多同學在調完這個參數,發現跟調整line值差不多。但其實Paragraph調整的是兩行中間的間距,不單獨調整單行字段的佔用空間。我們標註的時候,一定需要標註的較爲仔細。如果發現開發出來的字體樣式與設計稿不一致,那麼我們只需要提供以上這幾個參數值即可。

爲了保持字體的完整展示,UI設計師都會給字體預留一定的安全距離,設定合適的升部線及降部線距離,讓字體展示的更爲平衡。此外,我們還需要關注字號的大小設置,比如大號的字體閱讀起來更爲舒適,能精準快速的傳達信息,提升閱讀效率,降低視覺疲勞。

我們在做設計時,字號的單位需遵循原子理論,也就是使用一個基數作爲倍增,如2、4、6、8、10 或者3、6、9、12。但其實我們在做移動端設計時,單位需要遵循偶數原則,因爲開發中的單位是以一倍圖的基數來進行計算。那麼其實在制定字體規範中,使用2爲單位會導致字號過多,不易管理,且2號字體的差異化不大。所以在字號方面我們使用4作爲單位是比較合適的:一是適配後在@2x跟@3x不會出現半像素,二是使用4爲單位,能滿足字體大小的均衡。

除了掌握字體的使用規範,UI設計師還要了解各種設計原則,更重要的是具備紮實的技能,這樣才能滿足企業的需要。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章