實用工具

如何設計值得分享的語錄卡片:字體排印、版面與尺寸

文/POMODIARY 團隊 · · 閱讀約 5 分鐘

語錄卡片可以說是最簡單的平面設計之一:一段文字,加上一個背景。正因為如此簡單,糟糕的作品才會這麼常見。可用的元素只有文字和空間,每個小決定都看得一清二楚,而大多數人滑過一張卡片的時間連一秒都不到。

本指南整理了 POMODIARY 團隊設計文字卡片時遵循的原則。這些原則都不需要設計軟體,而且大多來自歷史悠久的字體排印實務,而不是社群媒體上的流行趨勢。

先從文字下手

再好的字體排印,也救不了太長的文字。在動到字型或顏色之前,先編修文字。

  • 只放一個想法。 卡片要有效,就得承載一個讀第一遍就能領會的想法。
  • 保持簡短。 粗略來說,英文約 30 字以內在手機上讀起來最舒服;超過 50 字,就該想想卡片是不是合適的形式。
  • 刪字,而不是縮小字。 文字放不下時,答案是減少字數,而不是縮小字級。
  • 尊重原文。 如果你引用的是別人的話,不要以改變原意的方式刪減字句。用刪節號標示省略之處,而且只在原意不變時才這麼做。

行長與換行

對於內文,字體排印專家通常建議每行大約 45 到 75 個字元。卡片不一樣:文字很大,而且是一眼讀完的,所以每行大約 20 到 40 個字元的短行通常效果更好。

在卡片上,換行比在任何地方都重要,因為每一行幾乎都會被當成一個單位來讀。

  • 在自然停頓處換行。 在逗號、子句結尾或詞組之間換行,不要把一個詞組從中間切斷。
  • 避免孤字。 最後一行只剩一個短字,看起來就像出錯了。重新平衡各行,或換個說法。
  • 塑造文字區塊的形狀。 長度相近的行看起來平穩;刻意安排長短交錯的節奏則能增加強調效果。長短差異極大又毫無規律的行,看起來就像是不小心造成的。

比較同一句話的兩種換行方式:

開始的最佳時機是昨天。次 佳的時機是今天。

開始的最佳時機是昨天。 次佳的時機是今天。

第二種讓每個想法各佔一行,一眼就能讀懂。

層次:眼睛先看到什麼

一張卡片通常有兩到三個層級的資訊:語錄本身、出處,有時還有一個小小的品牌標誌或帳號名稱。讓它們的先後順序清楚無誤。

元素常見處理方式
語錄字級最大、對比最高,是視覺中心
出處明顯較小(常約為語錄字級的一半),字重較細或顏色較淡
品牌或帳號最小,放在邊緣或角落,絕不與語錄搶風頭

實用的技巧:

  • 字級對比要明顯。 如果兩個元素大小差不多,眼睛就分不出哪個比較重要。讓差異果斷一點。
  • 只用一種字體,最多兩種。 同一字體家族搭配不同字重通常就夠了。語錄用襯線體、出處用無襯線體,是經典的搭配。
  • 給文字留空間。 寬裕的邊界(每側常為卡片寬度的 8% 到 12%)能讓文字看起來是精心安排的,也能避開平台介面元素的遮擋。
  • 注意行距。 大字級的標題文字,行距通常比內文稍緊一點會比較好看,大約是字級的 1.1 到 1.3 倍。太鬆的話,各行會顯得鬆散分離。
  • 節制使用強調。 用顏色或字重凸顯一個詞可能有效;凸顯五個詞就等於沒有效果。

對比與無障礙設計

難以閱讀的卡片會流失大部分的觀眾,包括視力不佳的人,以及任何在陽光下看手機的人。

  • 檢查對比度。 《網頁內容無障礙指南》(WCAG)建議一般文字的對比度至少為 4.5:1,大字則至少為 3:1。卡片上的文字通常屬於大字,但以 4.5:1 以上為目標,能為圖片壓縮和明亮的螢幕保留餘裕。免費的對比度檢查工具可以根據兩個顏色算出對比度。
  • 小心使用照片。 疊在雜亂照片上的文字,常常在某些區域對比不足。可以加上深色或淺色的遮罩、模糊背景,或把文字放在畫面較單純的區域。
  • 不要只靠顏色。 如果強調只靠顏色變化來呈現,有些讀者會看不出來。請搭配字重一起使用。
  • 小字級避免使用細字重。 極細的字型在平台壓縮圖片後就會消失不見。
  • 撰寫替代文字。 發文時,加上包含語錄和出處的文字描述。使用螢幕閱讀器的人能取得內容,圖片載入失敗的人也一樣。

各平台尺寸

每個平台裁切和顯示圖片的方式都不同,建議尺寸也會隨時間改變,因此以下數據請當作常見的起點,在大型活動之前務必查看平台目前的說明。

用途長寬比常見像素尺寸
正方形動態貼文1:11080 x 1080
直式動態貼文4:51080 x 1350
限時動態與直式影片封面9:161080 x 1920
橫式貼文與連結圖片16:91200 x 675 或 1920 x 1080
寬版連結預覽約 1.91:11200 x 630

實用提醒:

  • 直式在動態中通常佔據更多空間。 4:5 的卡片在手機螢幕上佔的面積比正方形大,更容易被注意到。
  • 直式格式要注意安全區。 在 9:16 的限時動態中,介面元素會遮住上方和下方。請讓文字保持在中央區域內。
  • 輸出時寧大勿小。 平台會重新壓縮圖片。從清晰的高解析度 PNG 開始,能讓文字邊緣保持銳利。
  • 以縮圖為設計前提。 發文前先看看卡片縮小後的樣子。如果在縮圖大小下讀不出語錄,就代表文字太長或太小了。

如果你不想手動製作每一種尺寸,可以使用 Text2Card:貼上文字,選擇幾種主題之一,再選擇正方形、直式或橫式格式,就能直接在瀏覽器中下載高解析度 PNG,不需要註冊帳號。

出處與著作權

語錄卡片傳播的範圍往往超出你的預期,所以正確標註出處很重要。

正確標註出處

網路上張冠李戴的語錄極為常見;名人身上總會被安上一些他們從沒說過的話。在卡片上寫下一個名字之前:

  • 找出原始出處:書籍、演講、訪談或信件,最好附上日期。
  • 對只出現在語錄網站和社群媒體、卻沒有註明來源的語錄保持懷疑。
  • 如果無法查證來源,就把出處標為不詳,或改用其他語錄。
  • 可以的話,附上出處的標題,例如書名,而不只是作者名。

了解著作權的基本概念

著作權保護的是文字中的原創表達,而不是想法。簡短引用相當普遍,但沒有任何字數門檻能讓引用自動變得安全,而且各國法律也不盡相同。以下是一些實用的建議:

  • 公有領域的作品最安全。 在美國,1931 年以前出版的作品,截至 2026 年一般都已進入公有領域。翻譯是獨立的作品:古老的文本若使用現代譯本,可能仍受著作權保護,因此請使用舊譯本,或自己翻譯。
  • 對歌詞、詩作和篇幅極短的作品要特別小心。 即使只有幾行,也可能構成短篇作品的重要部分,而音樂出版商會積極行使歌詞權利。
  • 摘錄要簡短並標明出處。 一句話加上清楚的出處標示,和貼出整段文字,或用一系列卡片重現整個章節,是截然不同的兩回事。
  • 商業用途的風險更高。 在許多司法管轄區,用語錄來推銷產品和個人分享會受到不同的對待。商業活動請先徵詢專業意見或取得授權。
  • 你自己的文字永遠安全。 有些最有效的卡片,引用的是品牌自己的文字、經過授權的顧客話語,或是貼文作者本人的話。

以上僅為一般資訊,並非法律建議;如果某個專案仰賴特定的語錄,請諮詢合格的專業人士。

發文前快速檢查清單

  • 文字只有一個想法,幾秒內就能讀完。
  • 換行落在自然的停頓處,沒有孤字。
  • 語錄明顯是最突出的元素。
  • 對比度至少 4.5:1,包括疊在照片上的部分。
  • 卡片尺寸符合平台,文字保持在安全區內。
  • 出處經過查證,並盡可能附上來源。
  • 替代文字包含完整的語錄與出處。

照著清單檢查一遍,你的卡片就會顯得用心、讀起來清楚,而且經得起被轉發分享。

延伸閱讀