社群圖文字量多少才對?滑動速度決定的字數上限

多數人以為,社群圖文字寫得越完整,讀者就會覺得這則貼文越有誠意,重點列滿、優惠寫清楚,活動細節一次到位。實際上滑手機的速度,根本等不到這份誠意被讀完,眼睛還停在第一行,拇指已經滑向下一則貼文。

社群圖文字量,說的正是這件事——一張圖該放多少字,才不會在被滑過去的那零點幾秒裡,連第一句話都還沒被看懂。這不只是美感問題,而是一道有數據撐腰的排版判斷。連國際最大的廣告投放平台,都曾經用規則物理擋掉文字塞太滿的圖片,背後的理由並不複雜,這類圖片的成效向來比較差。抓對文字量,貼文才有機會在滑動的瞬間被看懂、被記住,不會又變成一張被滑過的雜訊。

先從這件事為什麼會被滑動速度放大講起,再一路拆到具體能放進幾個字。

同一則優惠貼文並排,字塞滿整張圖的版本在滑動時來不及讀完就被略過,只留一句大標題與幾句短句、留白充足的版本才在滑到的當下被看懂
字塞太滿的圖在零點幾秒裡就被滑走,只留大標題與幾句短句、留白足夠的版面,才有機會在滑動的當下被看懂。

手機滑動速度快,圖上文字撐不到被讀完

打開手機動態消息,拇指滑動一次大概只花零點幾秒,這個動作跟坐在電腦前讀一篇文章完全是兩件事。網頁文章有捲軸、有回頭捲的機會,讀者看不懂可以停下來重看;社群動態沒有這個緩衝,一張圖片能不能被讀完,只取決於它在被滑過的那一瞬間有沒有被看懂。

沒被讀完的圖,不會有第二次機會。讀者不會為了一句沒看懂的標語特地滑回去重看,這則貼文的命運基本上就在那零點幾秒裡決定了。

這也是為什麼,連國際最大的廣告投放平台 Meta,都曾經用規則物理擋掉文字塞太滿的圖片。不是平台故意跟廣告主過不去,而是這類圖片在真實使用者面前的成效,一貫比同類但文字量少的版本差。這條規則後來不再強制卡審核,但同一份官方創意最佳作法說明裡,至今仍寫著文字量少的素材通常表現更好。

Meta 曾經用「文字比例」擋過度塞字的廣告圖

這條規則的全名是文字比例規則,曾經相當硬性,一張廣告圖片只要文字覆蓋面積超過整體的兩成,投放時就會被降低觸及,嚴重時直接卡審核、上不了架。

這套規則施行了好幾年,直到 2020 年 9 月,Meta 才正式宣布不再因為文字比例卡審核,文字塞得再滿的圖片,理論上也能通過投放審核。但同一份官方創意最佳作法說明裡,至今仍建議廣告主盡量減少圖片上的文字量,把詳細訊息留給標題與內文欄位處理,而不是全部擠進圖片本身。

這段歷史說明了一件事,圖片文字量該精簡,不是設計師的個人潔癖,而是有實際投放數據撐腰的判斷。

手機螢幕能舒服讀完多少字?

連國際平台都能拿數據證明文字少比較有效,但少是多少字,才是多數人排版時真正卡住的地方,結果只好憑感覺亂抓一個數字。

這裡把兩個限制疊起來算給你看:手機螢幕實際能顯示多寬、字要多大才看得清楚。兩個條件一疊,就能推出一段文字在手機螢幕上大概能舒服放進多少字。要先說清楚,這裡的數字是用可視寬度和最小可讀字級換算出來的實務區間,不是某一篇研究直接給的定論,實際排版時還是可以依畫面內容彈性調整。

主流手機的可視寬度,其實比想像中小

根據 StatCounter 目前公布的全球行動裝置螢幕解析度統計,目前最常見的手機螢幕寬度是 414 像素,占全球行動流量約 12%;其次是 360 像素,約 9%;再來是 390 像素,約 6%。光是這三個寬度,就已經涵蓋超過四分之一的全球行動流量,而且都落在 360 到 414 像素這個區間裡。換句話說,多數人滑手機時,實際看到你這張圖的寬度,大概就是這個範圍。

但多數人排版時打開的設計軟體,畫布動輒是 1080 像素見方,甚至更大。在電腦螢幕上看,這麼寬的畫布擺幾行字綽綽有餘,縮小到 360 幾像素的手機寬度之後,原本鬆散的行距與字距,會一口氣被壓縮成三分之一左右。看起來遊刃有餘的版面,到了讀者手上其實擠得很緊。

主流手機可視寬度落在 360 到 414 像素,只有設計軟體常用的 1080 像素畫布的三分之一左右,排版時看似寬鬆的版面到手機上會被壓縮
主流手機可視寬度落在 360–414px,只有設計畫布 1080px 的三分之一左右,這三個寬度合計就涵蓋超過四分之一的全球行動流量(資料來源:StatCounter)。

字級小到看不清楚,等於文字沒被讀到

螢幕擠成一團是第一個限制,第二個限制跟字本身的大小有關。全球資訊網協會(W3C)訂出的網頁無障礙規範 WCAG,把可讀的文字分成兩層門檻。一般本文字級,對比度至少要達到 4.5:1;字級達到 18pt 以上(加粗的話 14pt 以上就算),對比門檻可以放寬到 3:1。這套標準原本是給網頁用的,但邏輯完全適用在社群圖上,字放上去不代表就讀得到,要放到這個門檻以上,才算真正被看見。

光字級夠大還不夠,對比度沒跟上一樣白搭。淺色文字疊在花紋複雜或亮度接近的背景上,就算字級遠遠超過門檻,讀者還是得瞇著眼睛猜,這跟字太小是同一種問題,都是文字技術上存在,但實際上沒被讀到。

換算下來,一段文字大概落在多少字?

把這兩個限制疊在一起換算,可以抓出一個大致的操作區間。手機可視寬度以 360 到 414 像素這個區間來算,扣掉版面留白後,實際能放文字的寬度大概只剩三百多像素;搭配大標題該有的字級,一行能舒服放進的中文字,大概落在十個字上下,標題控制在一行到最多兩行,總字數大約落在 10 到 16 個字之間,是比較安全的區間。至於內文或副標,字級可以稍微收小,但也不該小於本文字級門檻,一行大概能放 15 到 18 個字,分成三到四個短句換行,總字數抓在 30 到 50 個字左右,讀起來還算舒服。

這個區間抓得比常見的英文字數建議更保守,是因為中文和英文不是同一種密度。英文用單字數計算,一個單字通常只對應一個簡單概念;中文一個字本身就承載完整的語義,筆畫也比字母複雜,同樣的版面寬度,能放進的中文字數天然就比英文單字數少。國際上常看到的英文文字量建議,不能直接套用同一個數字到中文版面,得再往下抓。

這些數字是用可視寬度和最小可讀字級反推出來的實務區間,不是某一篇研究直接給的鐵律。同一支手機、同一款字體,換個粗細或行高,能放的字數都會有出入,拿來當排版時的心裡尺就好,不必逐字精算。

標題和內文,字數怎麼分配?

抓到大概的字數區間之後,下一個問題是社群圖文字量要怎麼在畫面裡分配。同一張圖上,大標題、內文或副標、還有該留給貼文說明文字(caption)的內容,各自的角色不一樣,字數上限也不該套同一套標準。把總量硬塞進單一層,通常就是標題寫成一段話,或內文被壓縮成幾個字看不出重點。

社群圖的文字分成三層,大標題約 10 到 16 字、內文或副標約 30 到 50 字,完整報名流程與規則等細節則交給圖說文字處理
同一張圖的文字分三層各司其職:大標題壓在 10–16 字、內文 30–50 字拆成短句,需要耐心讀的細節則留給圖說文字。

大標題的字數上限,決定讀者滑不滑走

大標題是整張圖裡唯一保證會被看到的文字,讀者滑到這張圖的那零點幾秒,眼睛第一個抓到的就是它,後面還有沒有耐性往下看,幾乎全靠這句話決定。正因為如此,大標題的字數要壓在前面算出來的最緊區間裡,大約 10 個字上下、最多不超過一行半到兩行,而且用字要直接講結論或利益點,不留模糊空間。

比起「掌握三個訣竅」這種沒把訣竅講清楚的標題,直接寫成「三個訣竅,讓貼文更容易被看完」這種語感明確的版本,能讓讀者在滑到的當下就知道這則貼文值不值得停留。

內文或副標,可以比標題多幾個字

內文或副標的角色跟標題不一樣,標題負責讓讀者決定要不要停下來,內文負責在讀者停下來之後,把重點補完整。因為如此,內文可以比標題多放一點字,抓在 30 到 50 個字左右都還算合理,但字數放寬不代表可以整段擠在一起。把內容拆成三到四句短句各自換行,搭配足夠的行距和留白,讀者的眼睛才能一句一句掃過去,而不是面對一整塊密密麻麻的文字牆,還沒讀完就先放棄。

哪些內容該留給圖說文字,不必擠進畫面

圖片文字和貼文說明文字(caption)負責的是兩個不同階段的讀者。圖片文字要在滑動的瞬間讓人停下來,讀者還沒決定要不要多看一眼的時候,圖片文字就已經在做判斷題;caption 接手的是已經停下來、願意再花幾秒看更多的讀者。

活動的完整報名流程、優惠的詳細使用規則、資料來源這類需要耐心讀完才有用的內容,留給 caption 處理就好,不必也不該硬塞進圖片裡,擠壞版面又沒人看得完。

貼文形式不同,文字量上限也要跟著改

前面幾節談的都是單張圖片本身的字數原則,但同一套數字不能不分青紅皂白套到所有貼文形式上。單圖貼文、輪播貼文、限時動態,讀者停留的耐性和版面條件天差地遠,文字量上限也該跟著形式調整,而不是全部套用同一個標準。

單圖貼文文字量要壓到最緊,輪播用拆頁代替塞字、每頁仍守單圖上限,限時動態要比單圖再收緊並避開介面元素遮住的上下緣
單圖、輪播、限時動態的停留耐性不同,文字量上限也要跟著形式調整:單圖壓到最緊、輪播拆頁不塞字、限動再收更緊。

單圖貼文,字數要壓到最緊

單圖貼文只有一張畫面,沒有第二頁可以接續,所有想講的東西都得在這一張圖裡決勝負。正因為沒有退路,單圖的文字量在三種形式裡是最嚴格的,前面算出來的標題與內文區間,單圖幾乎是上限,不是可以放寬的起點。真的有東西講不完,答案不是把單圖硬塞成兩倍字,而是換一種形式。

輪播貼文,用「拆頁」代替「塞字」

輪播貼文多了好幾頁的空間,讀者也確實比較願意為了輪播多滑幾下,但這不代表每一頁可以塞進更多字。輪播該解決的是內容太多的問題,不是拿來合理化每頁字太滿。正確做法是把原本硬要塞進一張圖的內容拆成好幾張圖,每一頁仍然守住單圖那套字數上限,一頁只講一個重點,讀者滑到下一頁才接著看下一個重點。

限時動態,停留更短、字要更少

限時動態的機制跟一般貼文不一樣,它會在幾秒後自動跳下一則,讀者能留給每一則的時間,比在動態消息裡滑動還要短。文字量因此要比一般貼文更精簡,連前面算出來的單圖字數上限,在限動裡都該再收緊。

除了字數,版位也要注意。大頭貼、互動貼紙、時間進度條這些介面元素,通常會蓋住畫面的最上緣和最下緣,重要文字放進這兩塊區域,常常還沒被讀到就先被介面擋住了。

文字硬是太多,怎麼精簡而不漏掉重點?

道理都懂,實際排版時常常還是會卡在同一個地方,東西真的很多,怎麼刪都覺得每一句都重要。這種時候與其乾脆放棄控制字數,不如照著幾個具體的方法動手做,字少從來不是資訊變少,而是把先看哪句的決定權還給正在滑動的讀者。

先問一句:這張圖只能留下哪一句話?

動手排版前,先問自己一句:「如果這張圖只能留下一句話,會是哪一句?」這句話通常就是最該放進標題的核心訊息。

回答完這個問題,再回頭看其他還想講的內容,依重要度排出順序,排在前面的留在圖上當內文,排到後面的大方降級到圖說文字裡處理,不用每一句都硬留在畫面上。

拆成兩張圖,比硬塞進一張更有效

內容真的很多,常見的反射動作是把字級縮小、行距擠緊,想辦法把所有東西塞進同一張圖裡。但內容多跟一張圖塞很多字其實是兩個問題,前面談輪播貼文時提過,內容多該解決的方式是拆頁,不是硬擠。

與其把字級一路縮到讀者要瞇眼才看得清楚,不如拆成兩張圖,每一張都維持在舒服的字數區間,讀者滑兩下,反而比瞪著一張塞爆的圖片更容易把內容看完。

用對比和留白,讓少數文字更醒目

字數壓下來之後,版面看起來會不會顯得單薄,關鍵不在字多字少,而在對比夠不夠。國際使用者經驗研究機構 Nielsen Norman Group 對文字疊圖片的建議是,文字和背景的對比至少要達到一定門檻,字級夠大時門檻可以放寬,但絕不能省。

實務上常見的做法,是在文字底下加一層半透明的深色底或漸層,把原本雜亂的背景壓成比較單純的底色,文字才不會被背景的紋理和顏色吃掉。加大字級的對比、拉開重點與次要文字的層次、在文字四周留出足夠的呼吸空間,都是用排版本身讓字少看起來份量十足的做法,不必靠加字去補存在感。

社群圖文字量控制到最後,其實不是為了畫面好看,而是替讀者先做完一個判斷,這張圖值不值得他停下滑動的手指把它看完。省下來的每一個字,都是把值不值得看這個決定,提前替讀者篩過一輪;硬要把想講的話一次講完,看似誠意十足,實際上是把這個判斷整個丟給讀者,要他自己在零點幾秒裡做完,結果往往是他選擇不做,直接滑走。字少一點,尊重的是讀者滑動的速度;把版面的留白,留給真正重要的那句話,而不是留給捨不得刪的貪心。

資料來源
  1. About text in ad images — Meta
  2. Mobile Screen Resolution Stats Worldwide — StatCounter
  3. Understanding Success Criterion 1.4.3: Contrast (Minimum) — W3C
  4. Ensure High Contrast for Text Over Images — Nielsen Norman Group