實用工具
如何設計值得分享的語錄卡片:字體排印、版面與尺寸
文/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:1 | 1080 x 1080 |
| 直式動態貼文 | 4:5 | 1080 x 1350 |
| 限時動態與直式影片封面 | 9:16 | 1080 x 1920 |
| 橫式貼文與連結圖片 | 16:9 | 1200 x 675 或 1920 x 1080 |
| 寬版連結預覽 | 約 1.91:1 | 1200 x 630 |
實用提醒:
- 直式在動態中通常佔據更多空間。 4:5 的卡片在手機螢幕上佔的面積比正方形大,更容易被注意到。
- 直式格式要注意安全區。 在 9:16 的限時動態中,介面元素會遮住上方和下方。請讓文字保持在中央區域內。
- 輸出時寧大勿小。 平台會重新壓縮圖片。從清晰的高解析度 PNG 開始,能讓文字邊緣保持銳利。
- 以縮圖為設計前提。 發文前先看看卡片縮小後的樣子。如果在縮圖大小下讀不出語錄,就代表文字太長或太小了。
如果你不想手動製作每一種尺寸,可以使用 Text2Card:貼上文字,選擇幾種主題之一,再選擇正方形、直式或橫式格式,就能直接在瀏覽器中下載高解析度 PNG,不需要註冊帳號。
出處與著作權
語錄卡片傳播的範圍往往超出你的預期,所以正確標註出處很重要。
正確標註出處
網路上張冠李戴的語錄極為常見;名人身上總會被安上一些他們從沒說過的話。在卡片上寫下一個名字之前:
- 找出原始出處:書籍、演講、訪談或信件,最好附上日期。
- 對只出現在語錄網站和社群媒體、卻沒有註明來源的語錄保持懷疑。
- 如果無法查證來源,就把出處標為不詳,或改用其他語錄。
- 可以的話,附上出處的標題,例如書名,而不只是作者名。
了解著作權的基本概念
著作權保護的是文字中的原創表達,而不是想法。簡短引用相當普遍,但沒有任何字數門檻能讓引用自動變得安全,而且各國法律也不盡相同。以下是一些實用的建議:
- 公有領域的作品最安全。 在美國,1931 年以前出版的作品,截至 2026 年一般都已進入公有領域。翻譯是獨立的作品:古老的文本若使用現代譯本,可能仍受著作權保護,因此請使用舊譯本,或自己翻譯。
- 對歌詞、詩作和篇幅極短的作品要特別小心。 即使只有幾行,也可能構成短篇作品的重要部分,而音樂出版商會積極行使歌詞權利。
- 摘錄要簡短並標明出處。 一句話加上清楚的出處標示,和貼出整段文字,或用一系列卡片重現整個章節,是截然不同的兩回事。
- 商業用途的風險更高。 在許多司法管轄區,用語錄來推銷產品和個人分享會受到不同的對待。商業活動請先徵詢專業意見或取得授權。
- 你自己的文字永遠安全。 有些最有效的卡片,引用的是品牌自己的文字、經過授權的顧客話語,或是貼文作者本人的話。
以上僅為一般資訊,並非法律建議;如果某個專案仰賴特定的語錄,請諮詢合格的專業人士。
發文前快速檢查清單
- 文字只有一個想法,幾秒內就能讀完。
- 換行落在自然的停頓處,沒有孤字。
- 語錄明顯是最突出的元素。
- 對比度至少 4.5:1,包括疊在照片上的部分。
- 卡片尺寸符合平台,文字保持在安全區內。
- 出處經過查證,並盡可能附上來源。
- 替代文字包含完整的語錄與出處。
照著清單檢查一遍,你的卡片就會顯得用心、讀起來清楚,而且經得起被轉發分享。
延伸閱讀
- 週末自駕遊怎麼規劃:看開車時間,而不是看距離
用「開車時間圈」取代公里數來規劃週末小旅行:如何在 2、3、4 小時的範圍中挑選目的地,並兼顧疲勞管理、行李打包與旅費預算。
- 如何設定 Tesla 自訂上鎖音效與 Boombox 音效(而且合法)
USB 隨身碟格式化、LockChime.wav 檔案、Boombox 資料夾、哪些車款支援、僅限停車時使用的規定,以及如何挑選你確實有權使用的音效。
- Android 多工指南:分割畫面、子母畫面與浮動視窗
Android 多工實用指南:何時該用分割畫面、子母畫面或浮動視窗,以及懸浮權限、電池與隱私方面的建議。
