這篇來介紹字體實作上的小技巧。

字體實際應用

在使用字體時，很多人都沒有注意到字體的大小、粗細、間距、行距等會影響閱讀體驗，且在不同媒介的UI上，也有自己的規範等，以下來慢慢介紹。

• 字體大小 Font-size
  在做設計的人應該常常聽到有人被業主要求：字體要更大！，確實也是許多人在使用文字時遇到的困擾，這裡提到一個聚光燈理論並不是大的字就能被清楚看到，有時候反而因為太大被當作裝飾而忽視，也可能因為太大超出人眼範圍而無法被良好閱讀，字體大小應該根據媒介與傳達之理念進行調整。以下以閱讀為目的的網頁與APP文字為介紹。

1. 網頁與APP的字體大小
   通常在網頁使用的大小單位是px，ios的字體單位是pt，通常在設計軟體也都是以pt計算。以ios為例，文字大小不該小於11pt，建議在14~18pt左右，讓使用者有較好的易讀性。

• 字體的粗細
  粗細通常隨著大小有不同變化，小於18pt的字，為了避免字重太低，被背景吃掉，都會盡量讓文字保持Regular，讓文字合理的被注意到，而不是與背景融合成裝飾。但如果將小字體使用light、thin的話，也可以將字體變成裝飾字，會讓文字具有精緻感覺。

  以次類推，越大的字為了保持易讀性，也會將其調整到light、thin，18~24pt可使用light，24~32pt可使用thin，越大的字如果選擇較粗，會讓字重增加，過於醒目，一旦易讀性被吃掉，也會變成裝飾字。

  在製作UI時，最好訂出一套字體規範，例如：大標題30pt、副標題20pt、內文12pt等，訂好之後製作所有頁面有區塊，都應保持這樣的字體大小，才會可以良好的決定訊息的主次關係，讓使用者更清晰的閱讀與辨別。

• 字體間距與行距
  不管在哪裡，都是文字在使用上容易被忽視的點，但字體的間距與行距非常影響人眼的閱讀，用得不好甚至可以讓使用者有自己有閱讀障礙的問題。在使用文字排版時，請一定記得要調整間距，如果是文章型也一定要調整行距，這個數值就會依照使用的字體、大小、粗細等自己做調整，有些字體間距本來就較寬，要適當調整，總之不要讓文字黏在一起造成使用者的困擾。

• 頭尾不要是標點符號
  避頭點，算是常見的排版相關知識，是一個可以避免讀者困惑及打亂閱讀節奏方法，而且標點符號放在這些地方無法對齊非常不美觀。

• 中文字體可善用英文來增加裝飾感
  應該看到過滿多文字排版、UI設計等，標題字下面都有一小串英文，且那串英文可能是不好閱讀，通常就是拿來當裝飾字的，需要時也提供作用，這個使用方法可以讓東西看起來較有專業感和精緻感，可以好好善用。

心得

文字是UI的靈魂，一旦沒有使用得當，再好的視覺與UX都無法挽救，祝福大家在使用文字時都能讓使用者感到舒服。