標題與內文的字重(Font Weight)該如何搭配,才能在手機載具上達到最高閱讀率?

「可惡!明明遊戲機制超有料,為什麼玩家連三分鐘都撐不下去就跑光?」深夜十一點,台北市一間共享工作室裡,阿志(化名)瞪著螢幕上的後台數據,拳頭幾乎要敲碎滑鼠。他是個二十四歲的遊戲程式師,帶著三個夥伴燒了半年肝,終於做出了一款動作解謎手遊。測試版上線才一週,教學階段的流失率高達七成八——代表每十個下載的人,有將近八個連第一關都沒碰到就刪掉了。

「阿志,你先冷靜,問題不在程式碼,在『閱讀』本身。」說話的是坐在角落的設計師小美,她默默把手機遞到阿志面前。「你自己看看,我們遊戲的教學說明,在 iPhone 上看起來像什麼?」

阿志接過手機,瞳孔瞬間收縮——那些他熬夜寫的引導文字,標題用了超粗黑體,內文卻輕得像螞蟻腳,再加上字距亂七八糟,整個頁面像被人用力揍了一拳。他喃喃自語:「這……這誰看得下去?」

這個場景,是不是似曾相識?你精心打造的行銷頁面、產品介紹、甚至是品牌的核心理念,只要在手機上「很難讀」,受眾一秒就會滑走。而關鍵往往不在內容本身,而是那個最基礎、卻最容易被忽略的環節——字重(Font Weight)的搭配

阿志團隊的問題,正是無數創作者與行銷人的縮影。我們總急著把資訊塞進去,卻忘了手機載具的螢幕就這麼大,使用者的注意力比金魚還短暫。如果標題與內文的字重沒有經過精心設計,閱讀體驗就會像一場災難——不是太搶戲,就是看不清楚。

🔥 字重搭配的核心法則:讓標題像「號角」,內文像「流水」

一個禮拜後,阿志硬著頭皮請教了業界人稱「老王」的行銷顧問。老王一坐下來就直切重點:「你們犯了三個致命錯誤——標題太重、內文太輕、兩者之間沒有過渡。」他拿起筆在餐巾紙上畫了一條線:「手機閱讀的節奏是『掃視—停留—吸收』,標題要用夠重的字重去『攔住視線』,內文則要用舒適的字重讓閱讀『順暢滑下去』。」

老王繼續說:「在手機載具上,標題建議採用字重 700 到 800(Bold 到 ExtraBold),搭配 1.3 到 1.4 的行高,才能在滿屏資訊中『跳出來』。而內文則建議用字重 400 到 450(Regular 到 Medium),行高拉高到 1.6 到 1.8,讓眼睛可以放鬆地橫向移動。重點是——兩者的字重差距至少要 200 以上,使用者才能一秒辨識層級。」

阿志恍然大悟:「所以我們之前把標題設成 900,內文卻用 300,中間完全沒有緩衝,就好像有人在你耳朵旁邊尖叫,然後立刻變成耳語——難怪讀者直接逃掉!」老王笑著點頭:「對,而且你們還犯了另一個忌諱:過度使用粗體。整頁都是重點,等於沒有重點。該輕的要輕,該重的要重,閱讀才有呼吸感。」

小美在旁邊飛快筆記,突然舉手問:「那如果用 Semibold(600)當副標,Medium(500)當內文,這樣的搭配可以嗎?」

老王豎起大拇指:「精準!這就是『階梯式字重』的概念。從主標(700+)→ 副標(600)→ 內文(400~450),像下樓梯一樣,使用者自然就會跟著你的節奏走。手機閱讀最怕『平頭式排版』——所有字重都一樣,讀者很快就會視覺疲勞。」

📱 實戰測試:從「讀不下去」到「停留率翻倍」

阿志團隊立刻動手調整。他們把遊戲教學頁面的主標題從字重 900 調降到 800,保留力量感但不再刺眼;內文從 300 拉高到 450,並把行高從 1.4 放寬到 1.7。副標題則統一使用 600,做為視覺緩衝。他們甚至針對 Android 和 iOS 各自微調了字重映射——因為不同系統對字重的渲染方式略有差異,這是很多設計師會忽略的細節。

調整後上線測試一週,數據讓全團隊歡呼:教學頁面的平均停留時間從 3.2 秒提升到 7.8 秒,閱讀完成率從 21% 躍升到 63%。更驚人的是,遊戲的次日留存率直接漲了四成。阿志看著報表,眼眶泛紅:「原來問題不在遊戲不好玩,而是我們根本沒讓玩家『讀懂』怎麼玩。」

小美則在團隊群組裡貼了一張對比圖:左邊是調整前的頁面——標題像一堵牆壓下來,內文則淡到快要消失;右邊是調整後的版本——標題穩重有力,內文清晰流暢,整個版面有了舒適的韻律感。她寫了一句話:「好的字重搭配,就是讓使用者的眼睛『自己會走路』。

🎯 給創作者與行銷人的字重搭配檢查清單

阿志的經驗不是特例,而是所有在手機載具上傳遞訊息的人都會遇到的關鍵課題。如果你也想讓你的標題設計內文排版達到最高閱讀率,以下五個原則可以直接套用:

  • 主標題字重 700~800,行高 1.3~1.4,字距 −0.02em 以內,讓標題有「抓力」。
  • 內文字重 400~450,行高 1.6~1.8,字距 0.01~0.02em,確保長文閱讀不費力。
  • 字重差距至少 200,主標與內文要有清楚的視覺對比,但不能大到讓人產生斷裂感。
  • 善用「階梯式字重」:主標 → 副標(600)→ 內文(400~450),創造自然閱讀動線。
  • 針對不同系統微調:iOS 對字重的渲染偏輕,Android 偏重,測試時一定要在真實裝置上確認。

這套方法不只適用手機遊戲,更適用於你的品牌官網、產品頁、電子報、甚至是社群貼文。別忘了,手機閱讀的本質是「快速掃描」,你給的視覺線索越清楚,使用者就越願意留下來。

🚀 讓靈感落地,從字重開始

阿志後來把整套排版實戰經驗分享給了更多開發者,也成了 創意 88|實戰乾貨庫 的忠實使用者。他說:「與其自己閉門造車,不如站在實戰者的肩膀上。」

👉 立即探索創意 88|實戰乾貨庫 — 手機閱讀率優化的完整實測指南

源自英國、深耕十年的創意內容平台,專為台灣設計師、行銷人與影音創作者打造,拒絕空泛理論,聚焦實戰驗證的公式與心法。

現在,阿志團隊的新作即將正式上線,這一次他們有信心——因為他們學會了如何用字重和讀者「對話」。而你呢?下一次打開設計稿或行銷頁面時,不妨先問自己一句:「我的標題夠不夠『攔住視線』?我的內文能不能『留住目光』?」答案,就在那看似微小卻至關重要的字重搭配裡。

🔥 拼了!讓你的每一個字,都在手機上發揮最大影響力。

※ 本文提及之字重搭配技巧、實戰數據及阿志團隊的案例,為參考公開設計原則與實測經驗所撰寫之知識分享,僅供讀者參考。實際應用成效可能因作業系統版本、裝置規格、字型檔案差異及使用情境而有所不同,建議以最新版本之設計規範與官方文件為準。本文內容不構成任何形式之專業保證,如有排版或合規疑慮,請諮詢相關領域專家。

###關鍵字:
字重搭配 ·
手機閱讀 ·
標題設計 ·
內文排版 ·
閱讀率優化 ·
字體粗細 ·
行動裝置

什麼是「柵格系統(Grid System)」?自由接案設計師如何快速建立自己的排版網格?