對于一名UI設(shè)計師來說，字體是一門基本語言，更是設(shè)計師需要掌握的基本技能之一。目前常用的字體有很多種，比如黑體、宋體、楷體等。在平時的項目設(shè)計中，為了讓頁面中的字體更加貼合業(yè)務(wù)場景，設(shè)計師需要對字體的字距字高進行調(diào)整。接下來千鋒就給大家講解一下字體的相關(guān)屬性。

1、字體基礎(chǔ)結(jié)構(gòu)詳解

一般來說，為了保持字體的完整展示，字體設(shè)計師都會給字體預(yù)留一定的安全距離，設(shè)定合適的升部線及降部線距離，讓字體展示的更為平衡。

在設(shè)計輸出的時候，如果沒有調(diào)整line值，是可以直接借助sketch的標注插件sketchmeasure，來實時導出相應(yīng)的參數(shù)，這樣的參數(shù)最接近開發(fā)效果。如果沒有Mac的同學，可以利用PS選中文字，那么選中的深色底就是字體本身的間距。

2、字體的行高行距參數(shù)詳解

在一些文字較多的頁面，為了讓閱讀更為順暢，我們需要對文字的字高字距進行調(diào)整。通過sketch及動效編程軟件Origami中的可配置參數(shù)時只需要配置好Charater(字間距)、line(行高)、paragraph(行距)三個值即可。

3、字號大小如何設(shè)定

我們在做設(shè)計時，字號的單位需遵循原子理論，也就是使用一個基數(shù)作為倍增，如2、4、6、8、10或者3、6、9、12。但其實我們在做移動端設(shè)計時，單位需要遵循偶數(shù)原則，因為開發(fā)中的單位是以一倍圖的基數(shù)來進行計算。那么其實在制定字體規(guī)范中，使用2為單位會導致字號過多，不易管理，且2號字體的差異化不大。

所以在字號方面我們使用4作為單位是比較合適的：一是適配后在@2x跟@3x不會出現(xiàn)半像素，二是使用4為單位，能滿足字體大小的均衡。

4、合理配置字體拉開層級關(guān)系

在移動端的界面設(shè)計中，除了使用間距網(wǎng)格來拉開不同內(nèi)容的層級外，對字體樣式進行適當?shù)恼{(diào)整也是個很不錯的選擇。通過調(diào)整字重、字色，能讓頁面的視覺邏輯變?yōu)楦拥那逦髁?、主次分明，降低因視覺給用戶帶來的干擾，提升頁面的可操作性。如何來設(shè)定這兩塊呢?1)盡量減少頁面中的不同色相的顏色數(shù)量;2)使用不同的字重來區(qū)分內(nèi)容。

當然，隨著用戶體驗度的變化以及技術(shù)的革新，字體運用也會出現(xiàn)新的趨勢，比如更大更粗的標題、更明顯的字重層級、用字體明度做內(nèi)容上的信息區(qū)分等。

綜上所述，想要成為一個合格的UI設(shè)計師絕不是只會使用PS、AI軟件就可以，你還要注意各種細節(jié)。關(guān)注千鋒學習更多UI設(shè)計相關(guān)知識，讓你理論與實戰(zhàn)兼?zhèn)?，搭建屬于你的職場高起點。