哈囉你們～～我是Vivian Lee 李宛蓉啦～今天要來聊一個我超有感的話題，那就是圖片裡面的文字要怎麼排，才不會讓整張圖看起來亂糟糟，還能一眼吸引人停下來看👀！你知道嗎？一張圖如果排版抓得好，真的會讓人忍不住點進去看，甚至直接收藏或分享出去！不是開玩笑，我自己就遇過幾次同樣內容但不同排版，點擊數差了快三倍，整個超傻眼欸。
所以這篇我會分享一些我平常用的圖片文字排版技巧，不是那種教科書型啦～是我自己實戰很有用的！還會偷偷分享幾個我最愛的小工具，還有匿名範例可以學，想讓社群圖更強吸引力，就快看下去吧～(๑˃̵ᴗ˂̵)و
圖片裡的文字真的有差嗎？
我跟你說，有差，而且差很大！
很多人做圖的時候會有種錯覺，覺得圖片好看就夠了。但在社群這種「滑過即忘」的節奏裡，圖片＋對的文字＋完美排版才是一整個set。特別是在IG、FB這種圖片先決的平台，你的圖就是你說話的第一句話。
之前有個品牌找我諮詢，他們用的產品照明明很好看，可是點閱率一直超低，我一看就發現問題點：文字超多，還壓在產品圖正中間，看得我眼睛好累。後來我們重新排版、簡化文案，讓主視覺乾淨又清楚，一週內互動率直接漲快兩倍！真的不是我在誇張～
如何設計讓人一眼看懂的視覺動線？
我們人在看圖的時候，其實眼睛都有「走路路線」啦哈哈～不是亂飄的。
有兩種最常見的視覺閱讀動線：F型跟Z型。
- F型就是習慣從左上看到右下，適合那種需要快速掌握重點的內容，例如主標放左上角、副標放右邊或底部。
- Z型比較適合對比型的內容，像是Before/After的美妝、減脂照，或是有時間軸概念的資訊。
有一次我幫一家火鍋店設計活動圖，我就採用F型動線。主標「週末限定｜雙人鍋套餐送肉盤」放左上角，右下角小字「僅限新北門市」，中間就直接鋪滿熱騰騰的火鍋照片～貼出去那天預約爆滿！真的，我連自己都沒訂到欸。
文字跟圖片之間，怎麼抓那個舒服的比例？
這個問題超多人問～大家常常不是太客氣放一咪咪文字，就是太暴力塞一堆字，整張圖都變成作文比賽。
我自己習慣抓「文字占圖片比例大概30%」，剩下70%就讓圖片自由發揮。當然不是說每張都要拿尺量啦～但基本上，只要不要讓文字擋到圖片重要細節，比如食物的肉汁在流你卻剛好把文字蓋上去，真的會想哭。
還有個小技巧就是：讓文字放在圖片的「留白處」。有些照片本來就有空間可以利用，像是咖啡杯旁邊的桌面啦、模特側邊的牆面啦～這種地方都很適合擺文字。另外，我常會加一點半透明色塊在文字底下，這樣字就不會跟圖片打架，超清楚der！
選字體，也是一種心理戰術
不要小看字體選擇，它會默默影響大家對你品牌的感覺。
來，我整理幾個我自己常用的搭配邏輯，超簡單：
| 氛圍 | 字體類型 | 給人感覺 |
|---|---|---|
| 有質感 | 宋體、襯線體 | 看起來比較專業高級 |
| 可愛親切 | 圓體、手寫體 | 很適合甜點、美妝、美甲類 |
| 有力氣 | 粗黑體 | 很適合促銷、倒數、快閃活動 |
像我有位客戶是賣手工茶飲的，我建議她在圖片上用了一款仿書法字體，搭配大量留白，整體看起來文青又有氣質，結果那張圖被瘋狂分享，還登上探索頁欸！
顏色搭配：好看以外，還要好閱讀
顏色真的很重要，特別是對比感！
像是黑底黃字或白底深藍字，都屬於非常好辨識的組合。你如果是新手，我會建議你就從這種高對比下手，成功率高很多。而且啊，互補色（像藍＋橘、紫＋黃）也很好用，既醒目又有設計感。
我自己大忌就是紅字＋綠底，真的會變聖誕風……還有漸層字體，看起來雖然炫，但可讀性通常很糟，除非你很有排版經驗，不然不建議亂用。
給圖多一點空氣感：留白的重要性
不要怕空間太多，真正會排版的人都知道：空白就是一種高級的設計感。
文字不要貼邊貼得太死，至少要預留10%的邊距。而且文字行距也不能太擠，我一般會抓字高的1.5倍來做行距，這樣閱讀起來才會舒服。你塞得越滿，觀眾越懶得看，這是真的！
我之前有一位品牌合作對象，傳來的圖片就是滿滿字塞到邊角，然後問我為什麼沒有互動，我真的很想說：「因為大家不想被文字追殺啊～」
不同平台，有不同排版邏輯
這裡我稍微小整理一下，因為平台真的會影響排版策略，不能一圖走天下唷！
- Instagram（方圖）：最重要的內容放中間，因為預覽圖會被裁。還有不要讓文字被頭像或愛心那排遮住，我真的遇過好幾次…
- Facebook（橫幅）：適合左圖右文、或上下分層型。重點是Call to Action按鈕位置要跟文字有呼應。
- LINE 官方帳號：直式為主，字體一定要夠大（至少16pt），資訊放在圖上半部最安全。
工具小幫手推薦給你
懶得自己畫格線？那你一定要試試這些工具～
- Canva：我最愛的神器之一，有內建「文字網格」功能，基本上只要丟進去，就能自動幫你對齊，超懶人。
- Photoshop：雖然進階一點，但「參考線＋自動對齊」超精準，適合有基礎的你～
還有字體資源我也不藏私：
- 粉圓體：適合甜美風格，拿來做蛋糕照超搭。
- 台北黑體：乾淨簡約，很適合商業簡報類圖片。
台灣在地案例偷偷講
分享幾個我超欣賞的台灣案例，讓你更有感！
- 某文青飲品品牌（你知道是哪家我就不說了嘿）：用了大量書法字體搭配留白，整體感覺很沉靜、很有文化味。
- 某便當品牌的「滷肉語錄」：用對話框放短句，搭配近拍食物照，讓整張圖很有「人味」，互動超高。
- 某鳳梨酥品牌的形象照：每張圖只放一句話，不超過10個字，字體和產品顏色同步，看起來好精緻。
一些你一定會遇到的小困擾（然後怎麼解）
Q：圖片太小、文字太多怎麼辦？
A：分層排！主標5字以內、副標15字內，詳細資訊請你放留言處或引導點連結～觀眾才會想看下去。
Q：圖片在手機上看很糊、很小？
A：設計好一定要先傳自己手機預覽一下！不然在電腦上看很美，手機上一整個慘不忍睹。
Q：做圖沒靈感怎麼辦？
A：我都會上 Pinterest 輸入「Chinese typography」或「海報設計」，靈感立刻滿出來，超有用！
練習一下，真的不難！
這邊給你一個練習任務唷：
設計一張「奶茶買一送一」活動圖～
圖片構成建議：
- 背景圖：珍珠奶茶的滿版照
- 主標題：大大的「珍奶自由日」
- 副標題：「6/18~6/20 買一送一，限時快閃」
- 小巧思：加點Q版珍珠圍繞主文字，看起來超有fu～
記得做好之後告訴我！我最喜歡看大家的作品了，真的會偷偷激動🥹
好啦今天就分享到這邊～
你以為排版只是字放圖上？錯囉～它其實是一種說故事的方式！圖片裡的每個文字、每個留白、每個顏色，其實都在幫你講話～
想讓觀眾不只看懂，還想轉發，就從文字排版開始吧～別忘了收藏這篇，有空多練習練習，咱們下篇見～啾咪💕
