新手如何成為設計師:字體篇

2022-12-28

撰寫者:冰凝 

        字體五花八門,總類繁多,用哪個字體才是最適當的呢?

  你的設計在一個畫面出現了幾種變化?畫面雜亂,卻不知道解決方法嗎?

  以下五個重點可以解決你的問題。

一、好閱讀的兩種字體

  什麼樣的字體是最萬用的呢?這邊推薦兩種常用字體給各位:「明體」、「黑體」。

(一)「明體」:豎畫相較橫畫來的粗,有類似書法的收筆效果但不會有過多的細節。

(二)「黑體」筆畫粗細一致,沒有特別的細節。

*為什麼不用日常常見的標楷體、新細明體呢?這些字體沒有錯,標楷體還會出現在教科書上,但就因為太常見到,所以會讓人覺得你只是套用字型就跟沒有設計是一樣的。

  容易閱讀的文字才能達到最好的效果,如果只是畫面好看,但閱讀困難就會造成反效果。

  例如:今天想買一本料理書,看到A、B兩本的圖片都很精美,但B的內文較方便閱讀,­­­理當會選擇購買閱讀容易的B料理書!

二、注意文字襯線

  好看的文字、有設計感的文字通常會有裝飾來輔助它。人可以靠衣服飾品來搭配自己,當然文字也可以!文字能用勾筆、水墨紋路等來裝飾文字本身。


(一)襯線體:文字的裝飾,是筆劃的起始和末端的細節部分。像明體就是有裝飾(下圖紅色圈起來的部分為襯線裝飾),所以明體也稱為「襯線體

(二)無襯線體:無裝飾的文字。黑體沒有裝飾,也稱「無襯線體」。

  襯線能讓文字有變化,看起來比較活潑!像黑體就沒有襯線與明體相比就比較嚴肅、制式化,但凡事都要適量,過多的襯線會導致文字不易閱讀,也容易產生視覺疲勞。

三、文字的距離

  距離很重要,在編排時若字距比較近,會導致文字看起來像黏在一起,就會影響閱讀!

字距:字和字之間的距離。

行距:上下兩行文子的距離。

行高:一行字的高度。

段距:一段文字與下一段文字的距離。

、認識文字結構

  文字結構分為以下,在設計時為了要讓排列起來更整齊就會由這些基準線來控制文字的高度。

基線:所有字母放置的位子,是文字最重要的參考線。

高度:小寫字母去掉上下延伸部的主體高度。

大寫字母高度:大寫字母的頂端位子,這條線的高度也代表字母的大小(Point Size)。

上緣線:字母的上延伸部,有些字母會比大寫字母高出一點點。

下緣線:字母的下延伸部,像是p.y.j這些字母就會向下延伸。

五、避免選用設計過度的字體

  在商業設計上,除了像是餐飲業、廣告可能出現POP字體外,其他能用打字顯示的就要避免使用設計過度的字體,設計過度的文字反而會造成閱讀上的困擾喔!

*POP字體是一種常使用於廣告與海報設計的字體,類似拉丁字母文字中的「無襯線體」。POP是Point of Purchase advertising的縮寫。

  什麼是過度設計?要判斷可以先分成兩階段,分為:文字與作品整體。

(一) 文字的過度設計:

  文字有特殊造型、裝飾很多,有勾邊的裝飾又稱為襯線體。有設計的文字單看好看,但一旦字數變多、襯線複雜,就會影響閱讀。

  下圖為較不易閱讀的文字且字體設計過度範例(例如:水墨感的線條、斑駁材質)

(二)作品整體的過度設計:

  要注意一個設計上最好不要出現3個以上的字體,同時出現太多元素都會導致視覺上看起來雜亂。要傳達訊息,最重要的就是「­­簡約易讀」。

*風格上需要的話,特殊字通常只應用在主標題上,內文均以易讀為重點。

、海報文字排版解析

  日常接觸到的海報設計有很多,要怎麼知道什麼樣的設計才是好的呢?

  讓我們一起來分析一下~以下兩張海報設計吧!

(一)範例A:這張海報配色以藍綠色為主,字體則是用深藍色拉出對比!採用的字型有三種,我分別用紅色、藍色、綠色框選起來。

1. 主標題SALE(1號紅框)選用粗體,可以一眼就注意到海報的重點!

2. (2號藍框)相較1號字體大小和粗細來的小一些,在整體海報中是觀看者第二順位會看到的,通常會放副標題或是次要的重點。

3. (3號綠框)則是這張海報用的第3種字體,會放補充的資訊讓對海報活動有興趣的人進一步了解詳情,例如:活動地址、內容。

  畫面上框選的3處文字,不僅有字體大小與粗細的差異,綜合前面講的幾個要點之外,文字編排時需要先在腦中想過,在一堆的資訊之中將它分為3大區塊!分別為主標題(最重要)、副標題(第二重要)、內文(第三重要)­­,再來編排這些資訊的擺放位子與大小,才能達到重點的區分~

(二)範例B:一樣將海報分為3個部分,主標題(最重要)、副標題(第二重要)、內文(第三重要)­­。這三個部分也剛好運用上了3種字體來區分,由此可知設計通常不會使用超過3種以上的字體,太多種類的話會導致畫面混雜也會影響美觀。

  兩張海報的共同點:

最後幫大家整理本篇的5個重點:

1. 一個設計,字體不要超過3種變化

2. 將資訊分為3大類,方便區分內容的重要性。

3. 以閱讀方便來說,推薦「明體」、「黑體」。

4. 除了風格需要,盡量不用裝飾繁複的字體,以免讓觀看者看不懂是什麼字。

5. 注意文字之間的間距、大小比例,以方便閱讀為重點。