字體知識，文字使用的小經(jīng)驗

好長時間沒發(fā)帖，凈想過年了，過年哈，倒騰工作總結(jié)和年貨是大事。

這幾天有人問我說：“最近看了好多教程，都老高大上了，但是老弟我做不到呀，想學(xué)點(diǎn)直接能拿來用的，這個要求過分嗎……”

這個，好吧，那就直接說說能用的知識：字體字號。

也許你會說：字體字號？也太Low了吧，這個誰不知道重要呀。

對于這個問題，我想說：會和熟練，是兩回事。一個App，不同部分的字體字號你能準(zhǔn)確地說出來嗎？

很多剛做APP界面的設(shè)計師，經(jīng)常會因為字號，字體顏色，間距而困擾。

拿到設(shè)計需求后，開始進(jìn)行設(shè)計，不知道從何去調(diào)整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計稿反復(fù)得修改。設(shè)計出來的效果圖文字左右間距層次不齊，導(dǎo)致與預(yù)期不符等。

這小節(jié)我將和大家理一理界面中常用的字體，字號，字體顏色及間距對齊的一些小經(jīng)驗。希望能對大家有些幫助。

在設(shè)計師的職業(yè)生涯中，至少一次甚至多次在工作中因為字體不協(xié)調(diào)栽跟頭。在實踐的過程中我們會慢慢發(fā)現(xiàn)一些規(guī)律或者經(jīng)驗規(guī)范。接下來我將和大家一起聊聊在界面設(shè)計中的那些常規(guī)字體的使用規(guī)范。

我們常常會聽到，這也太LOW了吧��！你能統(tǒng)一一下字體嗎？

不明確而繁瑣的字體搭配會導(dǎo)致整個畫面失調(diào)。可以這樣說，字體可以成就設(shè)計也可以毀掉設(shè)計。

問題的關(guān)鍵有：

字體樣式太多，導(dǎo)致頁面雜亂使用的字體不易識別字體樣式和內(nèi)容的氣氛或規(guī)范不匹配

怎么避免這樣的結(jié)果發(fā)生呢？

通過設(shè)計經(jīng)驗可以幫助你做出更好的版式，了解不同平臺的常用字體設(shè)計規(guī)范。

在每個項目設(shè)計中只使用1-2個字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過對字體放大來強(qiáng)調(diào)重點(diǎn)文案。字體用的太多，越顯得不夠?qū)I(yè)。

不同的樣式的字體，形狀或系列最好相同，保證字體風(fēng)格的一致性。

字體與背景的層次要分明,確保字體樣式與色調(diào)氣氛相匹配

在不同平臺的界面設(shè)計中規(guī)范的字體會有不同，像移動界面的設(shè)計就會有固定的字體樣式。網(wǎng)頁中會有常用的幾個字體，在這我和大家分別介紹一下。

以下是在72像素/英寸下的規(guī)范

IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好。

Android

英文字體：Roboto

中文字體：Noto

移動端常用的的字號有哪些呢？

導(dǎo)航主標(biāo)題字號：40-42px

我一般設(shè)計就用40px，偏小的40px字號，顯得精致些。