首頁技術(shù)文章正文

UI設計師是如何設計字體的?【字體基礎(chǔ)知識】

更新時間:2022-05-30 來源:黑馬程序員 瀏覽量:

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

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

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

字體基本術(shù)語

字體基本術(shù)語

注意:

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

2.襯線字與非襯線字

字體分為兩大類,即襯線字(Serif)和非襯線字(Sans-Serif),具體介紹如下。

1)襯線字

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

襯線字
襯線字

2)非襯線字

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

非襯線字

非襯線字

3.字體排版

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

1)字重

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

2)行距

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

3)行長

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

4)字體樣式

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


分享到:
在線咨詢 我要報名
和我們在線交談!