對於一名UI設計師來說，字型是一門基本語言，更是設計師需要掌握的基本技能之一。目前常用的字型有很多種，比如黑體、宋體、楷體等。在平時的專案設計中，為了讓頁面中的字型更加貼合業務場景，設計師需要對字型的字距字高進行調整。接下來千鋒就給大家講解一下字型的相關屬性。
1、字型基礎結構詳解
一般來說，為了保持字型的完整展示，字型設計師都會給字型預留一定的安全距離，設定合適的升部線及降部線距離，讓字型展示的更為平衡。
在設計輸出的時候，如果沒有調整line值，是可以直接藉助sketch的標註外掛sketch measure，來實時匯出相應的引數，這樣的引數最接近開發效果。如果沒有Mac的同學，可以利用PS選中文字，那麼選中的深色底就是字型本身的間距。
2、字型的行高行距引數詳解
在一些文字較多的頁面，為了讓閱讀更為順暢，我們需要對文字的字高字距進行調整。透過sketch及動效程式設計軟體Origami中的可配置引數時只需要配置好Charater(字間距)、line(行高)、paragraph(行距)三個值即可。
3、字號大小如何設定
我們在做設計時，字號的單位需遵循原子理論，也就是使用一個基數作為倍增，如2、4、6、8、10 或者3、6、9、12。但其實我們在做移動端設計時，單位需要遵循偶數原則，因為開發中的單位是以一倍圖的基數來進行計算。那麼其實在制定字型規範中，使用2為單位會導致字號過多，不易管理，且2號字型的差異化不大。
所以在字號方面我們使用4作為單位是比較合適的：一是適配後在@2x跟@3x不會出現半畫素，二是使用4為單位，能滿足字型大小的均衡。
4、合理配置字型拉開層級關係
在移動端的介面設計中，除了使用間距網格來拉開不同內容的層級外，對字型樣式進行適當的調整也是個很不錯的選擇。透過調整字重、字色，能讓頁面的視覺邏輯變為更加的清晰明瞭、主次分明，降低因視覺給使用者帶來的干擾，提升頁面的可操作性。如何來設定這兩塊呢?1)儘量減少頁面中的不同色相的顏色數量;2)使用不同的字重來區分內容。
當然，隨著使用者體驗度的變化以及技術的革新，字型運用也會出現新的趨勢，比如更大更粗的標題、更明顯的字重層級、用字型明度做內容上的資訊區分等。
綜上所述，想要成為一個合格的UI設計師絕不是隻會使用PS、AI軟體就可以，你還要注意各種細節。關注千鋒學習更多UI設計相關知識，讓你理論與實戰兼備，搭建屬於你的職場高起點。
對於一名UI設計師來說，字型是一門基本語言，更是設計師需要掌握的基本技能之一。目前常用的字型有很多種，比如黑體、宋體、楷體等。在平時的專案設計中，為了讓頁面中的字型更加貼合業務場景，設計師需要對字型的字距字高進行調整。接下來千鋒就給大家講解一下字型的相關屬性。
1、字型基礎結構詳解
一般來說，為了保持字型的完整展示，字型設計師都會給字型預留一定的安全距離，設定合適的升部線及降部線距離，讓字型展示的更為平衡。
在設計輸出的時候，如果沒有調整line值，是可以直接藉助sketch的標註外掛sketch measure，來實時匯出相應的引數，這樣的引數最接近開發效果。如果沒有Mac的同學，可以利用PS選中文字，那麼選中的深色底就是字型本身的間距。
2、字型的行高行距引數詳解
在一些文字較多的頁面，為了讓閱讀更為順暢，我們需要對文字的字高字距進行調整。透過sketch及動效程式設計軟體Origami中的可配置引數時只需要配置好Charater(字間距)、line(行高)、paragraph(行距)三個值即可。
3、字號大小如何設定
我們在做設計時，字號的單位需遵循原子理論，也就是使用一個基數作為倍增，如2、4、6、8、10 或者3、6、9、12。但其實我們在做移動端設計時，單位需要遵循偶數原則，因為開發中的單位是以一倍圖的基數來進行計算。那麼其實在制定字型規範中，使用2為單位會導致字號過多，不易管理，且2號字型的差異化不大。
所以在字號方面我們使用4作為單位是比較合適的：一是適配後在@2x跟@3x不會出現半畫素，二是使用4為單位，能滿足字型大小的均衡。
4、合理配置字型拉開層級關係
在移動端的介面設計中，除了使用間距網格來拉開不同內容的層級外，對字型樣式進行適當的調整也是個很不錯的選擇。透過調整字重、字色，能讓頁面的視覺邏輯變為更加的清晰明瞭、主次分明，降低因視覺給使用者帶來的干擾，提升頁面的可操作性。如何來設定這兩塊呢?1)儘量減少頁面中的不同色相的顏色數量;2)使用不同的字重來區分內容。
當然，隨著使用者體驗度的變化以及技術的革新，字型運用也會出現新的趨勢，比如更大更粗的標題、更明顯的字重層級、用字型明度做內容上的資訊區分等。
綜上所述，想要成為一個合格的UI設計師絕不是隻會使用PS、AI軟體就可以，你還要注意各種細節。關注千鋒學習更多UI設計相關知識，讓你理論與實戰兼備，搭建屬於你的職場高起點。