字體如何影響網頁設計的視覺效果

什麼是字體 / 字型 / 字符 / 字型家族？

字體是什麼

「字形」（glyph）指單個字（字母、漢字、符號等）的形體。意思相同的字也可能用到不同字型（如漢字中的正體字與簡化字）。

字體具有特定風格、設計和外觀，像是常見的宋體、黑體等，其中會包含字母、數字、標點符號和其他符號，構成一套完整的文字系統。


（圖片來源：google font）


（圖片來源：google font）

字型是什麼

字型（英語：font；傳統英式英語：fount）是指印刷行業中某一整套具有同樣樣式、字重和尺碼的字形，例如一整套用於內文的宋體5號字、一整套用於標題的10號字就叫一套字型) 。

例如，"Arial" 字體可以有不同的字型，包括正常、粗體、斜體等。

一個字體可以有多個字型，每個字型代表了字體不同的風格變化。
 
-- 種類有 : 

1. 點陣字/位圖體(Dot-matrix-fonts/Bitmap-fonts)
2. 向量字/向量體(Vector-fonts/Outline-fonts)
3. 曲線邊字/襯線體(Stroke-fonts/Serif-fonts)
4. 無線邊字/無襯線體(San-serif-fonts)

字型家族：

多套相同風格、不同字重（weight；指文字粗細）的字型，稱為一個字型家族。例如信黑體 W3、W8 分別是不同字型，但屬於同一個字型家族。華康儷細黑、華康儷粗黑也可以看成一個字型家族。 
 

常見的字體 (楷體、黑體、圓體、明體)

楷體

楷書，亦稱今隸、真書、正楷、楷體或正書，是漢字書法中最常見的一種手寫字體風格。源自於書法，因此帶有莊重、嚴謹的感覺，適合用於學校、教學等教育相關的主題。

直至今日，楷書的寫法和美感仍然是漢字手寫體中的第一參考標準。

（圖片來源：這一小鍋）
 

黑體

黑體是漢字和其他東亞文字使用的字體。它的特點是筆畫厚度均勻，平筆無節。與白體相反，和拉丁字母的無襯線體（英語：sans-serif）屬於同類。

線條俐落、簡約，沒有過多的裝飾元素，顯示出來的字體較為清晰，簡約並清楚表達資訊，可以使用黑體這個字體。

（圖片來源：連勤文具）


（圖片來源：歐締科技）
 

圓體

圓體是黑體的變體，與黑體的不同在於筆劃的末端與轉角呈圓弧狀，而黑體則有稜角，因此圓體不但具有黑體清晰易讀的優點，而且也予人較柔和的感覺。

線條圓滑，帶有可愛、溫柔感。

（圖片來源：愛微科）

明體

明體（中國大陸一般稱宋體；港澳通常稱為明體；臺灣有宋體和明體兩種說法），是漢字印刷字體的風格類別。最初是在復刻臨安書棚本時將筆劃加以直線化。

擁有方正設計的字體，藝文相關的海報常會使用這種字體來進行排版，單靠文字就能營造出典雅的氛圍。

（圖片來源：大倉久和大飯店）
 

結論

選擇出合適的字體不僅能夠提升作品的視覺張力，還能夠更有效地傳達設計師所要表達的訊息。因此，設計師在進行平面設計時，需要深入理解不同風格下所需配合的字體，進而創造出更加出色的設計作品！

字型在網頁 UI 的設計上佔有很大的關鍵地位，但卻也是最容易被忽略的（畢竟中文選擇並不多），字體會影響排版、易讀性、風格等等，選擇到適合的網頁字體，不僅能讓網頁更有設計質感，還能夠有效提升使用者體驗呢！

本篇部分文獻來源 : 维基百科