名片遞出去的那一刻,多數人在意的是紙質夠不夠厚、燙金夠不夠亮,很少人會想到接手的人有沒有看清楚上面寫了什麼。餐廳裡的燈光偏暗、展場走道人擠著人,遞名片給對方的那幾秒鐘根本沒空瞇眼細看,電話號碼印得再精緻,對方讀不出來就等於沒印。
這正是名片配色字體最容易被忽略的一塊。設計討論的重心幾乎都放在美感,卻很少有人問這張卡片多小的字還能看清楚、多接近的顏色還分得出來。字級小到某個門檻以下、底色與文字色的對比不夠,排版再有質感,對方能不能順利讀完仍是兩回事,而讀不完,名片能傳遞的資訊就少了一半。
這篇要講的,就是字級和對比這兩道可以拿來核對的門檻怎麼抓,還有一組多數人沒想過的色覺問題。先從名片這個媒介本身,為什麼比其他印刷品更嚴苛講起。
名片的閱讀情境,為什麼比其他印刷品嚴苛?
名片會被讀的距離通常近到不能再近,卻也沒有放大的餘地。手機上的字看不清楚,兩指一撐就能放大;書上的內容看不懂,還能湊近檯燈細看。名片沒有這個選項,它印出來多大,讀者就只能用多大的字去讀,沒有第二次調整的機會。

交換名片的場合,光線通常也不受控制。餐廳燈光偏暗、展場動線裡人來人往、走廊上遞出名片的那幾秒鐘,沒有人會停下來調整照明。設計時多半坐在書桌前,螢幕是亮的,環境也安靜,跟名片實際被讀的場景差了一大截。
更關鍵的是,多數人拿到一張名片只會認真看那一眼。看不清楚,對方不會當場開口要求把字放大,只會順手把卡片收進口袋或錢包。這張名片的溝通任務,基本上就在那一眼裡決定成敗,不會有補考的機會。這幾個條件疊在一起,「差不多看得到」在實際場景裡,經常變成「其實看不到」。
光線不受控制,又只有一次被讀完的機會,這兩個條件加在一起,問題自然就落到字級上,名片上的字,要多大才不會被瞇眼看?
名片上的字,最小要多大才不會被瞇眼看?
字級門檻不是丟一個數字就能了事的,其實得先分清楚名片上這幾類資訊誰重要、誰次要。姓名或品牌名是對方第一眼要抓住的,可以、也應該是全卡最大的字;電話、Email 這類聯絡方式是名片存在的實際功能,再怎麼簡潔的版面,也有一條不能再往下退的字級底線;職稱、公司名一類的次要資訊,則介在兩者之間。把全卡文字用同一個字級處理,等於放棄了這個主次之分,也放棄了讓讀者一眼抓到重點的機會。

姓名與職稱的字級底線
越重要的資訊,字級可以、也應該越大。姓名或品牌名是整張名片的視覺焦點,理應是全卡最大、最先被看到的字,不必為了版面乾淨刻意壓小。職稱與公司名扮演的是輔助辨識的角色,字級可以比姓名小一階,但仍要維持在能一眼讀出的範圍,不必刻意壓到跟聯絡方式一樣小。
聯絡方式不能再小的字級
設計名片時,最先被犧牲字級的部分,通常就是聯絡方式,原因多半是想在有限版面裡多塞幾個社群帳號或一句標語。字級一旦壓得太小,可讀性會明顯往下掉,多數人已經很難在近距離、快速交換的情境下順利辨識。字小到某個程度後,多塞進去的資訊量並不會提升溝通效率,只會讓對方乾脆放棄閱讀,連原本該讀到的電話號碼都一起錯過。
細明體與手寫字體在小字級的辨識風險
字級門檻不能只看數字,字體本身的筆畫粗細一樣會左右實際可讀性。細明體、書法或手寫風格的字體,筆畫本來就纖細,縮到小字級時容易糊在一起,即使數字上沒有低於底線,實際印出來仍可能模糊一片。粗細適中、筆畫單純的字體,在同樣字級下辨識度明顯穩定得多。這類講究筆觸美感的字體如果真的想用,適合留給姓名或品牌名這種可以放大處理的資訊,不適合套用在小字級的聯絡方式上,否則等於把最容易犧牲清晰度的兩個條件疊在一起。
字級顧好了,只解決了讀不讀得到「大小」的問題,底色跟文字色分不分得清楚,是另一道獨立的門檻。
底色與文字的對比,要抓到什麼程度才夠清楚?
多數名片教學談到配色,只會說深底配淺字、淺底配深字這種方向性建議,說完就沒有下文了。這裡要往下一層,給一個可以拿來核對、不是憑感覺猜的對比門檻。做法是借用網頁無障礙設計裡行之有年的「對比比例」概念,把這套判斷邏輯移植到名片這種小尺寸、小字級的印刷品上使用。要先說清楚,這是借用數位無障礙標準的判斷邏輯,不是宣稱名片印刷本身有一套官方對比規範,不要誤會成印刷業界的強制標準。
借用網頁無障礙標準的對比門檻
全球資訊網協會(W3C)旗下的網頁無障礙倡議(WAI)所制定的網頁內容無障礙指南(WCAG),對文字與背景的明暗對比訂出具體門檻。一般文字的對比比例至少要達到 4.5:1,字級較大的文字(約 18pt 以上,或加粗約 14pt 以上)門檻可以放寬到 3:1。這個比例算的是文字與背景的相對亮度差距,數值介於 1:1 到 21:1 之間,數字愈高代表明暗反差愈強。
名片上的字幾乎全部落在「小字」的範圍,不管是聯絡方式還是職稱,能達到 18pt 以上的機會很低。這代表名片幾乎都要往 4.5:1 這個較嚴格的門檻靠,不能只滿足「肉眼看起來有深淺差異」就收手。這點正好呼應前面談的字級愈小、風險愈高的邏輯,兩道門檻其實是同一件事的兩面。實際核對也不必靠猜,美國猶他州立大學旗下的網頁無障礙資源機構 WebAIM,提供一個免費的對比檢查工具,輸入預定的底色與文字色色碼,就能直接算出對比比例數值,比肉眼判斷準確得多。

深底淺字、淺底深字,哪個比較保險?
黑白或深色配近白色這種把對比拉到最大的組合,幾乎都能穩穩超過門檻,是最安全的起點。想在這個基礎上加一點顏色,再從黑白往外微調,會比一開始就挑兩個彩度、明度都接近的顏色硬湊對比容易掌控得多。全卡顏色也建議控制在背景色、文字色、一個強調色以內,顏色種類一多,容易在無意間把主要文字色和背景色的差距吃掉,反而拖累原本要顧的對比門檻。
字級和對比顧好了,配色門檻還有一層多數名片教學完全沒觸及的缺口,那就是色覺辨識差異。
紅配綠的搭配,不是每個人都能分辨
美國國家眼科研究院指出,約每十二位男性就有一位有色覺辨識困難,是相當常見、比例不低的狀況。在各種色覺辨識困難當中,紅綠色覺辨識困難又是最常見的類型。
如果名片上用紅、綠這組顏色去做「重要資訊用這色、次要資訊用那色」的區分,例如強調色用紅、輔助線用綠,對這群讀者來說,兩個顏色看起來會非常接近,等於整套區分邏輯失效。重要資訊的區分不該只靠色相,也就是紅或綠這類色彩本身,而要同時靠明暗深淺去拉開差距。這樣不管讀者的色覺狀況如何,都還能靠明暗辨認出差異,不會因為單純換了一種顏色分類法,就把一部分讀者排除在外。

送印前的名片可讀性自我檢核
前面四道門檻拆完,送印前不妨照著這份清單,自己動手核對一次自己的設計:
- 姓名與聯絡方式是否都達到各自的字級底線,而不是全卡文字用同一個大小。
- 底色與文字色是否已經用工具實際核對過對比數值,而不是憑肉眼感覺「應該還可以」。
- 強調色或重要資訊的區分,有沒有只靠色相,還是同時靠明暗拉開了差距。
- 把設計實際印出來,拿到跟名片交換時差不多的距離,分別在靠窗與室內燈光下各看一次,確認字仍然看得清楚。
這四項剛好對應前面談過的字級主次、對比門檻、色覺差異與實際閱讀情境,一項項對照著看,比單靠螢幕上「感覺還不錯」可靠得多。
名片的第一印象,往往不是在對方讀懂內容的那一刻決定的,而是在對方能不能順利讀完的那一刻,就已經決定了。把字級與對比當成送印前一定要核對的門檻,而不是排版做到最後才順手瞄一眼的細節,下次修改名片檔案時,不妨先把這幾道門檻過一遍,再回頭談風格與美感。
