東莞易思訓(xùn)教育

7x24小時咨詢熱線

400-660-3310

當(dāng)前位置 : 好學(xué)校 東莞易思訓(xùn)教育 學(xué)習(xí)資訊 資訊詳情

UI文字設(shè)計規(guī)范有哪些?

2021-12-16

UI設(shè)計中,文字設(shè)置是必不可少的一環(huán)。文字設(shè)置過程中涉及到字體類型、字號、字重、行高、行寬以及顏色等。

UI文字設(shè)計規(guī)范

1、類型

iOS設(shè)備的系統(tǒng)默認(rèn)字體,中文為蘋方,英文&數(shù)字為SFUIText。

Android設(shè)備系統(tǒng)默認(rèn)字體,中文為思源黑體,英文&數(shù)字為Roboto。

2、字號

不同的使用場景,文字的字號也不相同。文字的主使用場景分為:一級標(biāo)題、二級標(biāo)題、三級標(biāo)題、正文和提示文字。

文字最小字號一般為11。也有特殊情況,例如標(biāo)簽里面的文字,字號為10甚至可能更小。

3、字重

字重就是指字體筆畫的粗細(xì)。字重的等級是用來標(biāo)明同一字體家族中不同粗細(xì)筆畫的字型。

UI設(shè)計中,常用的字重有兩個,一個是常規(guī)(Regular),另一個是中黑體(Medium)。

正常文字使用常規(guī)體(Regular)。當(dāng)需要突出層級展示,增加對比時使用中黑體(Medium),中黑體(Medium)常用于標(biāo)題。

4、行高

字號大小等于文字高度,如下圖所示,字號為16時,行高設(shè)置為16,那么其行高也是字體本身的高度(16pt)。

行高=字號+行間距。

5、行寬

行寬=字體寬度+兩側(cè)距離字體的寬度

將行寬拉長,代表著設(shè)置了文本內(nèi)容范圍,文本距離右側(cè)語音圖標(biāo)為12pt,表示當(dāng)文字內(nèi)容距離語音圖標(biāo)12pt時,文字打點或截斷展示。

6、顏色

字體顏色有兩種規(guī)則定義做法,一種是直接使用色值,另一種做法是通過不透明度實現(xiàn),通常以#000000為基準(zhǔn),設(shè)置不同的不透明度。

收藏
分享到:

相關(guān)課程

相關(guān)資訊

東莞易思訓(xùn)教育

東莞易思訓(xùn)教育

認(rèn)證等級

信譽良好,可安心報讀

東莞易思訓(xùn)教育

已獲好學(xué)校V2信譽等級認(rèn)證

信譽值

  • (60-80)基礎(chǔ)信譽積累,可放心報讀
  • (81-90)良好信譽積累,可持續(xù)信賴
  • (91-100)充分信譽積累,推薦報讀

與好學(xué)校簽訂讀書保障協(xié)議:

  • 100%
  • 37
  • 1903
在線咨詢
;