為什麼老師都強迫使用黑體、圓體?字體運用的幾個原則,不用死背,你也可以輕鬆學會

閱讀時間約 9 分鐘

#字體 #黑體 #圓體 #設計

禁止使用明體?

哈囉大家好,最近有位網友問我有關字體的問題,對方的老師要求大家使用黑體或圓體,讓他覺得很疑惑,為什麼呢?因為網路上並不是只有圓體或黑體的傳單、海報、廣告,甚至有的時候在日本的質感海報中,大家還可以看到在台灣基本上禁止使用的「明體」,如果對於黑體、圓體、明體、宋體還不了解的,可以看我之前分享過的文章。

以下的圖片使用都是廣告單、宣傳單,這個方格子並不具有營利,僅供分享,如果有侵權可以告訴我,我會把圖片移除。

範例

接下來我們就直接看一下,廣告單、平面設計都怎麼使用字體。

raw-image

這是一家早午餐店的菜單,想請大家回想一下,當你看到這張圖時,第一眼注意的是什呢?

我想大部分的人都是先看到圖片的部分,再來是上面的香醇軒、主廚特選、人氣推薦,為什麼?因為人類本能本來就會先看圖片、彩度高的地方,那麼為什麼不把標題跟文字用更繽紛呢?

請大家思考一下,菜單的用途是什麼?菜單的用途是讓顧客可以清楚知道店家有什麼餐點,所以重點是什麼呢?答案是「清楚」,看得清楚非常重要,這時候如果把文字改成很繽紛的顏色,那麼剛開始不會有感覺,但是久了就會開始感到眼睛不舒服,這也是為什麼我們在選擇文字顏色的時候,要先區分用途,如果用途是閱讀、清楚表達,也就是內文(上圖中的品項),那麼有三個簡單的原則

內文

低彩度效果最佳

比如棕色、茶色、灰色、深藍色、深紅色、白色,就是最安全的顏色,要考慮背景的顏色,雖然加上邊框、陰影可以讓文字更明顯,但是內文不建議用太多的設計,因為會影響視覺順序,我們人眼一次可以看到,並且注意到的東西是有限的,這時候要決定畫面的視覺順序,內文往往是最後面的選項,因此一般不會成為整個畫面的主角,如果用太繽紛的顏色,那麼大家反而不會注意到菜單中的漢堡圖片、店家名字。

▼飲料店的宣傳單可以作為參考,品項文字都是低彩度▼

raw-image

與背景明度差異大的排版

講一下大家常有的誤會,很多人在設計文字的時候,會選背景的對比色,其實沒有必要喔~只要選明度相差大的就好,比如白底黑字、白底棕字、白底深藍字、白底灰字、黑底白字,如此一來文字閱讀才會很舒適,值得一提的是即使是內文也不一定非得要白底黑字喔!!只要清楚就可以了。

當然會有人疑惑,為什麼有些不錯看的傳單,會使用對比色作為背景跟文字,那是因為在調整畫面、彩度、明度的情況下,標題使用背景的對比色,不會影響閱讀,還可以在一堆廣告單中脫穎而出。

不用黑白配也可以很清楚明瞭的範例

不用黑白配也可以很清楚明瞭的範例

圖片很重要時,可以用低調標題與內文

圖片很重要時,可以用低調標題與內文

容易識別的字體

初學者在剛開始容易犯的錯,就是拼命把所有字體都用上去,但是這些字體當中,有一些是不適合的,怎麼知道適不適合?很簡單,直接把文字全部套用這個字體,並且縮小看,也可以拿給別人看,如果對方皺眉看很久,代表這個字體的識別度不夠,可以用來作為標題使用,但是不建議用在內文。

▼除了標題、品牌LOGO以外,都是使用容易閱讀的字體▼

raw-image

為什麼老師都會說內文只能用黑體或圓體?

很簡單,因為懶惰一刀切,老師懶,不想要解釋字體的使用方式,但是又不希望學生使用像是書法體這種高識別度,但是難閱讀的字體作為內文,所以就乾脆強迫學生只能用微軟正黑體,或是其他黑體、圓體,大家從我找到的範例中可以看到,並沒有全部都使用黑體、圓體,其他字體只要不影響閱讀,在合適的背景下,比如中式菜單用有仿古風格的字體、日式風格用日本字體、RPG遊戲風格使用8-bit字體,這樣就可以了。

標題

其實黑體、圓體也不是那麼萬用,尤其是那種變化比較小的字體,在標題的使用上就非常不合適,標題通常有兩種情況,第一種是作為主視覺,如果沒有圖片可以使用,或者不適合用圖片,那麼標題就尤其重要;第二種是作為第二視覺,是除了主要圖片以外的視覺重點。

因為標題的功用是吸引人注意,需要跟其他的平面作區別,因此一般建議三個大原則

標題重點的顏色醒目為佳

在非功能性的海報中,標題的顏色可以醒目一點,不用擔心視覺疲勞,因為整張海報可能就只有那一兩個地方是醒目色的,最常見也是世界通用的醒目色就是紅色,要討論原因就要講到色彩學了,未來分享。

不過大家可以想想看,自己平常走在路上,你會先注意綠燈的位置,還是先注意紅燈的位置呢?正常大部分的人都會先注意到紅燈的位置,就算你是綠燈,你直視前方,眼睛還是會忍不住撇一眼旁邊的紅燈,這是基於色彩心理學原理,此外還有黃色也是醒目色,但是需要使用得當,如果使用紅色標題,請不要再使用紅色背景了,我剛好有找到兩個非常鮮明的對比。

標題跟背景都是紅色,反而會讓人覺得沒有重點很亂

標題跟背景都是紅色,反而會讓人覺得沒有重點很亂

合適的使用黃色與紅色可以讓海報更顯眼

合適的使用黃色與紅色可以讓海報更顯眼

加上一些陰影、厚度,即是白色的標題也可以很顯眼

加上一些陰影、厚度,即是白色的標題也可以很顯眼

所以大家在設計、排版的時候,可以遠看、近看自己的作品,這樣子才知道整體的感受如何,會不會造成眼睛不適。

結合視覺的字體

前面提到在選字體的時候,不用堅持一定要用什麼字體,但是可以參考主要風格,比如果汁筆給人的感覺就是可愛,有點俏皮,如果把字體改成正經八百的黑體會變成怎麼樣呢?

▼原本的果汁筆明信片▼

raw-image

▼改成圓體▼

raw-image

嗯...........不能說不行,但感覺上這個文字就被吃掉了,不夠明顯。

▼改成一般標準的黑體試試▼

raw-image

感覺上就很浪費了旁邊的圖案,尤其換成細的字體之後,就跟旁邊的圖案完全融在一起了,這樣子誰還會注意到這上面有Juice呢?

標題與畫面有共同主題性

在某些廣告單中,你看完了,卻完全不會有印象,因為這些標題就是字體丟上去,用個醒目的顏色,並沒有跟背景主題融合,比如這個廣告單。

雖然也是使用黃色背景,但跟上面日本的宣傳單相比,這個真的不會有記憶點,感覺背景是背景、標題是標題,好像每個標題各自為政一樣,可以改用白色的背景,然後把元寶的元素運用到標題裡面,這樣會更特別。

raw-image
標題跟圖片有主題關聯,給人的感覺更有一致性

標題跟圖片有主題關聯,給人的感覺更有一致性

最後補充一個大家常有的問題:

「明體錯了嗎?」

為什麼學校老師都禁止使用新細明體呢?

我們要先釐清一個觀念,沒有任何一個字體是糟糕的,但確實大家盡可能不要用新細明體做海報因為你沒有授權的話會侵權,之前有跟大家分享過字體侵權的情況,以及為什麼免費字體也會侵權,這裡簡單跟大家分享一個概念「免費不代表可以商業用途」新細明體在我們的電腦裡面,是免費讓我們自己使用的,但是它並沒有授權我們商業用,其他類似的字體還有微軟正黑體、標楷體,請務必使用可商用或開源字體來做設計,因為字體侵權是不用計算實際損失,對方可以直接要你買下來的,一般而言一個可商用字體都是好幾千塊的,應該不是什麼負擔,但如果要買,我相信大家會想要買更新、更有趣的字體。

假設你買下新細明體的商業授權,那麼可以用來設計海報嗎?其實不是不行,但是要使用恰當,因為新細明體非常細,在使用上顏色需要單一,合適的做法就是「放大」幾乎跟背景融為一體,反而可以彰顯這個字體的優點,未來如果有做影片會示範如何利用這種字體的長處。但是作為內文的話,個人不建議,因為新細明體的閱讀性不高,間距太小、字又太細,而且文字設計不夠集中,常常會讓人在閱讀時,不小心眼睛就偏到隔壁行了,如果字數多還使用新細明體,閱讀者會相當苦惱。

但是!這都只是新細明體而已喔!

一般的明體可沒有這些問題,所謂明體跟宋體的差別,只有在橫筆畫的粗細而已,甚至日本人有做非常漂亮的明體字體,比如花園明體就相當好看,一樣在使用時,以字體的粗細作為顏色使用的考量,不過日本人會把宋體歸類在明體,所以大名鼎鼎的裝甲明體常常讓人很困惑,這明明就是宋體,怎麼會叫明體呢?

總之,使用字體靠的是經驗累積和感覺,我覺得在這方面台灣常常過度強迫學習、工作的人使用黑體跟圓體(甚至比中國還要嚴重),是很糟糕的現象,這種死記硬背的作風會傷害創作者的學習能力,如果遇到這種情況,經過幾次溝通對方跟你說類似這種「我叫你做什麼,你就做什麼!哪來廢話這麼多?」不尊重你意願的話,我會建議大家把工作或課業跟自己的作品分開來,人在屋簷下不得不低頭,但是私人創作總該管不著了吧!

最後,如果你喜歡這篇文章,不要忘了幫我按愛心喔~

這裡還有其他的連結:YoutubeIG個人網站乾淨世界

🖥️電繪、平面設計、攝影、動畫🌟 歡迎來到我的方格子帳號!我是一名影片相關從業人員,累計將近4年工作經驗。 在這裡我會分享有關設計、影片的概念,希望幫助到剛開始學習的朋友。 與其他的創作者不同的是,我會分享一些比較細微的內容,如果有興趣,歡迎訂閱和留言,讓我們一起成長! 我的理念是學以致用,期待可以持續成長。
留言0
查看全部
發表第一個留言支持創作者!
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
這份筆記整理了AI常見Prompt,幫助你產生更符合需求的圖片。文章包含了比較常用的攝影詞彙、攝影風格、鏡頭、畫面光線詞彙、輔助詞彙、畫面遠近、動畫詞彙、音樂標籤等,並提供了參考資料來源。
本文分享了當你在學習平面設計、商品設業、產品設計等領域時,會使用到的字體。文章內容包括了中文字體的大類別,以及如何分辨各種字體的特色。此外,還分享了一些字體的載點給大家。
過去很多人對於版權、授權的事情痛恨得牙癢癢 認為版權的存在對很多超讚的IP一點也不公平 但其實版權、授權不單單存在於電影、電玩那些IP 當我們在LINE上面看到了很讚的圖分享給別人 就可能已經侵權或是享受其他創作者的授權了喔~ 免費≠可商用 可商用≠可二次上傳 二創≠原創 怎
這篇文章主要介紹了繪圖軟體中的色彩模式,包括RGB和CMYK的概念和用法。對於網路上使用和印刷的影像處理有很好的指導意義。
這份筆記整理了AI常見Prompt,幫助你產生更符合需求的圖片。文章包含了比較常用的攝影詞彙、攝影風格、鏡頭、畫面光線詞彙、輔助詞彙、畫面遠近、動畫詞彙、音樂標籤等,並提供了參考資料來源。
本文分享了當你在學習平面設計、商品設業、產品設計等領域時,會使用到的字體。文章內容包括了中文字體的大類別,以及如何分辨各種字體的特色。此外,還分享了一些字體的載點給大家。
過去很多人對於版權、授權的事情痛恨得牙癢癢 認為版權的存在對很多超讚的IP一點也不公平 但其實版權、授權不單單存在於電影、電玩那些IP 當我們在LINE上面看到了很讚的圖分享給別人 就可能已經侵權或是享受其他創作者的授權了喔~ 免費≠可商用 可商用≠可二次上傳 二創≠原創 怎
你可能也想看
Google News 追蹤
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
清明節是中國傳統節日之一,也是我們中華民族崇尚孝道的象徵。這一天,我們不僅僅是為了悼念逝去的親人,更是緬懷祖先、飲水思源的時刻。清明節的由來源於中國古代的一段感人故事。透過祭祖掃墓的儀式,我們不僅可以表達對逝去親人的思念和哀悼,更能夠從中汲取力量和智慧,並明白孝道的重要性。
Thumbnail
上週,幾個學生問了這個問題:  「為什麼一定要念大學?如果我不唸大學,會怎樣嗎?」 這是一個大哉問,甚至,他們問的,恐怕也是我這個前線高三教師,某一個藏在內心深處的疑惑。再三督責著小羊們用功念書,但把他們都送上理想大學,就是我的使命了嗎?
Thumbnail
這些稱呼,為什麼會跟方位扯上關係?這些方位,又有沒有什麼特別的意涵?以下簡單談一談。
Thumbnail
前兩個禮拜幫國中生準備段考時,有個在班上吊車尾的孩子問我這個問題。他認為少子化的關係,以後的工作隨便找都有,何況現階段國中讀的各科裡的知識,能運用到未來裡的寥寥無幾,既然是這樣,為什麼現在還要讀這些冷冰冰的知識? 我簡單的用選擇和被選擇的比喻告訴他,若想要找到自己心裡滿意,也能滿足生活所需花費
Thumbnail
七年級的學生拿到批改完的古典文學測驗卷時,一邊忐忑地說,「金魚老師一定超生氣的。」一邊湊上來我身旁說,「妳是不是很生氣啊?」 學生想像中的老師 我有點疑惑的望著她,一邊笑嘻嘻地說,「我為什麼要生氣?」 「因為我們某某老師就很生氣啊!」他們出現難得的緊張。 「可是是妳們考不好,又不是我考不好。」我還是
Thumbnail
故事是這樣開始的。 2014年 9 月,我發現住家樓下的流浪小貓疑似被人虐待,肚子上有長長一道血肉模糊的傷口。平日在我家巷子出沒的幾隻浪貓裡,這隻玳瑁最是膽小瘦弱,加上她的外型並不討喜,很少得到人們關愛的眼神。我一直以來也不特別在意她,偶而遇到才會給她點吃的。
Thumbnail
9 個居家必備、親子共寫、教學兼教養,教作文也教做人的寫作練習。 13張實用寫作圖表,一次釋出不藏私,掃掃QRcode就是你的。培養孩子的素養力、組織力、思辨力與感受力。
Thumbnail
為什麼我會當老師?大概是我這輩子沒什麼老師緣吧。   小學三年級因為連續上下學期都抬餐桶,去跟老師說我不想抬餐桶被拒絕後,我逃學了。逃學的結果是,我爸到學校當著全班的面打了我一巴掌...
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
清明節是中國傳統節日之一,也是我們中華民族崇尚孝道的象徵。這一天,我們不僅僅是為了悼念逝去的親人,更是緬懷祖先、飲水思源的時刻。清明節的由來源於中國古代的一段感人故事。透過祭祖掃墓的儀式,我們不僅可以表達對逝去親人的思念和哀悼,更能夠從中汲取力量和智慧,並明白孝道的重要性。
Thumbnail
上週,幾個學生問了這個問題:  「為什麼一定要念大學?如果我不唸大學,會怎樣嗎?」 這是一個大哉問,甚至,他們問的,恐怕也是我這個前線高三教師,某一個藏在內心深處的疑惑。再三督責著小羊們用功念書,但把他們都送上理想大學,就是我的使命了嗎?
Thumbnail
這些稱呼,為什麼會跟方位扯上關係?這些方位,又有沒有什麼特別的意涵?以下簡單談一談。
Thumbnail
前兩個禮拜幫國中生準備段考時,有個在班上吊車尾的孩子問我這個問題。他認為少子化的關係,以後的工作隨便找都有,何況現階段國中讀的各科裡的知識,能運用到未來裡的寥寥無幾,既然是這樣,為什麼現在還要讀這些冷冰冰的知識? 我簡單的用選擇和被選擇的比喻告訴他,若想要找到自己心裡滿意,也能滿足生活所需花費
Thumbnail
七年級的學生拿到批改完的古典文學測驗卷時,一邊忐忑地說,「金魚老師一定超生氣的。」一邊湊上來我身旁說,「妳是不是很生氣啊?」 學生想像中的老師 我有點疑惑的望著她,一邊笑嘻嘻地說,「我為什麼要生氣?」 「因為我們某某老師就很生氣啊!」他們出現難得的緊張。 「可是是妳們考不好,又不是我考不好。」我還是
Thumbnail
故事是這樣開始的。 2014年 9 月,我發現住家樓下的流浪小貓疑似被人虐待,肚子上有長長一道血肉模糊的傷口。平日在我家巷子出沒的幾隻浪貓裡,這隻玳瑁最是膽小瘦弱,加上她的外型並不討喜,很少得到人們關愛的眼神。我一直以來也不特別在意她,偶而遇到才會給她點吃的。
Thumbnail
9 個居家必備、親子共寫、教學兼教養,教作文也教做人的寫作練習。 13張實用寫作圖表,一次釋出不藏私,掃掃QRcode就是你的。培養孩子的素養力、組織力、思辨力與感受力。
Thumbnail
為什麼我會當老師?大概是我這輩子沒什麼老師緣吧。   小學三年級因為連續上下學期都抬餐桶,去跟老師說我不想抬餐桶被拒絕後,我逃學了。逃學的結果是,我爸到學校當著全班的面打了我一巴掌...