UI設計培訓教你文字編排(上篇)
來源:
奇酷教育 發(fā)表于:
今天UI設計培訓老師教你文字編排,一共分為上篇和下篇。在我們在做設計中時往往遇到文字該怎么進行設計才好看或者更搭配。每個UI設
今天
UI設計培訓老師教你文字編排,一共分為上篇和下篇。在我們在做設計中時往往遇到文字該怎么進行設計才好看或者更搭配。每個
UI設計者都遇到過這樣的問題,今天咱們就來說說怎么設計得體。

1.字間距
常用的字間距有三種排版形式,分別是標準排版、緊湊排版和留白排版。標準排版就是軟件默認的字間距,字與字之間的距離不會太大也不會太??;緊湊排版是每個字之間的距離會向里縮進一些;留白排版是每個字之間會多留一些空白。
2.字間距-標準排版
標準排版就是字與字之間的距離不大也不小。在繪圖工具中的字符工具里的“字間距”功能的數值為0 ‰,這時采用的是標準排版。什么情況下使用這種排版規(guī)則呢? 通常在設計師比較懶惰的情況下會使用這種排版規(guī)則。因為在處理標題、正文和注釋時,需要根據不同的字號選擇不同的字間距來進行排版,字號不同字間距相同就會影響視覺感受,所有字號都用繪圖工具的默認字間距,只能說明設計師比較懶惰且工作不飽和(手動滑稽)。
3.字間距-緊湊排版
緊湊排版就是字與字之間的距離會縮短并向里縮進。在繪圖工具中的字符工具里的“字間距”功能的數值為負數,區(qū)間為-10 ‰~-40 ‰不等,具體數值還要根據不同的字號和字體來做決定,通常應用在標題當中。
4.字間距-留白排版
那留白排版就是字與字之間的距離會多留一些空白。在繪圖工具中的“字間距”數值為正數,區(qū)間為10 ‰~-40 ‰不等。與緊湊排版一樣,也是根據不同字號和字體來決定的。有些中文字體結構中的字與“外邊框”的距離就很大了,這時再給字間距加留白,一行就會顯得過于分散,所以還是要具體需求具體分析。留白排版通常應用在正文當中。那這里的“外邊框”指的是字體設計時用到的框,屬于中文字體結構中的一部分,專業(yè)術語叫“圍框”,日本人稱為“假象邊框”,不要深究先簡單了解一下就行。
5.字間距-使用場景(字號)
當理解了字間距的三種排版形式,就學一下在什么場景下使用它們。不同字號字間距也不同,字號越大字與字的間距就越小,字號越小字與字的間距就越大。字間距過大或過小都會影響閱讀體驗,文字的易讀性就會被影響。在設計以古典為主題的作品時,要營造拘謹和嚴肅感,就可以在常規(guī)的字間距的基礎上再減少一些間距;在設計以現代或科技為主題的作品時,要營造開放的態(tài)度和流行的感覺,就可以在常規(guī)的字間距的基礎上再增加一些間距。如下圖所示,帶顏色的是字間距的數值。
另外,英文的字間距差異要比中文更大,但篇幅有點長了,字號這塊我就不拿英文來舉例了。好的講回來,如果反其道而行之就會造成不好的閱讀體驗,字間距過大就會影響閱讀體驗,非常大就會影響文字的易讀性。字間距非常小,字與字就會重疊,字的可讀性就很差。字間距中字與字之間的距離采用多少的數值,也是根據
UI設計培訓師自身審美來決定的。
今天所講到的這些技巧都是UI設計培訓老師的親身經歷,我希望,我寫的這些技巧能夠給大家?guī)硪恍椭?。如果還有什么疑問請聯系奇酷老師,我們將竭誠為你解答。