前言：對於一名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。但其實我們在做移動端設計時，單位需要遵循偶數原則，舉例：以4的數遞增，如，24px，28px，32px等，因為開發中的單位是以一倍圖的基數來進行計算。那麼其實在制定字型規範中，使用2為單位會導致字型大小過多，不易管理，且2號字型的差異化不大。
所以在字型大小方面我們使用4作為單位是比較合適的：一是適配後在@2x跟@3x不會出現半畫素，二是使用4為單位，能滿足字型大小的均衡
4.合理配置字型拉開層級關係在移動端的介面設計中，除了使用間距網格來拉開不同內容的層級外，對字型樣式進行適當的調整也是個很不錯的選擇。通過調整字重、字色，能讓頁面的視覺邏輯變為更加的清晰明了、主次分明，降低因視覺給使用者帶來的干擾，提公升頁面的可操作性。如何來設定這兩塊呢?1.儘量減少頁面中的不同色相的顏色數量;2.使用不同的字重來區分內容;當然，隨著使用者體驗度的變化以及技術的革新，字型運用也會出現新的趨勢，比如更大更粗的標題、更明顯的字重層級、用字型明度做內容上的資訊區分等。
5.最後送給大家
ui設計移動端字型適配 移動端介面設計之尺寸篇
畫布尺寸 新建750 1334 解析度72，畫素 英吋。常見的字型大小 24px 26px 28px 30px 32px 34px，36px等等。記住是偶數的。最小字型大小20px。字型 中文用蘋方黑，英文用san francisco，如果安不上也可以用helvetica代替。ios開發裡單位是pt...
UI設計 UI設計文件
今天不想說ui設計原理和原則，只想說文件內容。乙個solo族，可能根本不會理睬這種文件，因為他的idea完全在腦中，自己來實現就ok了。而在乙個團隊協作過程中，產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢，ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...
移動遊戲ui設計（一）
遊戲世界 遊戲介面就是根據遊戲特性，把必要的資訊展現在遊戲主介面，操控介面和彈出界面上，通過合理的設計引導使用者進行人機互動操作 1，遊戲介面設計原則 互動設計盡量不要繁瑣，用最簡單的方式引導使用者即可 把控好遊戲的介面風格，注意色彩對介面的影響 引導介面的設計應言簡意賅 遊戲設計師要懂得很多客觀知...