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