文字是圖形記憶的衍生記載方式。不同的字體呈現(xiàn)出不同的表達(dá)方式,更會(huì)反映出品牌的風(fēng)格形象。字體設(shè)計(jì)的價(jià)值:1.信息傳遞,文字傳遞信息最直接最清晰的方式,而字體則直接決定了文字信息能否清晰、準(zhǔn)確的傳達(dá);2.情感傳達(dá),字體在文字信息傳達(dá)之前首先給人以情感沖擊。3.個(gè)性塑造,不同的字體樣式給人呈現(xiàn)不同的風(fēng)格,圓潤(rùn)的字體傳遞出可愛(ài)風(fēng)格,纖細(xì)的字體傳遞出高貴的感覺(jué),選擇正確的字體樣式塑造品牌個(gè)性。

一.字體選擇
1.移動(dòng)端:由于線上的字體受系統(tǒng)影響大,我們?cè)谶x擇字體時(shí)候是受限制的。因此規(guī)定,在ios系統(tǒng)中,中文字體使用蘋(píng)方,英文字體使用 San Francisco,而San Francisco 有兩類(lèi)尺寸: 文本模式(SF UI Text)和展示模式(SF UI Display)。 文本模式適用于小于20 points的尺寸,展示模式則適用于大于20 points的尺寸。當(dāng)你在你的app中使用San Francisco時(shí),iOS會(huì)自動(dòng)在適當(dāng)?shù)臅r(shí)機(jī)在文本模式和展示模式中切換;在安卓系統(tǒng)中,中文字體使用思源黑體,英文使用 Roboto;與此同時(shí),數(shù)字采用 Helvetica Neue 這一跨平臺(tái)的字體。
注:在ios中,如果你使用諸如Sketch或Photoshop的工具來(lái)進(jìn)行設(shè)計(jì),那么當(dāng)你設(shè)置的字體大于等于20 points的時(shí)候,你需要切換到展示模式。iOS會(huì)根據(jù)字體大小為San Francisco自動(dòng)調(diào)整字間距。


2.web端:微軟雅黑系列:使用最頻繁的一種字體;方正正中黑系列:中黑系列的字體筆畫(huà)比較銳利而渾厚,一般運(yùn)用在標(biāo)題文字中。但這種字體不適用于正文中,因?yàn)檫吘壪鄬?duì)比較的復(fù)雜,文字一多會(huì)影響用戶(hù)的閱讀;方正蘭亭系列:整個(gè)蘭亭系列的字體有大黑、準(zhǔn)黑、纖黑、超細(xì)黑等。因筆畫(huà)清晰簡(jiǎn)潔,這個(gè)系類(lèi)的字體就足以滿足排版設(shè)計(jì)的需要??梢酝ㄟ^(guò)對(duì)這個(gè)系列的不同字體進(jìn)行組合,不僅能保證字體的統(tǒng)一感,還能很好的區(qū)分出文本的層次。

二.字號(hào)規(guī)范
文字的大小決定了信息的層次,整齊而又分明的層次會(huì)讓整體的設(shè)計(jì)變得清晰有序。在iPhone,iPad,iWatch 中設(shè)置的Body字體不應(yīng)該小于11pt,這樣才能被正常閱讀。我們推薦的Body文本大小應(yīng)該在15-18pt。
1.移動(dòng)端:

例子:


2.web端:web端的字體最小為12px。常用內(nèi)容文字大小為12px、標(biāo)題與頁(yè)頭文字大小為14px、16px,大標(biāo)題文字大小為18px、20px。如有特殊字號(hào)的特殊處理。

三.行高規(guī)范
參考 w3c,眼睛到屏幕的距離25cm,目前通用的做法是,西文的基本行高通常是字號(hào)的1.2em上下,而中文因?yàn)樽址軐?shí)且高度一致,所以一般行高需要更大,1.5em至1.8em之間是一個(gè)比較好的視覺(jué)閱讀效果。
行高公式「字號(hào)*1.5em至1.8em」
四.行高規(guī)范
字重是指字體筆畫(huà)的粗細(xì),一般在字體家族名后面注明的Thin / Light?/?Regular?/?Book?/?Bold?/?Black?/?Heavy等都是字重名稱(chēng)。紅色部分為輕的字重,藍(lán)色部分為重的字重。

不同的字重會(huì)有不同的效果,纖細(xì)的字體會(huì)給人輕盈、歡快的感覺(jué),厚重的字體會(huì)給人莊嚴(yán)、嚴(yán)肅的感覺(jué)。

但適用場(chǎng)景并不是一成不變的,還需自己探索,實(shí)用合適才是最重要的
總結(jié)
小小一枚ui設(shè)計(jì)師,初入設(shè)計(jì)行業(yè),經(jīng)驗(yàn)有限,總結(jié)或許有些淺顯,內(nèi)容有參考借鑒,不足之處還需努力。