UI設(shè)計基礎(chǔ)字體知識講解【傳智教育】

在UI設(shè)計中，字體可以很直觀地彰顯設(shè)計風格，是UI設(shè)計中的重要元素。因此理解字體設(shè)計方式對UI設(shè)計師來說非常關(guān)鍵。下面將對字體的基礎(chǔ)知識做具體講解。

1.字體基本術(shù)語

在排列字體時，有一些描述字體之間距離、大小的標準術(shù)語。例如“基線”“行距”等，這些術(shù)語分別表示字體排列的位置和距離，具體如圖所示。

字體基本術(shù)語

注意：

“X字高”在排印學中是指字母的基本高度，但是在設(shè)計領(lǐng)域中代表一個字體的設(shè)計因素，因此在一些場合字母X本身并不完全等于X字高。

2.襯線字與非襯線字

字體分為兩大類，即襯線字（Serif）和非襯線字（Sans-Serif），具體介紹如下。

1）襯線字

襯線字是指在字的筆畫開始及結(jié)束的地方有額外的裝飾，而且筆畫的粗細會因直橫的不同而有所不同，如圖1-58所示。襯線字較易辨識，因此具有較高的易讀性，通常用在界面內(nèi)容較多頁面中。

襯線字

2）非襯線字

非襯線字沒有這些額外裝飾，而且筆畫粗細大致差不多，如圖1-59所示。非襯線字則較醒目。通常需要強調(diào)、突出的小篇幅文字一般使用非襯線字。

非襯線字

3.字體排版

在UI設(shè)計中，優(yōu)秀的文字排版可以使文字內(nèi)容能夠簡單且清晰地展現(xiàn)出來，使讀者更容易閱讀。在進行字體排版時，往往要注意以下幾個方面。

1）字重

字重是指字體筆畫的粗細。在UI設(shè)計中，當設(shè)計師設(shè)置更大的字體來獲得更好的可讀性的同時，也應減輕字體的字重，使字體不會太過醒目，從而不影響其他內(nèi)容的顯示效果。
一般當字體大小為12~18 px時,使用Regular,18~24 px時,使用Light,24～32 px時,使用Thin,當字體大小超過32 px時，建議使用Ultralight。當然以上都是建議值，在實際運用中，設(shè)計者應該根據(jù)不同字體的顯示效果進行設(shè)定，使讀者保持良好閱讀體驗。

2）行距

行距是指從一行文字的底部到另一行文字底部的間距。在Word中行距是指設(shè)置文本行與行之間的距離。合理的行距，能給文字留下更多的呼吸空間，給讀者更好的閱讀體驗。一般行距應該設(shè)置為字體大小的120%~145%。

3）行長

‍

行長指單行文字的長度，如果一行中包含的字數(shù)太多，文本內(nèi)容將會很難閱讀。通常英文字符一般在45~90字比較適宜，而中文在35~60字為宜。合理的行長使用戶在行間跳轉(zhuǎn)時感到非常輕快和愉悅，反之則會使閱讀成為一種負擔。

4）字體樣式

字體樣式是指對字體進行一些改變，包括顏色、大小、下畫線、斜體、粗體等。一般在文字內(nèi)容中，字體樣式主要用于強調(diào)標注的文本，因此被修飾的文本不應超過整個文本的10%，并且同一界面中使用的字體樣式不應該超過三種。