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

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

1、類型

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

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

2、字號(hào)

不同的使用場(chǎng)景，文字的字號(hào)也不相同。文字的主使用場(chǎng)景分為：一級(jí)標(biāo)題、二級(jí)標(biāo)題、三級(jí)標(biāo)題、正文和提示文字。

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

3、字重

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

UI設(shè)計(jì)中，常用的字重有兩個(gè)，一個(gè)是常規(guī)（Regular），另一個(gè)是中黑體（Medium）。

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

4、行高

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

行高=字號(hào)+行間距。

5、行寬

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

將行寬拉長(zhǎng)，代表著設(shè)置了文本內(nèi)容范圍，文本距離右側(cè)語(yǔ)音圖標(biāo)為12pt，表示當(dāng)文字內(nèi)容距離語(yǔ)音圖標(biāo)12pt時(shí)，文字打點(diǎn)或截?cái)嗾故尽?/p>

6、顏色

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