字體的效果 - 為什麼你的字不是拿來讀的

更新於 發佈於 閱讀時間約 8 分鐘

我們之前說過,排版最重要的思考方式,就是「把訊息正確、有效的傳遞出去」,然而在這想要被傳遞出去的「訊息」當中,有個極為重要,也是決定整體視覺風格,最關鍵的靈魂人物,就是版面上的「文字」。

「文字」到底有多重要呢?

現在我們以網路購物為例子,消費者通常是先看到廣告上的「文字」訊息,覺得這文案不錯,有吸引到他,才會點進去看商品頁的內容介紹,進而產生購買的行為。

所以對設計師來說,「文字」的視覺編排,不僅要方便閱讀,還要跟版面風格有所呼應,藉此吸引消費者前來觀看,並產生與視覺搭配而出的加乘效果。

因此我們要來跟大家介紹一下,有關於文字編排的各種重要思考方式:

● 慎選字體

字體的搭配是介於科學與藝術之間的一種存在,兩者必須同時兼具,否則會給人一種詭異的感覺,造成注意力的分散,降低了傳遞訊息的成效。

1. 自然、親近感 - 字體筆畫細而尖銳,會給人一種冰冷,難以靠近的感覺。

字體筆畫圓滑,會給人一種溫和、可愛、親近的感覺,筆畫越粗,感覺就會越強烈明顯。

字體筆畫以手寫的方式呈現,會有一種溫和、親近,以及擁有活力的感覺。

2. 力量、速度感 - 粗體字比細體字更有力量與衝擊力。

窄高的字比寬鬆的字更有凝聚力的感覺。

斜體字會給人一種速度感,調整傾斜角度,感覺會更加快速。

3. 傳統、文化感 - 文化感跟歷史有關,所以想營造傳統古典的感覺,以華人來說,可以選擇適合的書法字體來呈現。

4. 高級、格調感 - 想要營造有格調跟品味,可以選擇有細節的字體,會顯得更高級與精緻。

5. 未來、科技感 - 越簡潔,現代感就越強,使用幾何構圖的字體,更能創造出未來科技感。

6. 硬朗、醒目感 - 黑體字比楷體字更能給人年輕、俐落、開朗的感覺,筆畫加粗之後,更有引人注目的效果。

7. 裝飾、華麗感 - 有些字體比較特殊,本身不適合閱讀,但可以運用在裝飾與點綴的視覺效果上,例如英文的手寫花體,使用之後就會給人一種華麗的感覺。

● 字體不要過多

整體版面盡量不要超過3種字體,否則會造成視覺上的干擾,導致畫面風格的混亂。

● 使用該語系的專用字體

中文字體跟英文字體的設計方式,是完全不同的,中文字體是以方塊為基礎來做設計,英文字體因為平均字體較細長,所以會以英文的標準去做設計開發,因此當內容是中文字,就要選用中文專用的字體,英文字就要使用英文專用的字體,這樣才可以增加文字的易讀性。

這邊要特別注意,因為中文字體是以方塊為基礎來做設計,所以往往會比英文字體來的大,當我們遇到中、英文字混合在一起時,就必須做細節上的調整,將英文字體等比放大對齊至中文字體的高度,這樣才能避免文字乎大乎小不易閱讀。

● 保持易讀的距離

調整文字的距離,就跟版面需要留白一樣,可以增加閱讀的舒適度,當文字距離較緊,會給人速度較快的感覺,當文字距離較寬,則會給人速度較慢的感覺。

1. 字距 - 避免太過緊湊,難以辨識。

因為英文字體的寬度有時並不會等寬,所以當有使用英文字體時,我們就需要單獨調整每個字的間距,讓字距更加均衡。

2. 行距 - 調整至單行文字高度的50%,是普遍最好閱讀的高度。

在調整行距時,一定要特別考慮到字體的大小,若字體較小,可以將行距再拉高一些,讓閱讀的舒適度更加提升。

● 保持字體的比例

在字體放大縮小時,要盡量使用原始比例去縮放,不要任意變形字體的高度跟寬度,造成不正常的扭曲或變形。

● 保持內容的連續性

避免文章的開頭或結尾,僅有1~2個字構成一短行,因為大片的空白會打亂內容的連續性,最好的解決方式,就是微調字距跟行距,以及改變字體大小。

● 不要太多的重點強調

在一個文章斷落裡,要避免使用過多不同的重點強調方式。

● 結構層次要明顯

主標文字跟內容文字要有所區隔,並用統一的形式,去創造出規律,讓人容易辨識。

● 不要太多文字特效

文字特效必須使用得宜,太多就會讓人有廉價、花俏、不舒服的感覺。

有很多初學者與設計師,因為缺乏以上這些文字編排的思考方式,才會導致訊息常常無法順利的傳遞出去,所以當你下次要進行版面設計時,千萬要記得,「文字」就是用來閱讀的,不是拿來炫技的,這樣才能讓你的「文字」發揮出最大的成效。

留言
avatar-img
留言分享你的想法!
avatar-img
CJC 設計實驗室的沙龍
91會員
30內容數
2019/10/14
當我們在設計商業廣告時,時常會遇到以照片為主的廣告,而這種類型的廣告,通常是以大面積的照片,搭配上一些簡單的字句,作為主要傳遞情境氛圍的方式,所以照片該如何擺放,在整體的排版構圖上,就顯得非常重要。
Thumbnail
2019/10/14
當我們在設計商業廣告時,時常會遇到以照片為主的廣告,而這種類型的廣告,通常是以大面積的照片,搭配上一些簡單的字句,作為主要傳遞情境氛圍的方式,所以照片該如何擺放,在整體的排版構圖上,就顯得非常重要。
Thumbnail
2019/06/10
我們之前說過Content SEO,策略導向的優化,也就是透過各種行銷方式,讓搜尋引擎在進行搜尋結果運算時,認為該網頁是符合關鍵字的高人氣優質內容,進而使網頁的排名更前面。 所以SEO的決勝重點,就在於Content SEO,行銷的思考策略!
Thumbnail
2019/06/10
我們之前說過Content SEO,策略導向的優化,也就是透過各種行銷方式,讓搜尋引擎在進行搜尋結果運算時,認為該網頁是符合關鍵字的高人氣優質內容,進而使網頁的排名更前面。 所以SEO的決勝重點,就在於Content SEO,行銷的思考策略!
Thumbnail
2019/06/06
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
2019/06/06
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
在職場上,有效的溝通對於工作的順利進行至關重要。透過本文,您將瞭解到在寫 email 時應避免的錯誤,以及如何練習補足溝通上的代溝。作者分享瞭解決溝通問題的技巧,並敦促讀者注意重要的溝通技能比單字量更重要。
Thumbnail
在職場上,有效的溝通對於工作的順利進行至關重要。透過本文,您將瞭解到在寫 email 時應避免的錯誤,以及如何練習補足溝通上的代溝。作者分享瞭解決溝通問題的技巧,並敦促讀者注意重要的溝通技能比單字量更重要。
Thumbnail
(續上篇) 本文開頭提供情境讓讀者「換位思考」,接續論述 5. 非「相對主流標準」的「發音」或「口音」對英語學習的「影響」; 6. 考慮語用「目的」、「效果」,自我提升; 7. 「發音」或「口音」在主、客觀學習上的考量
Thumbnail
(續上篇) 本文開頭提供情境讓讀者「換位思考」,接續論述 5. 非「相對主流標準」的「發音」或「口音」對英語學習的「影響」; 6. 考慮語用「目的」、「效果」,自我提升; 7. 「發音」或「口音」在主、客觀學習上的考量
Thumbnail
在現代社會,數位溝通變得日益重要,但文字的使用可能無意間傷害到他人。有效的文字溝通需要不斷練習和學習,並讓每一次交流都成為一個美好的體驗。
Thumbnail
在現代社會,數位溝通變得日益重要,但文字的使用可能無意間傷害到他人。有效的文字溝通需要不斷練習和學習,並讓每一次交流都成為一個美好的體驗。
Thumbnail
口語上,說話的人可以藉由語氣、聲調傳達出的一種態度。 但從email的文字是聽不出語氣及聲調的,因此寫作的人如何能透過單字選擇(word choice)或句子的結構變化(sentence structure variation) 這兩種技能來呈現出適當又不失專業的語氣就顯得相當的重要了! 語氣要
Thumbnail
口語上,說話的人可以藉由語氣、聲調傳達出的一種態度。 但從email的文字是聽不出語氣及聲調的,因此寫作的人如何能透過單字選擇(word choice)或句子的結構變化(sentence structure variation) 這兩種技能來呈現出適當又不失專業的語氣就顯得相當的重要了! 語氣要
Thumbnail
每天打開手機,就會有大量的訊息、影片透過社群平台傳到我們的眼裡,簡體字也隨之逐漸滲透到我們的生活之中。但我實在不喜歡簡體字。 有人說簡體字有易書寫易學習的優點。我不否認簡體字少了一些筆畫,寫起來省時便利,但在現代,幾乎人人用鍵盤輸入,少有手寫的機會,這項優點早已不再重要。而說容易學習,那可未必。
Thumbnail
每天打開手機,就會有大量的訊息、影片透過社群平台傳到我們的眼裡,簡體字也隨之逐漸滲透到我們的生活之中。但我實在不喜歡簡體字。 有人說簡體字有易書寫易學習的優點。我不否認簡體字少了一些筆畫,寫起來省時便利,但在現代,幾乎人人用鍵盤輸入,少有手寫的機會,這項優點早已不再重要。而說容易學習,那可未必。
Thumbnail
言語的裝飾固然重要,但能把思維具象化才會是你邁向成功的一大步!你是否認為表達能力不佳,其實是因為他社恐害怕與人交流呢?或是你其實心中有許想法,可是每次你要表達的時候腦袋的迴路就會忽然斷電說不出來呢?這次閱讀的「秒回表達力」我把閱讀的主軸放在,如何把「構想」轉化...
Thumbnail
言語的裝飾固然重要,但能把思維具象化才會是你邁向成功的一大步!你是否認為表達能力不佳,其實是因為他社恐害怕與人交流呢?或是你其實心中有許想法,可是每次你要表達的時候腦袋的迴路就會忽然斷電說不出來呢?這次閱讀的「秒回表達力」我把閱讀的主軸放在,如何把「構想」轉化...
Thumbnail
在講完語音、詞彙之後,真正要和人溝通,是需要一些完整的句子的,而瞭解句子的法則為什麼這麼重要呢?
Thumbnail
在講完語音、詞彙之後,真正要和人溝通,是需要一些完整的句子的,而瞭解句子的法則為什麼這麼重要呢?
Thumbnail
為什麼是二十字?語境是什麼?自媒體當道的現在,該怎麼抓住閱聽者的眼球?
Thumbnail
為什麼是二十字?語境是什麼?自媒體當道的現在,該怎麼抓住閱聽者的眼球?
Thumbnail
英文有著數十萬個字彙量,單字的教與學似乎是令人望之生畏的情景。
Thumbnail
英文有著數十萬個字彙量,單字的教與學似乎是令人望之生畏的情景。
Thumbnail
排版最重要的思考方式,就是「把訊息正確、有效的傳遞出去」,然而在這想要被傳遞出去的「訊息」當中,有個極為重要,也是決定整體視覺風格,最關鍵的靈魂人物,就是版面上的「文字」。
Thumbnail
排版最重要的思考方式,就是「把訊息正確、有效的傳遞出去」,然而在這想要被傳遞出去的「訊息」當中,有個極為重要,也是決定整體視覺風格,最關鍵的靈魂人物,就是版面上的「文字」。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News