之前整理了一段時間作品集的知識庫，因為事情太多搞不完一直耽擱了，因為最近系統課程也進入作品集的階段，所以要優(yōu)先把幾個重點的部分整理出來。

而我們今天主要分享的，就是作品集中的字體應用和設置的技巧。這里的字體是指作品集內介紹個人和作品時使用的相關字體內容，而不是在項目展示中使用了哪些字體，不要搞混了。

一、作品集中的文字應用原則

作品集的設計本質上是平面設計不是 UI 界面設計，沒有標準的系統規(guī)范進行約束和指示，也沒有可以對照的字體參數表，所以字體的選擇和設置都要靠設計師自己決定。

也因為作品集展示的特殊性（沒有固定尺寸），我也沒辦法給出一個保證通用性、準確性的參數表給你們。所以需要先了解字體應用的原則，以它們?yōu)橐罁僮龀鲈O計的決策，可以提高產出的效率和質量。

UI 設計師作品集的字體應用原則可以總結成下面四條：

1. 易于辨識
2. 利于閱讀
3. 對比清晰
4. 嚴謹工整

1. 易于辨識

作品集中的文字是用來解釋作品項目的，不是用來渲染氣氛的，字體和字號的設置首先要保證 "辨識度"，再談風格和樣式。

而近年來比愈演愈烈的趨勢，就是很多設計師受到視覺設計風格的影響，喜歡挑選非?；ㄉ诘淖煮w或使用極小的正文字號，導致內容難以看清，難以辨識。

2. 利于閱讀

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

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

3.對比清晰

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

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

4. 嚴謹工整

UI 是從屬于互聯網行業(yè)的分支，相比平面、服裝、視覺等帶有更濃厚的科技、商業(yè)屬性，不強調個性和藝術的表達，更在意邏輯和理性的構建。

所以 UI 的作品集需要使用比較工整的字體、排版，前后統一的樣式，來實現對內容更"嚴謹"的闡述，這才是專業(yè)的表現。

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

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

而多數初級設計師出現的問題并不在缺少排版的技巧和經驗，完全就是在觀念上對它有錯誤的理解，所以產出偏差也就更大。

二、作品集中的字體參數應用

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

1. 字體
2. 字號
3. 字色
4. 行高

1. 字體選擇

作品集應該使用的字體優(yōu)先排除掉傳統手寫體和個性字體，而以標準的現代黑體為主，包括但不局限于下方的主流字體類型：

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

而在整個作品集中，中文字體我只建議使用不超過兩個，英文和數字字體同理。對于簡約、嚴肅的排版來說，用很多字體的組合毫無幫助。

而對設計者來說，用一個字體都做不好排版的話，加載多字體也沒用。

2. 字號設置

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

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

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

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

雖然都是一些標準的屏幕分辨率，但用戶絕對不會使用 1：1 的比例來查看作品集的，只會對它進行縮小后再查看。

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

如果你覺得縮放后字完全看不清楚，那就可以對字號進行調整，直至調整到能正常閱讀為止。而不同設計師使用畫布不同，比例關系影響適合的字號就不同。

在這里得到的字號，就是最小可讀字號，作為正文使用。比它大的文本和標題肯定也能看清，而比它再小的內容就只能是一些相對無關緊要的注釋。

如果追求更寬松、現代、簡約的設計，往往會使用較大的字號，而這個字號的設置當然也是從上面得到的基點出發(fā)，設置更大的能和風格匹配的數值。

3. 字色設置

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

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

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

4. 行高設置

行高是排版的關鍵屬性之一，而之所以提是因為很多初級設計師壓根就沒在意過行高，使段落文本都還是使用默認值。

而軟件提供的默認行高通常是字號的 1.2-1.4 倍，過于緊湊，肯定不能滿足多行文本的閱讀需要。所以我們要手動增加行高的高度，合理的、不會出錯行高高度在 1.6-2 倍之間，而具體應該用什么行高，就要看設計風格是偏寬松還是緊湊的了。

作品集中文字設置就上面說到的四個屬性，并且為了應對海量的文本屬性設置，盡可能像做項目一樣定一個作品集字體的規(guī)范，并用軟件的樣式功能對它們進行標準化，復用到后續(xù)的頁面中去。

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

結尾

字體設置本來是 UI 作品集中權重最低的要素之一，但架不住很多設計師會一直整活，且整得又不好，讓本來簡單的事情變復雜。

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

我們下篇再賤~

作者：超人的電話亭