目錄(41 節)
- 資訊圖唔等於「叫 AI 畫張靚圖」
- 粵語資訊圖多一層難度
- 為什麼要「五步」而唔係「三步」
- 五步流程一眼睇
- 第一步:資料整理——先決定讀者要記住邊一句
- 一頁只講一個主張
- 數字同出處要一齊記低
- 刪到剩三成
- 用「問題清單」代替「內容清單」
- 第二步:結構——砌一個可以掃視嘅骨架
- 由上而下、由左至右嘅動線
- 標題最多三層
- 留白係結構嘅一部分
- 四個可以照抄嘅版面骨架
- 第三步:AI 出底圖——叫 AI 畫空間,唔好叫佢畫字
- 文字留返自己排
- 提示詞要寫構圖同留白區
- 一次生幾張,揀最易排字嘅嗰張
- 生成圖要有水印同紀錄
- 第四步:上字——粵語排版嘅四個細節
- 字型要用有齊粵語口語字嘅
- 中英夾雜要統一基線
- 行距寧鬆莫緊
- 數字要對齊
- 第五步:QC——出街前逐項打勾
- 三個最常見錯誤
- 錯誤一:字太多
- 錯誤二:對比不足
- 錯誤三:數據無出處
- 【獨家觀察】AI 令「做得快」變成新風險
- 團隊分工:一個人做同三個人做
- 常見問題 FAQ
- AI 資訊圖係咪一定要用生成工具?
- 點解 AI 生成嘅圖上面啲字會亂?
- 粵語資訊圖同普通話資訊圖有咩分別?
- 一張資訊圖放幾多個數字先算合理?
- 生成圖嘅水印會唔會影響我用?
- 我要做一系列資訊圖,有咩方法保持一致?
- 資訊圖做完之後,仲有咩可以延伸?
- 生成圖揀唔到理想嘅點算?
- 想聽下你張資訊圖配粵語旁白會係點?
AI 資訊圖:粵語內容五步流程(2026)
用 AI 資訊圖將粵語內容製作流程標準化,五步由選題到發布,附提示詞與校對重點。
一句答你:AI 資訊圖嘅正確做法係「AI 出底圖、你上字」——五步走:資料整理 → 結構 → AI 生成視覺底圖 → 設計軟件排字 → QC 出街;文字、數字、出處永遠由人手控制,唔好交俾生成工具。
重點摘要 Key Takeaways
- 資訊圖成敗喺第一步:資料未整理好,AI 只會幫你更快出錯。
- 生成工具最弱一環係準確渲染文字,所以底圖同文字一定要分開做。
- 粵語內容多一層難度:口語字(嘅、哋、咗、喺、嚟)同中英夾雜,字庫同排版都要逐項驗。
- 三個最常見錯誤:字太多、對比不足、數據無出處。
- 出街前用一張 QC 清單逐項打勾,比事後改圖便宜好多。
- 生成圖帶水印同內容憑證,對外發佈要保留紀錄同講清楚。
資訊圖唔等於「叫 AI 畫張靚圖」
好多人第一次用 AI 做資訊圖,輸入一句「幫我做一張關於香港樓價嘅資訊圖」,出到嚟張圖好靚,但啲字歪歪斜斜、數字亂咁拼、中文變成似字非字嘅符號。原因唔係工具唔夠叻,而係工作次序錯咗:你叫一個視覺工具同時做排版同文案,佢兩樣都唔擅長。
資訊圖(infographic) 係一種把數據、流程或者概念壓縮成「一屏可掃視」嘅視覺載體,重點係令讀者三十秒內拿到結論,唔係令張圖好睇。呢個定義一擺正,你就會明白:好睇係副產品,資訊準確同易讀才係主菜。
視覺層級(visual hierarchy) 係指用大小、粗細、顏色、位置去話俾讀者知「先睇邊句、後睇邊句」。資訊圖冇視覺層級,等於一份冇分段嘅報告,讀者要自己搵重點,多數會直接離開。
生成工具喺構圖、氣氛、材質呢幾層已經相當成熟,但喺「準確渲染文字」呢一環仍然係公認難題。學術界就係針對呢個問題做研究:Glyph-ByT5 專門處理視覺文字渲染(Glyph-ByT5 論文, 2026),PosterMaker 就針對產品海報嘅文字排版(PosterMaker 論文, 2026)。兩篇都指向同一個結論:文字係獨立一層問題,唔係「叫模型畫埋」就會自動搞好。
粵語資訊圖多一層難度
如果你做嘅係粵語內容,仲要多過一關。香港人日常寫嘅係「嘅、哋、咗、喺、嚟、唔、咩、喇、囉」呢類口語字,唔少字型檔收字唔齊,排版時會變成豆腐格,或者跳去其他字型,一行字大細唔一致。
加上中英夾雜係香港日常語言特徵,一行裡面拉丁字母同漢字嘅基線、字重、字距都唔同。例如「check 吓個 deadline」、「follow up 埋個 quote」呢類寫法,唔處理就會高低不平,睇落好似未排好版。
呢啲細節,生成工具唔會幫你補,設計軟件就要你手動調。所以流程設計上,AI 同排版工具係分工,唔係替代。
為什麼要「五步」而唔係「三步」
三步(整理、生成、發佈)聽落爽快,但真實項目會喺第三步同發佈之間失控:AI 出咗張圖,你覺得靚就發,數字冇核過、出處冇寫、字型缺字冇人發現。五步嘅作用係強制插入兩個檢查點——結構(第二步)同 QC(第五步)。檢查點唔會令你慢,反而係唯一令你唔需要事後補救嘅方法。
五步流程一眼睇
| 步驟 | 你要做嘅事 | 產出 | 最常出錯 |
|---|---|---|---|
| 1 資料整理 | 揀一個主張、核實數字、記低出處 | 一張要點清單 | 想講十件事 |
| 2 結構 | 排閱讀次序、分標題層級、留白 | 手繪草圖或線框 | 由上塞到下 |
| 3 AI 出底圖 | 生成背景、插圖、質感,唔生成文字 | 一張無字底圖 | 叫 AI 寫字 |
| 4 上字 | 喺設計軟件排標題、數據、出處 | 可編輯嘅成品檔 | 字型缺字、對比不足 |
| 5 QC | 逐項核對數字、錯字、對比、出處 | 出街版 | 冇人覆核就發佈 |
五步之中,第一、二、五步全部係人手工作,AI 只喺第三步出手。呢個比例唔係保守,係實際:資訊圖嘅價值嚟自「你講咩」,唔係「用咩工具畫」。
第一步:資料整理——先決定讀者要記住邊一句
一頁只講一個主張
資訊圖最常見嘅死法,唔係醜,係貪心。你想同時講市場規模、用戶年齡分佈、競爭對手、未來預測,結果每一格都細到睇唔清。做法係:先用一句話寫低「讀者睇完要記住咩」。例如你寫低「客服查詢有時段高峰,人手編排要跟住走」,呢一句就係你張圖嘅脊椎,其他內容只可以由佢長出嚟。
主張(key message) 係指你希望讀者離開頁面之後仍然記得嘅單一結論。一張圖一個主張,兩張圖兩個主張,好過一張圖十個主張。
數字同出處要一齊記低
整理資料時,數字同出處要寫喺同一行,唔好分開。原因好簡單:你三日後返嚟排版,只會記得個數字,唔會記得邊度嚟。出處一旦甩咗,你要麼重新搵一次,要麼索性唔寫——而後者就係「數據無出處」嘅起源。
例如你要寫「約 240 字符等於一分鐘廣東話旁白」,就要同時寫低呢個換算嘅來源同日期;如果只抄個數字,之後就無法核實,亦無法交代。
刪到剩三成
一個實用練習:第一稿寫完,強迫自己刪走七成內容,只留三成。剩返嘅三成通常就係最有力嘅數字、最反常識嘅觀察、最直接嘅對比。刪走嘅內容唔會浪費,佢哋可以變成第二張圖,或者變成貼文文案。
用「問題清單」代替「內容清單」
整理階段最好用問題做單位,唔好用主題做單位。例如唔好寫「客戶服務」呢個主題,而係寫「邊個時段最多人打嚟?」「打嚟嘅人最想解決咩?」每一條問題答完就係一格內容。好處係你永遠知道每格喺解答咩,讀者亦會跟住問題一路睇落去。
第二步:結構——砌一個可以掃視嘅骨架
由上而下、由左至右嘅動線
閱讀動線(reading path) 係指讀者眼球由入圖到離圖嘅移動路線。華文讀者習慣由上而下、由左至右,所以最重要嘅資訊放左上,結論放右下或者底部橫幅。如果你把重點放右下角,好多人根本去唔到。
標題最多三層
一張資訊圖,標題層級最多三層:大標、區塊標、註解。再多,讀者就要花精神去分辨邊句大邊句細,浪費咗本來用嚟理解內容嘅注意力。實際做法:大標一句講結論,區塊標三至五個講分支,註解一行講補充同出處。
留白係結構嘅一部分
留白(negative space) 係指畫面裡面冇放內容嘅區域。留白唔係浪費位,佢係用嚟分隔組別、指示群組關係。兩個區塊之間冇留白,讀者就會以為佢哋係同一組。呢個係免費而且最有效嘅排版工具。
草圖階段建議用紙筆或者任何線框工具,唔好用生成工具。呢個階段你要嘅係快、可改、可以擦走,唔係靚。
四個可以照抄嘅版面骨架
| 骨架 | 適合內容 | 結構重點 |
|---|---|---|
| 三段式直落 | 流程、步驟、時間先後 | 上標題、中三個區塊、底結論 |
| 左圖右數據 | 單一主題配插圖 | 左邊三分之二圖,右邊清單式數據 |
| 中央圓環 | 分類、生態、持份者 | 中間核心概念,四周放射說明 |
| 橫向時間軸 | 演變、里程碑、版本 | 由左至右,每一節點一行字加日期 |
同一個系列用同一個骨架,讀者會認得你。每次都重新設計版面,等於每次都重新教讀者一次。
第三步:AI 出底圖——叫 AI 畫空間,唔好叫佢畫字
文字留返自己排
生成工具嘅強項係構圖、光影、材質、氣氛;弱項係準確文字。你叫佢畫「一個寫住業績增長嘅圖表」,出嚟嘅字十居其九係似字非字。學術研究已經講得好清楚,視覺文字渲染要專門處理(Glyph-ByT5 論文, 2026),海報級排版亦有獨立方法(PosterMaker 論文, 2026)。實務結論只有一個:底圖歸底圖,文字歸文字。
提示詞要寫構圖同留白區
提示詞唔係寫「幫我做資訊圖」,而係寫「一張淺色背景、左邊三分之二留空、右邊有抽象幾何插圖、無任何文字、預留標題區」呢類構圖指令。關鍵三樣:
- 講明「無文字」;
- 講明留白放喺邊;
- 講明色彩方向同氣氛。
例如你要做一張關於長者使用語音服務嘅圖,可以叫 AI 生成「柔和自然光、一位長者用平板嘅背影、右側大面積留白、無文字」;出到嚟嘅圖右邊就係你之後放數據嘅位。
一次生幾張,揀最易排字嘅嗰張
生成係便宜的,排版係貴的。所以第三步唔應該追求「最靚」,而係追求「最容易上字」。判斷標準有三個:留白夠唔夠、主體有冇擋住文字區、顏色會唔會同你嘅字色打架。三樣都過唔到,就再生成,唔好硬用。
生成圖要有水印同紀錄
根據 Nano Banana 官方文件(2026-10-31),生成圖片會含 C2PA Content Credentials 同 SynthID 水印(Nano Banana 官方文件, 2026)。呢個係好事:對外發佈時,你要保留生成紀錄,講清楚邊部分是生成、邊部分係人手製作。
香港數字政策辦公室嘅《香港生成式人工智能技術及應用指引》強調透明、問責同資料保障(數字政策辦公室, 2026);私隱專員公署亦有關於 AI 同個人資料保障嘅框架(私隱專員公署, 2026)。做資訊圖即使唔牽涉個人資料,透明呢一項照樣適用。
順帶一提,AI 工具對粵語嘅支援程度差異好大:Veo 官方文件講明 English 完全支援、其他語言未評估(Veo 官方文件, 2026);CapCut 官方 TTS 頁列咗多語言同 200+ AI 聲,但冇逐個方言列明粵語(CapCut 官方 TTS, 2026)。所以「工具話支援中文」同「支援粵語」係兩件事,落手前要自己驗。
如果你想睇 AI 生成畫面配合粵語旁白嘅實際流程,可以參考Nano Banana 粵語影片教學同AI 影片粵語配音流程。
第四步:上字——粵語排版嘅四個細節
字型要用有齊粵語口語字嘅
選字型第一步唔係揀好唔好睇,係揀有冇字。揀之前打一串測試字:「嘅哋咗喺嚟唔咩喇囉噉冇」。任何一個變豆腐格或者跳字型,呢個字型就唔可以用喺正文。標題用字可以寬鬆少少,因為標題字通常少,但內文一定要過呢一關。
中英夾雜要統一基線
同一行有中文同英文,字重同視覺大小會唔一致。做法係手動微調拉丁字母嘅大小,令佢嘅視覺高度貼近漢字,同時統一基線。呢個步驟好悶,但唔做就好明顯。
行距寧鬆莫緊
資訊圖嘅字通常細,行距太窄會黐埋一齊。標題同內文之間嘅距離,至少要明顯大過內文行距,讀者才會分得出層級。
數字要對齊
一組數字排在一起的時候,用小數點對齊或者統一位數,睇落會專業好多。例如「2,400 字符」「5,000 字符」「100,000 字符」呢類位數唔同嘅寫法,就要靠對齊去維持可讀性,唔好單靠逗號位置。
如果你想深入粵語旁白稿點寫,可以睇旁白稿寫作指南;想搞清楚書面語同口語嘅分別,可以睇書面語同口語粵語嘅分別。如果你係用剪輯軟件做旁白,CapCut 粵語旁白操作有逐步說明。
第五步:QC——出街前逐項打勾
QC 唔係「睇一睇有冇問題」,係一張清單。以下十項,逐項打勾:
| 檢查項 | 具體做法 |
|---|---|
| 1 主張 | 遮住張圖,你可唔可以講返一句結論 |
| 2 數字 | 每個數字同原稿逐個對,唔靠記憶 |
| 3 出處 | 每個外部數字都有來源名同日期 |
| 4 錯字 | 逐段朗讀一次,讀唔順就係有問題 |
| 5 缺字 | 全選文字,睇有冇字型跳位 |
| 6 對比 | 轉灰階,仲睇唔睇得清 |
| 7 大小 | 縮到手機尺寸,最細嘅字仲讀唔讀到 |
| 8 對齊 | 開啟對齊參考線,檢查有冇一兩像素偏差 |
| 9 授權 | 字型、圖像、商標逐項確認可用 |
| 10 標示 | 生成部分有清楚說明同紀錄 |
第 6 項特別重要:對比度(contrast ratio) 係指前景色同背景色嘅明暗差。你可以把整張圖轉做灰階,如果仲讀得清,彩色版通常冇問題;如果灰階已經糊成一片,就代表你一直靠顏色差異硬撐,色弱讀者會睇唔到。香港有唔少關於無障礙嘅實務討論,同一道理亦適用於語音同文字版本,可參考無障礙粵語 TTS 指南。
第 9 項亦唔可以跳。音樂、字體、圖像、品牌標誌,全部要清授權;生成圖亦要保留生成紀錄。
三個最常見錯誤
錯誤一:字太多
症狀係每個區塊都塞滿字,讀者要放大才睇得清。原因通常係第一步冇揀主張,於是想把所有資料都放埋一齊。解法:每個區塊最多一句標題加一行補充,其餘搬去貼文文案或者第二張圖。資訊圖係入口,唔係終點。你可以問自己一條問題:如果讀者只記得一句,你希望係邊句?答唔到,就係時候刪。
錯誤二:對比不足
症狀係淺灰字放喺淺色底、深藍字放喺深藍底、花紋背景上面直接壓字。原因係喺大螢幕上面睇覺得 OK,但手機縮細就散。解法:文字同背景至少要做到明顯明暗差,同時加一層半透明色塊做緩衝;唔好靠花紋、漸變、相片細節去襯托細字。另一個常見情況係白字放喺 AI 生成圖嘅天空位,天空一有雲就讀唔到,所以要么加遮罩,要么改字色。
錯誤三:數據無出處
症狀係圖上寫「大幅增長」但冇講基數、冇講統計範圍、冇講年份。讀者一質疑,整張圖嘅可信度就冇。解法:每個外部數字下面加一行細字,寫來源名同年份;如果真係搵唔到來源,就唔好放呢個數字,改用你親身觀察或者乾脆刪走。
可追溯性(traceability) 係指任何一個公開數字都可以沿住紀錄搵返原始出處。資訊圖係公開內容,可追溯性就係你嘅防火牆。
【獨家觀察】AI 令「做得快」變成新風險
我哋整理過往粵語內容項目嘅流程,見到一個好一致嘅模式:當生成工具把出圖時間由幾個鐘壓到幾分鐘,團隊花喺第一步同第五步嘅時間反而被擠壓。因為「圖已經有咗」呢個感覺太強,好多人就直接發佈,跳過核實同排版檢查。
結果係,出錯嘅類型變咗。以前錯在「做唔切」,現在錯在「做錯咗但好靚」。一張漂亮但數字冇出處嘅圖,比一張樸素但準確嘅圖傷害更大,因為前者更易被轉發,錯誤傳播得更遠。
另一個觀察係,粵語項目特別容易喺第四步翻車。普通話團隊通常有一套現成字型同模板,香港團隊好多時要由零開始砌;口語字缺字、中英夾雜基線、金額同單位寫法,每一項都要人手調。呢啲時間唔會因為 AI 而消失,只會由「畫圖」轉移到「排版」。
所以五步流程裡面,第一、二、五步唔可以外判,亦唔可以壓縮。AI 幫你省嘅係第三步嘅時間,唔係你嘅判斷。
團隊分工:一個人做同三個人做
如果你係一個人做,五步順住做,中間唔好跳。第三步生成圖同第四步排字之間,最好隔一晚再睇,你會發現好多「當時覺得 OK」嘅問題。
如果係三個人做,建議咁分:內容負責人守住第一步同第二步,設計負責第三步同第四步,第三個人做第五步 QC 並且有權叫停。最忌係同一個人又寫又排又 QC,因為自己嘅錯自己最難睇到。
分工仲有一個好處:QC 嗰個人只需要一張清單,唔需要理解成個項目背景,反而更容易捉到「數字同文字對唔上」呢類低級但致命嘅錯。
常見問題 FAQ
AI 資訊圖係咪一定要用生成工具?
唔一定。生成工具嘅價值在於快速出背景、插圖、質感;如果你已經有品牌素材或者相片,可以直接跳去第四步上字。流程嘅重點係「文字同數字由人手控制」,唔係「一定要用 AI」。
點解 AI 生成嘅圖上面啲字會亂?
因為圖像生成嘅目標係「睇落似」,唔係「逐個字準確」。學術研究要專門處理視覺文字渲染,正是因為呢個問題唔會自動解決(Glyph-ByT5 論文, 2026)。實務做法係叫 AI 生成「無文字」嘅底圖,文字全部交返設計軟件。
粵語資訊圖同普通話資訊圖有咩分別?
主要在字庫同語言習慣。粵語口語字(嘅、哋、咗、喺、嚟、唔、咩、喇、囉)唔係每個字型都收齊;加上香港日常中英夾雜,同一行入面兩種文字嘅基線同字重要手動統一。內容層面亦要決定用書面語定口語,呢一點可以參考書面語同口語粵語嘅分別。
一張資訊圖放幾多個數字先算合理?
冇硬性上限,判斷標準係「讀者能唔能夠喺三十秒內講返個結論」。如果你自己要諗五秒才記得重點,通常就係太多。寧願拆成兩張圖,好過一張塞爆。
生成圖嘅水印會唔會影響我用?
水印同內容憑證係透明機制,唔影響你正常發佈,但你要保留生成紀錄,並且喺需要時講清楚邊部分是生成。香港嘅生成式 AI 指引強調透明同問責(數字政策辦公室, 2026),呢個係基本要求。
我要做一系列資訊圖,有咩方法保持一致?
三個固定:固定色彩(最多三主色)、固定字型(標題一款、內文一款)、固定版面骨架(例如「上標題、中圖、下數據」)。每次只換內容同插圖,唔好每次都重新設計版面。呢個做法同品牌語音一致性嘅道理一樣。
資訊圖做完之後,仲有咩可以延伸?
可以延伸成短片、旁白版本或者社交貼文。如果你打算配音,可以睇AI 影片粵語配音流程同CapCut 粵語旁白操作,把同一份內容拆成幾個格式,成本比重新做一次低好多。
生成圖揀唔到理想嘅點算?
先問自己係「構圖唔啱」定「氣氛唔啱」。構圖唔啱就改留白區同主體位置;氣氛唔啱就改光線同色溫描述。兩樣都改完仲係唔得,就索性用純色或者漸變底,將注意力放返喺內容同排版上面。資訊圖唔需要每張都有插圖。
關於港嘢:我哋專做香港廣東話語音。有查詢可以聯絡我們,或者睇關於港嘢。
本文由港嘢內容團隊撰寫,經編輯覆核(2026-10-31)。
[!CTA]
想聽下你張資訊圖配粵語旁白會係點?
去港嘢 playground 貼段稿入去,即刻試。