首頁使用深色科技圖，社群貼文卻是一張粉紅色的可愛插畫，廣告又換成一般商務人物照片。每張圖單獨看都不錯，擺在一起卻看不出是同一個品牌。
AI 讓做圖更方便，但如果沒有先訂好品牌風格，製作出來的圖片可能看起來像來自不同品牌。對講師、顧問或知識型事業來說，視覺的工作是幫人理解專業與方案，不能只追求漂亮而忽略事實。
先決定圖片的任務，避免生成一堆無法使用的作品
每個版位有不同任務。首頁首圖需要讓讀者迅速理解品牌定位；文章配圖應該補足文字難以表達的關係；社群圖卡要能獨立傳達一項實用訊息；廣告視覺則必須和廣告文字、承接頁一致。
圖片完成後，可問一位不熟悉品牌的人：看過這張圖，能說出它要介紹什麼嗎？如果只能回答「感覺很科技」，可能還沒完成這張圖真正的工作。
例如以課程設計為主題，與其放一堆發光燈泡，不如顯示如何將零散學員問題整理成課程單元。這個畫面有具體內容，也更容易檢查是否和文章一致。
第一步：把品牌視覺規範整理成可以重複使用的格式
品牌規範剛開始不用有數十頁。先把主要色彩、輔助色彩、字體、標題層級、圖片比例和常用構圖整理好，後續製作時才有共同依據。
- 主色與點綴：確定哪些顏色負責呈現品牌，哪些顏色只用來強調重點。
- 文字層級：主標題、次要說明、備註如何區分，避免整張圖字級一樣大。
- 視覺方向：選擇寫實照片、扁平插畫、流程圖或抽象情境的主要使用方式。
- 構圖規則：預留文字和按鈕位置，重要主體不要緊貼畫面邊緣。
- 保護項目：品牌名稱、商標、實際產品畫面、價格與正式服務條件不得任意更改。
假設品牌使用藍紫色與金色點綴，可以保留固定的主色關係，再因主題改變畫面內容。品牌一致，不等於每一張都只能使用同一種照片。
最好挑幾張已確認的網站與社群圖片作為視覺參考，並記下用法。只給 AI 一串色碼，未必能讓構圖和字體安排也一致。
第二步：分清楚生成圖片、真實照片與產品畫面
AI 適合製作概念插畫、情境背景、抽象視覺和初步構圖。但涉及已提供的功能、交付成果、正式文件或可辨認人物時，素材來源就非常重要。
如果要介紹真正的課程網站，不應用 AI 畫出一個看似真實、卻有不存在按鈕的系統畫面。可以使用網站真實截圖，再於外圍加上說明標籤或合適的裝置框架。
如果確實需要用生成圖表達概念，應在適當位置讓讀者知道這是示意。使用真實客戶照片、課堂截圖或見證時，也要確認可以公開與商業使用。
不能將虛構人物寫成某位已完成課程的學員，更不能讓生成模型自行加上「已幫助上千人」等沒有證據的宣稱。
第三步：寫給 AI 的需求要具體，但不要把細節寫死
可先說明六件事：圖片主角、所在情境、希望呈現的動作、色彩風格、構圖和禁止內容。例如：
「製作一張橫式課程規劃示意圖，畫面由零散筆記逐步整理成單元大綱，整體以藍紫色為主、金色少量點綴，保留左側放標題的空間，不出現誇張的收益圖表、品牌商標或難以辨認的中文字。」
這樣一來，生成結果有明確檢查標準。假如工具無法正確寫出繁體中文，也可以先產生背景與圖形，最後在設計工具中加上人工核對的文字。
同一張圖可以產出幾個真正不同的構圖候選，但不需要一次生出幾十張。先確認方向，再把時間用在真正會放上網站的版本。
第四步：首頁首圖必須和文字一起設計
首頁首圖、主標題、說明文字和主要動作，是讀者接觸品牌時看到的同一組資訊。如果畫面暗示保證收入，文字卻只提供網站建置服務，便會造成期待落差。
有些首頁在桌機看起來很完整，手機卻因為自動裁切，讓人物頭部、教學圖表或文字框消失。因此要在設計初期就準備手機顯示方式，而不是等上線後再補救。
讓重要文字落在對比足夠的區域，避免直接疊在花紋和強烈光影上。若使用深色背景，就要配合清楚可讀的文字顏色。
圖片可以傳達希望與專業，不需要把每個視覺元素都變成強烈光效。保留適當留白，往往更容易讓讀者看見真正的服務內容。
第五步：社群圖片要以讀者能理解的內容為主
如果一篇文章包含許多步驟，可以做成幾張輪播圖，每張只解釋一個重點。讓讀者即使暫時不點進官網，也能看懂某件事的基本做法。
例如「開課前要做的準備」可以分成問題確認、教學目標、單元安排與執行檢查。每張圖加入相應的例子，比全部寫成漂亮口號更容易理解。
但也要考慮版位。社群動態消息、限時動態與廣告的比例及界面不同，實際輸出前應依最新規格檢查文字位置與裁切。不要認為方形圖在所有裝置都一定完整顯示。
若一張圖片包含太多文字，手機縮小後就可能難以閱讀。可以將詳細內容留在貼文說明或官網文章，圖片只呈現最重要的判斷。
第六步：廣告圖片應與文案和目的頁互相對應
廣告主打免費教學，點擊後就必須能找到相應的免費內容。若圖片寫的是免費講座，目的頁卻直接顯示與其無關的付費方案，就可能讓讀者認為自己被誤導。
進行圖片創意測試時，先決定想比較哪一項：是受眾問題、畫面形式，還是呈現方法？若同時更改所有元素，就很難根據結果提出可靠結論。
例如同一個課程規劃主題，可以比較流程圖與真實教材截圖的理解差異，但兩種版本都必須符合產品實際內容。
想進一步規劃素材測試，可參考AI廣告素材製作：從廣告文案到圖片影片的創意測試方法。
第七步：檢查 AI 圖片是否出現不實資訊
生成圖片有時看起來很逼真，卻會在細節出錯：產品按鈕不存在、中文字變形、數字無法查證、品牌標誌寫錯、人物或設備比例異常。
發布前要放大檢查每個會影響信任的地方。若圖中有價格、活動日期、功能名稱或操作步驟，應和正式頁面逐項核對。
使用 AI 編修真實照片也要注意，不能在顧客不知情的情況下，把原本沒出席的人變成合照參與者，或把沒有取得的證書放進背景。
以科學、財務或教學統計資料為主的圖表，應使用可核對的原始資料建立圖形。讓生成模型自己補上缺漏的數字，會使設計變成錯誤資訊。
第八步：商業授權、商標和肖像都要核對
圖片在網路上可以下載，不代表就能放上商業網站。要確認原始照片、字體、插畫、商標與素材所適用的授權條款。
Creative Commons 的 CC BY 4.0 授權允許在符合條件的前提下商業使用與改作，但也要求適當署名、提供授權連結，並標示是否修改。其他 CC 授權可能有不同限制，不能混為一談。
美國著作權局在 2025 年的報告說明，生成式 AI 作品是否能受到美國著作權保護，需評估人類是否對作品表達提供足夠的創作貢獻。這不表示所有 AI 圖都可任意使用他人的商標或肖像。
對於商標、品牌識別或涉及人物權利的素材，還需要考慮使用地區的法律和平台條款。重要商業素材有疑慮時，應先尋求適當的專業確認。
第九步：圖片應符合無障礙閱讀原則
W3C 網頁無障礙倡議指出，有資訊用途的圖片應有能傳達重要內容的替代文字（Alt Text）；純裝飾圖片可使用空白替代文字，避免輔助閱讀工具朗讀沒有用的資訊。
替代文字不是把關鍵字反覆塞進圖片欄位。例如一張課程規劃流程圖，可以簡短說明主題如何從學員問題整理成教學目標及單元；不必只寫「專業高價課程行銷圖片」。
如果圖片資訊複雜，應在正文另外提供文字說明。不要只用顏色區分重要狀態，讓部分讀者無法辨認。
圖片上的文字也應留意字級及對比，別因為某個字體漂亮就忽略手機閱讀。尤其圖卡常被轉貼或縮小，更需要檢查實際效果。
第十步：檔案格式、速度與圖片搜尋最佳化
Google 搜尋中心的官方圖片最佳做法指出，圖片檔名、所在頁面文字及替代文字，都有助搜尋引擎理解圖片內容。圖片本身也必須能被正常抓取和顯示。
網站圖片可依使用情境挑選 WebP、AVIF、JPEG、PNG 或 SVG 等格式，並將原始尺寸調整到合理範圍。不是解析度越大越好，因為過重的圖片可能拖慢頁面載入。
分享文章時也要檢查社群預覽圖片是否和文章內容一致。若預覽仍是舊圖，可以回頭確認網站及社群平台是否有快取，而不是立刻認定圖片沒有成功更新。
最後用手機和桌機實際查看，檢查有沒有破圖、文字被遮住、對比不足、裁切錯誤或頁面明顯延遲。圖片品質需要在真實環境驗收。
實作示範：從官網教學文章到三種視覺素材
假設一位講師準備分享「課程主題怎麼整理」，手上只有一篇文章和少量真實教材。可以先從文章中找出一個最有價值的步驟，再決定不同版位要如何呈現。
- 官網首圖：用簡潔的筆記整理示意，預留文章標題位置，讓讀者一眼辨認主題。
- 社群輪播：將文章拆成顧客問題、教學目標、單元安排三個畫面，每張獨立傳達重點。
- 廣告素材：呈現一個能實際檢查的工作情境，並搭配與目的頁一致的標題，不加入未證實成果。
這三種設計可以共享配色、字體與主要概念，但不必使用完全相同的尺寸與構圖。成品完成後再逐一核對授權和資訊，比一開始就追求大量變體更容易維持品質。
交稿前的八項檢查
- 圖片是否真正對應本文或商品的核心問題？
- 品牌配色、字體與構圖是否一致？
- 產品畫面、價格、日期和文字是否正確？
- 有無未授權人物、商標或素材？
- 是否把 AI 示意當成真實成果？
- 桌機、手機及社群縮圖是否看得清楚？
- 需要的替代文字與正文說明是否完整？
- 檔案格式、載入速度及分享預覽是否通過實測？
圖片製作到這一步才算準備好使用。若任何一項未確認，可以先保留草稿，不必因為圖片生成完成就急著發布。
常見問題
AI 生成的圖片是不是都可以商用？
不是。應先核對使用工具與素材的授權、人物及品牌相關權利，以及適用地區的規範。取得圖檔不代表取得無限制使用權。
首頁首圖需要放很多中文字嗎？
通常不必。圖片和主標題可以互相配合，讓讀者快速理解品牌。若需要重要文字，最好以網頁上真正可閱讀的文字呈現，並檢查手機裁切。
產品示意圖可以用 AI 畫出沒有的功能嗎？
不能讓讀者把虛構功能誤認成真實產品。優先使用實際截圖；需要示意時應清楚標示並避免誤導。
不同平台的圖片一定要全部重做嗎？
可以保留一致的品牌素材與核心構圖，但要依版位比例、文字安全區和裁切方式調整，不一定只靠自動縮放。
替代文字需要加上所有 SEO 關鍵字嗎？
不需要。重點是讓看不到圖片的人理解它在頁面中的資訊或用途，堆疊不相關關鍵字不會讓內容更清楚。
AI 圖片製作得越快，廣告效果就會越好嗎？
沒有這種保證。還是要確認素材與讀者需求、方案和目的頁一致，並用合適的實際觀察結果判斷是否值得繼續使用。
參考資料
Google 搜尋中心｜圖片搜尋引擎最佳化的最佳做法｜2026 年查閱
W3C WAI｜Images Tutorial｜2026 年查閱
Creative Commons｜Attribution 4.0 International (CC BY 4.0)｜2026 年查閱
U.S. Copyright Office｜Copyright Office Releases Part 2 of Artificial Intelligence Report｜2025
元氣電商｜AI廣告素材製作：從廣告文案到圖片影片的創意測試方法｜2026