網(wǎng)站建設(shè)中的黑體字的字體設(shè)計(jì)發(fā)布者：本站     時(shí)間：2022-02-23 13:02:30

黑體，可說是一種最「日?！沟淖煮w，在一天的生活中，舉凡手機(jī)屏幕上的app按鈕、網(wǎng)頁文章、書本標(biāo)題、雜志內(nèi)文等，常常都會(huì)見到它的身影。這個(gè)大家如此熟悉的字體，看似平實(shí)卻不簡單，事實(shí)上，它有相當(dāng)多的造型細(xì)節(jié)，值得細(xì)細(xì)欣賞品味。

本篇將分為兩個(gè)部分，首先帶領(lǐng)各位認(rèn)識(shí)黑體，學(xué)會(huì)辨認(rèn)風(fēng)格，并了解它與歐文無襯線體的差別。其次會(huì)告訴大家如何欣賞不同黑體的構(gòu)架及造型細(xì)節(jié)，了解風(fēng)格與用途上的差異。希望看完這篇以后，面對(duì)中、日文市面上約50種的黑體，大家能選出最合用的字體！

黑體字的字體設(shè)計(jì)探討

 

01.認(rèn)識(shí)黑體

——

什么是黑體?

面對(duì)一般大眾，可以這樣形容：「拿鉛筆或鋼筆寫字，寫出來的細(xì)線，就是文字的骨架。而黑體，就是從骨架去長肉，把細(xì)線加粗，直到所有筆畫都變成粗細(xì)一致。」

白話的版本是：「很像拿平頭熒光筆或水彩筆寫出來的、筆畫粗細(xì)一致的字，就是黑體?！?br />
進(jìn)階的版本則是：「黑體，就是將文字骨架加粗后，維持所有筆畫造型與視覺上的粗細(xì)一致，且起筆、收筆是切平的字體風(fēng)格。」順帶一提，將「切平」改為「收?qǐng)A」，就是圓體！

黑體字的字體設(shè)計(jì)探討

由骨生肉，保持線條粗細(xì)一致，起筆、收筆切平，就是黑體。

發(fā)現(xiàn)黑體的重要特色了嗎？就是「粗細(xì)一致」。這和書寫工具有關(guān)，大部分的中文字體都以毛筆定義筆畫造型，手寫時(shí)輕重不一的力度，自然會(huì)使筆畫有粗細(xì)差異，黑體則以平頭筆為基礎(chǔ)，因此幾乎沒有粗細(xì)變化。

黑體字的字體設(shè)計(jì)探討

書寫工具的選用，如毛筆或平頭筆，對(duì)于筆畫特色會(huì)有影響！

中文黑體≠歐文無襯線體

這不禁令人聯(lián)想到歐文字母設(shè)計(jì)。是的，黑體的設(shè)計(jì)就是受到西方無襯線體（sans serif）的影響，是非?，F(xiàn)代、簡潔的字體。不過要注意的是，許多人說「中文黑體是無襯線體，明體是襯線體?！惯@樣的模擬其實(shí)不太恰當(dāng)。正確地說，「襯線」本是歐文字體的專有名詞，中文字體沒有直接對(duì)應(yīng)的名稱。它是書寫歐文書法時(shí)，以平頭筆配合運(yùn)筆技巧，在起筆處產(chǎn)生的造型。

而使用毛筆的中文書法，在起筆處的特別造型，則可稱為「頓筆造型」，事實(shí)上許多的中文黑體，起筆處還是可以見到「頓筆造型」喔！所以，不要再把中文黑體和歐文無襯線體互相代稱了，這是錯(cuò)誤的。

 

02.造型細(xì)節(jié)－影響黑體風(fēng)格與用途的關(guān)鍵！

——

接下來試著欣賞不同黑體的造型！首先看到三套黑體的「永」字。A是「Adobe繁黑體」、B是「蘭亭黑」、C是「Toppan Bunkyu Gothic（凸版文久黑體）」。仔細(xì)看清楚，接下來會(huì)問兩個(gè)問題喔！

黑體字的字體設(shè)計(jì)探討

A：「Adobe繁黑體」、B：「蘭亭黑」、C：「Toppan Bunkyu Gothic（凸版文久黑體）」，它們是否很不一樣？

問題一：哪一個(gè)字體的「骨架」最不一樣呢？

答案是A。它最大的差異在于末兩筆－右上方的撇和最后的捺分離。另外，A的許多筆畫特意拉長，像最上方的點(diǎn)和第二筆的橫畫都是。之所以這樣設(shè)計(jì)，是為了讓字的骨架填滿空間，也就是所謂大字腔。

黑體字的字體設(shè)計(jì)探討

三套黑體中，「Adobe繁黑體」（A）的骨架最特殊，它采用大字腔的設(shè)計(jì)，將筆畫特意拉長，并分離末兩筆。

把「永」字換成「東」字，更能明顯看出A是大字腔，將「田」的字腔范圍套上不同顏色后，便能立刻排出大小差異：A＞B＞C。

黑體字的字體設(shè)計(jì)探討

套色后可明顯看出字腔大小差異：A＞B＞C。

字腔會(huì)影響觀感，字腔大的A，筆畫幾乎填滿整個(gè)字面，方正的結(jié)構(gòu)帶來穩(wěn)重感之余，也稍嫌呆板；而字腔小的C，「東」的輪廓較有變化，中間收窄的「田」更如人的腰身，給人曼妙生動(dòng)的印象，也因此讓人視線集中，看起來有精神。觀察任何字體，都可以從骨架、輪廓、及字腔留意起喔！

問題二：哪一個(gè)字體的「筆畫造型」差異最大呢？

答案是C。C在轉(zhuǎn)折與起筆處突出，也就是前面所說的，中文黑體有類似「襯線」的「頓筆細(xì)節(jié)」。所謂頓筆細(xì)節(jié)，可以用「游ゴシック」字體來解釋，這是一套相當(dāng)美麗又實(shí)用的黑體，它在Mac跟Windows 8.0以上都有內(nèi)置：

黑體字的字體設(shè)計(jì)探討

「游ゴシック」，美麗又實(shí)用的黑體，Mac跟Windows 8.0以上都有內(nèi)置喔！

游ゴシック有最自然的頓筆造型，在起筆處加上虛線，會(huì)發(fā)現(xiàn)輪廓長得像毛筆。相信對(duì)于學(xué)過書法的人來說一定不陌生，只要起筆時(shí)稍微下壓，就會(huì)產(chǎn)生這樣的造型了。許多人對(duì)黑體常有現(xiàn)代、數(shù)位感、僵硬、沒個(gè)性等刻板印象，但實(shí)際上，有些黑體的筆畫也融入了書法筆觸，具備柔軟優(yōu)美的造型細(xì)節(jié)喔！

黑體字的字體設(shè)計(jì)探討

「游ゴシック」的起筆，融入毛筆書法筆韻與柔軟優(yōu)美的造型細(xì)節(jié)。

黑體造型細(xì)節(jié)欣賞：「起筆」

除了游ゴシック外，再另外列出兩套黑體，下圖由左到右，依序是：「游ゴシック」、「小冢ゴシック」、「MSゴシック」。中間的小冢黑體，起筆為尖刺造型，像是用平頭筆寫出的歐文襯線，右邊的MS黑體則收成圓形。

黑體字的字體設(shè)計(jì)探討

觀察黑體，可以留意起筆，像中間的小冢黑體，起筆為尖刺造型，右邊的MS黑體則收成圓形。

除了頓筆造型，起筆還有一個(gè)細(xì)微差異?；氐紸、B、C三套字體，放大看，會(huì)發(fā)現(xiàn)A、B都是方形，但C的起筆造型由寬大逐漸收細(xì)，因?yàn)橄窭纫粯?，故有「喇叭口」之名。這在鉛字印刷時(shí)代，具有讓印刷字安定清晰的用途，但在電腦屏幕顯示與高分辨率輸出的當(dāng)代，喇叭口變成造型細(xì)節(jié)，線條的曲度及力度變化，為字體增添美感與韻味。

黑體字的字體設(shè)計(jì)探討

三套黑體中，「Toppan Bunkyu Gothic」（C）的筆畫造型最特殊，如起筆就有「喇叭口」的設(shè)計(jì)。

黑體造型細(xì)節(jié)欣賞：「轉(zhuǎn)折」與「收筆」

除了起筆外，還可以注意轉(zhuǎn)折與收筆。從轉(zhuǎn)折可以明顯看出不同黑體的特色。像橫撇「フ」，三者的處理很不同，A是切角、B是直角、C則非常類似毛筆的回鋒。

黑體字的字體設(shè)計(jì)探討

觀察黑體時(shí)，還可以留意轉(zhuǎn)折：A是切角、B是直角、C則類似毛筆回鋒。

轉(zhuǎn)折的處理會(huì)影響速度感，像A就有快速的運(yùn)筆感；C是慎重地提筆、回鋒、再轉(zhuǎn)折，速度慢也最有書寫感；B則像是積木組合，是去掉人味的剛硬設(shè)計(jì)。此外，轉(zhuǎn)折處的造型設(shè)計(jì)，也會(huì)讓觀者無意間去揣摩字的書寫軌跡，以下嘗試畫出不同黑體的運(yùn)筆軌道，透過觀察細(xì)節(jié)，會(huì)發(fā)現(xiàn)它是影響字體風(fēng)格：如「輕快v.s.穩(wěn)重」、「機(jī)械v.s.人文」或「古典v.s.現(xiàn)代」的關(guān)鍵喔！

黑體字的字體設(shè)計(jì)探討

轉(zhuǎn)折會(huì)影響速度感，試著畫出不同黑體的運(yùn)筆軌跡，會(huì)發(fā)現(xiàn)它是影響字體風(fēng)格的關(guān)鍵喔！

 

釋例：如何具體分析黑體？

——

以下用兩套黑體來做總結(jié)與復(fù)習(xí)，讓大家學(xué)會(huì)如何分析黑體，并在選用時(shí)做判斷。分析時(shí)，可以先固定字級(jí)大小，并放入字身框，這會(huì)幫助我們有效判斷字的整體輪廓，像左邊的黑體比右邊的更填滿方框，可知它的字腔應(yīng)該較大，右邊的字腔則較小。

黑體字的字體設(shè)計(jì)探討

分析黑體時(shí)，可以先固定字級(jí)大小并放入字身框。字的整體輪廓能協(xié)助推測字腔大小，像左邊的字腔應(yīng)該較大。

觀察黑體的第一步，就是看骨架、輪廓、及字腔大小，之后可以試著感受字腔的影響。字腔大的字體較有現(xiàn)代與設(shè)計(jì)感，排版效果扎實(shí)且牢固，甚至略帶僵硬感且缺乏個(gè)性。但因?yàn)楦鞴P畫間的距離大，字體大小不太會(huì)影響清晰度，大至招牌及車站指標(biāo)，小至企業(yè)標(biāo)準(zhǔn)字與logotype，都可以使用。字腔小的字，輪廓?jiǎng)t較有韻律感，外放內(nèi)收的結(jié)構(gòu)，不僅讓它看起來較為凝聚，也和傳統(tǒng)漢字書法所講究的美感相近，排版后的效果則較有節(jié)奏性，版面也更透氣些。

黑體字的字體設(shè)計(jì)探討

試著排列兩種黑體，上方的「地鐵市政府站」，是否比較明晰，也更是大家所熟悉的捷運(yùn)站指標(biāo)呢？

接著進(jìn)入觀察黑體的第二步，留意各筆畫的起筆、轉(zhuǎn)折與收尾細(xì)節(jié)。以下圖為例，可以看出左邊造型簡潔，起筆平整、收尾無勾筆，轉(zhuǎn)折亦未刻意營造。而右邊的筆畫則富含變化，起筆有頓筆及喇叭口、收尾有上揚(yáng)的曲線勾筆、轉(zhuǎn)折處也有運(yùn)筆感。

黑體字的字體設(shè)計(jì)探討

留意起筆、轉(zhuǎn)折與收尾，是觀察黑體的第二步，像左邊的造型簡潔平直，右邊的則充滿細(xì)節(jié)變化。

筆畫細(xì)節(jié)設(shè)計(jì)將影響排版效果。細(xì)節(jié)少的字，較生硬且有現(xiàn)代感，適合呈現(xiàn)「信息」，用于科技相關(guān)場合。富含細(xì)節(jié)的字，則較柔軟且有古典韻致，適合用于文學(xué)、或想營造特殊氣氛的場合。

黑體字的字體設(shè)計(jì)探討

試著排列兩種黑體，下方的「黑魔法防御術(shù)」，是否更讓人融入魔法的氛圍中呢？

 

小補(bǔ)充：日本如何稱呼「黑體」風(fēng)格？在日文字體菜單中該怎么找尋？

——

日本把「黑體」風(fēng)格稱為「角ゴシック」，日文中的「角」念作kaku，是方形的意思。而「ゴシック」就是歌德Gothic一詞，所以日本是以方形的歌德體，來稱呼中文的黑體。菜單中偶爾會(huì)見到以羅馬拼音顯示日文字體：kaku gothic，就是中文的黑體風(fēng)格。在此補(bǔ)充日本稱呼「圓體」的方式，一樣是歌德體，只是前綴換成「丸」字，丸在日文念作maru，是圓形的意思，所以「丸ゴシック」，就是中文說的圓體啰！羅馬拼音是maru gothic。

日本人很愛縮寫，在菜單中尋找日文的黑體與圓體字體時(shí)，須特別留意。像「角ゴシック」就有三種省略法，第一種是只留下「ゴシック」，Adobe附贈(zèng)的「小冢ゴシック」就是。第二種是留下「角ゴ」，像是「ヒラギノ角ゴ」，這是Mac使用者很熟悉的一套完整日文黑體字體，一共有十種不同粗細(xì)，可以滿足各種排版需求。第三種省略法最夸張，只保留「ゴ」，在日本地鐵站的指標(biāo)或海報(bào)上常見的字體「新ゴ」，中文可翻成新黑體。

黑體字的字體設(shè)計(jì)探討

尋找日文的黑體（角ゴシック）與圓體（丸ゴシック）時(shí)，須留意縮略寫法。像黑體就有三種省略法，圓體則有一種。

圓體單純?cè)S多，只有完整的「丸ゴシック」或省去后半部分的「丸ゴ」，沒有其他省略法。相信在看了這個(gè)補(bǔ)充后，大家都能順利找到日文的黑體與圓體字型啰！