之前整理了一段時(shí)間作品集的知識(shí)庫(kù)，因?yàn)槭虑樘喔悴煌暌恢钡R了，因?yàn)樽罱到y(tǒng)課程也進(jìn)入作品集的階段，所以要優(yōu)先把幾個(gè)重點(diǎn)的部分整理出來。

而我們今天主要分享的，就是作品集中的字體應(yīng)用和設(shè)置的技巧。這里的字體是指作品集內(nèi)介紹個(gè)人和作品時(shí)使用的相關(guān)字體內(nèi)容，而不是在項(xiàng)目展示中使用了哪些字體，不要搞混了。

一、作品集中的文字應(yīng)用原則

作品集的設(shè)計(jì)本質(zhì)上是平面設(shè)計(jì)不是 UI 界面設(shè)計(jì)，沒有標(biāo)準(zhǔn)的系統(tǒng)規(guī)范進(jìn)行約束和指示，也沒有可以對(duì)照的字體參數(shù)表，所以字體的選擇和設(shè)置都要靠設(shè)計(jì)師自己決定。

也因?yàn)樽髌芳故镜奶厥庑裕]有固定尺寸），我也沒辦法給出一個(gè)保證通用性、準(zhǔn)確性的參數(shù)表給你們。所以需要先了解字體應(yīng)用的原則，以它們?yōu)橐罁?jù)再做出設(shè)計(jì)的決策，可以提高產(chǎn)出的效率和質(zhì)量。

UI 設(shè)計(jì)師作品集的字體應(yīng)用原則可以總結(jié)成下面四條：

1. 易于辨識(shí)
2. 利于閱讀
3. 對(duì)比清晰
4. 嚴(yán)謹(jǐn)工整

1. 易于辨識(shí)

作品集中的文字是用來解釋作品項(xiàng)目的，不是用來渲染氣氛的，字體和字號(hào)的設(shè)置首先要保證 "辨識(shí)度"，再談風(fēng)格和樣式。

而近年來比愈演愈烈的趨勢(shì)，就是很多設(shè)計(jì)師受到視覺設(shè)計(jì)風(fēng)格的影響，喜歡挑選非?；ㄉ诘淖煮w或使用極小的正文字號(hào)，導(dǎo)致內(nèi)容難以看清，難以辨識(shí)。

2. 利于閱讀

文字容易辨識(shí)不代表就一定利于閱讀，即文本段落的排版能提供比較合理、舒適的閱讀性，這是排版要滿足的基本要素之一。

而很多新手和 UI 設(shè)計(jì)師顯然對(duì)排版的理解僅僅是把文本全部置入畫布中去，出現(xiàn)沒有必要的首行縮進(jìn)、行高太低、寬度太長(zhǎng)等低級(jí)錯(cuò)誤。說到底，就是在設(shè)計(jì)過程中并沒有把文本當(dāng)成用來閱讀的內(nèi)容，只把它們當(dāng)成要填充的材料而已。

3.對(duì)比清晰

作品集中當(dāng)然也會(huì)包含標(biāo)題、副標(biāo)題、正文、副文、注釋這些不同的文本角色，文本的角色不同自然要通過樣式區(qū)分，通過清晰的對(duì)比來建立閱讀的引導(dǎo)，讓觀眾可以更好的找到重點(diǎn)。

而文本缺乏對(duì)比，不僅會(huì)讓閱讀變得困難，還會(huì)讓畫面看起來更寡淡，很難獲得觀眾的注意力看下去。

4. 嚴(yán)謹(jǐn)工整

UI 是從屬于互聯(lián)網(wǎng)行業(yè)的分支，相比平面、服裝、視覺等帶有更濃厚的科技、商業(yè)屬性，不強(qiáng)調(diào)個(gè)性和藝術(shù)的表達(dá)，更在意邏輯和理性的構(gòu)建。

所以 UI 的作品集需要使用比較工整的字體、排版，前后統(tǒng)一的樣式，來實(shí)現(xiàn)對(duì)內(nèi)容更"嚴(yán)謹(jǐn)"的闡述，這才是專業(yè)的表現(xiàn)。

而不是在設(shè)計(jì)過程中一直想要表達(dá)個(gè)性（但又做不好），最后不僅版面混亂而且看起來不夠嚴(yán)肅，缺乏專業(yè)的輸出能力和態(tài)度。

以上四點(diǎn)，是這幾年看了那么多作品集后的總結(jié)的最關(guān)鍵的部分。UI 的特性決定了作品集不能拿來整活，只要作品本身過硬，作品集不出錯(cuò)就夠了。

而多數(shù)初級(jí)設(shè)計(jì)師出現(xiàn)的問題并不在缺少排版的技巧和經(jīng)驗(yàn)，完全就是在觀念上對(duì)它有錯(cuò)誤的理解，所以產(chǎn)出偏差也就更大。

二、作品集中的字體參數(shù)應(yīng)用

有了基本的原則，接下來就要進(jìn)入對(duì)字體具體參數(shù)規(guī)則的說明了。需要關(guān)注得設(shè)置類型：

1. 字體
2. 字號(hào)
3. 字色
4. 行高

1. 字體選擇

作品集應(yīng)該使用的字體優(yōu)先排除掉傳統(tǒng)手寫體和個(gè)性字體，而以標(biāo)準(zhǔn)的現(xiàn)代黑體為主，包括但不局限于下方的主流字體類型：

如果作品集中包含一定數(shù)量的獨(dú)立英文、數(shù)字文本，也可以選擇專屬的英文字體，字體類型同樣以現(xiàn)代黑體類為主，避開手寫、個(gè)性化字體的使用。

而在整個(gè)作品集中，中文字體我只建議使用不超過兩個(gè)，英文和數(shù)字字體同理。對(duì)于簡(jiǎn)約、嚴(yán)肅的排版來說，用很多字體的組合毫無幫助。

而對(duì)設(shè)計(jì)者來說，用一個(gè)字體都做不好排版的話，加載多字體也沒用。

2. 字號(hào)設(shè)置

今天的作品集圖像載體主要是 PDF 文件，而查看 PDF 文件的窗口大小是沒有固定尺寸的，根據(jù)用戶當(dāng)前的顯示器大小和習(xí)慣來定。

所以圖像內(nèi)文字就要面臨被縮放的問題，沒辦法像界面中渲染的文字能保證合理的尺寸，這是字號(hào)設(shè)置要面臨的核心問題 —— 確定可以正常閱讀的最小字號(hào)。

想要解決它就要自己做測(cè)試，在作品集的畫布尺寸上填入段落文本，然后縮放到不同尺寸來評(píng)估它們的可讀性。

作品集的主要畫布包含下面三種尺寸：

雖然都是一些標(biāo)準(zhǔn)的屏幕分辨率，但用戶絕對(duì)不會(huì)使用 1：1 的比例來查看作品集的，只會(huì)對(duì)它進(jìn)行縮小后再查看。

你可以在畫布中先填入段落文本，然后在設(shè)計(jì)軟件中縮放畫布，應(yīng)該縮到多小你們可以自己評(píng)估，常規(guī)最小尺寸在屏幕的 800-900px 寬左右，再小就忽略不計(jì)。

如果你覺得縮放后字完全看不清楚，那就可以對(duì)字號(hào)進(jìn)行調(diào)整，直至調(diào)整到能正常閱讀為止。而不同設(shè)計(jì)師使用畫布不同，比例關(guān)系影響適合的字號(hào)就不同。

在這里得到的字號(hào)，就是最小可讀字號(hào)，作為正文使用。比它大的文本和標(biāo)題肯定也能看清，而比它再小的內(nèi)容就只能是一些相對(duì)無關(guān)緊要的注釋。

如果追求更寬松、現(xiàn)代、簡(jiǎn)約的設(shè)計(jì)，往往會(huì)使用較大的字號(hào)，而這個(gè)字號(hào)的設(shè)置當(dāng)然也是從上面得到的基點(diǎn)出發(fā)，設(shè)置更大的能和風(fēng)格匹配的數(shù)值。

3. 字色設(shè)置

在作品集的文字中，99%的文字都使用黑白灰的模式是最簡(jiǎn)單，也最安全的，填充過量的色相只會(huì)產(chǎn)生負(fù)面影響而不會(huì)帶來任何優(yōu)點(diǎn)。

除了色相外，顏色的應(yīng)用同樣可以決定文字的辨識(shí)度，如果文本用色無法和背景形成足夠?qū)Ρ?，那么文字注定是看不清的。而很多作品集中使用了有色的背景，又不讓文字破壞色彩平衡可以壓低文字的色彩?duì)比性，導(dǎo)致這些文本幾乎完全不可讀。

所以字色方面少用彩色色相，再黑白灰的應(yīng)用中確保和背景有足夠的對(duì)比即可，越簡(jiǎn)單往往得到的效果也就越好。

4. 行高設(shè)置

行高是排版的關(guān)鍵屬性之一，而之所以提是因?yàn)楹芏喑跫?jí)設(shè)計(jì)師壓根就沒在意過行高，使段落文本都還是使用默認(rèn)值。

而軟件提供的默認(rèn)行高通常是字號(hào)的 1.2-1.4 倍，過于緊湊，肯定不能滿足多行文本的閱讀需要。所以我們要手動(dòng)增加行高的高度，合理的、不會(huì)出錯(cuò)行高高度在 1.6-2 倍之間，而具體應(yīng)該用什么行高，就要看設(shè)計(jì)風(fēng)格是偏寬松還是緊湊的了。

作品集中文字設(shè)置就上面說到的四個(gè)屬性，并且為了應(yīng)對(duì)海量的文本屬性設(shè)置，盡可能像做項(xiàng)目一樣定一個(gè)作品集字體的規(guī)范，并用軟件的樣式功能對(duì)它們進(jìn)行標(biāo)準(zhǔn)化，復(fù)用到后續(xù)的頁面中去。

滿足上面的步驟，作品集設(shè)計(jì)中字體的部分基本就到位了，剩下的就是排版的問題而不是字體的問題。

結(jié)尾

字體設(shè)置本來是 UI 作品集中權(quán)重最低的要素之一，但架不住很多設(shè)計(jì)師會(huì)一直整活，且整得又不好，讓本來簡(jiǎn)單的事情變復(fù)雜。

所以今天的分享，就是希望各位可以認(rèn)清作品集中字體的定位，設(shè)置的要點(diǎn)，不要再在字體設(shè)置上忙碌折磨自己也折磨別人，把更多的精力留到作品本身的優(yōu)化和對(duì)表述、排版的提升上。

我們下篇再賤~

作者：超人的電話亭