Skip to content
🎨視覺#151進階金字塔 · 做
講師顧問創作者GeminiChatGPTMidjourney#圖像#線上課程#品牌視覺

課程主視覺 / 介紹圖

用途

生成放在課程銷售頁、講師介紹頁或平台上架頁頂端的主視覺——傳遞「學了這門課你會得到什麼」的視覺承諾,風格專業、情緒激勵、品牌感強。

何時用

  • 適合:線上課程銷售頁 Hero 圖、課程簡介 OG Image、平台(Teachable / Hahow / 自架網站)上架首圖、課程 PDF 封面、課程社群貼文宣傳圖
  • 不要用:需要直接展示課程影片截圖或操作介面的情況(截圖比生成圖更真實可信);也不適合用 AI 生成講師臉孔(用真實講師照片才能建立信任感)

Prompt

text
【中文說明】
課程核心主題:{{主題視覺隱喻,如「AI 工具實戰→機器人與人類握手」「個人品牌→燈塔照亮海面」「Python 自動化→齒輪與程式碼漂浮」}}
目標情緒承諾:{{學員完課後的感受,如「有能力感」「脫胎換骨」「充滿自信」「高效率」}}
視覺風格:{{如「現代科技感插畫」「溫暖教練風格」「高端商業簡約」「未來感漸層」}}
品牌色:{{主色 + 輔色,如「深藍 #1A237E 配亮橘 #FF6F00」}}
構圖:橫式寬幅,主視覺元素帶有深度感(層次、透視或光暈),下方或右側留 30% 空白給文字疊加
光線:戲劇性聚光(spotlight effect)或環境光暈,強調主體,背景漸淡
長寬比:16:9(銷售頁橫幅)或 4:3(簡報 / PDF 封面)
避免:過於卡通化(降低可信度)、文字、浮水印、俗氣的「魔法光效」過度套用、人臉(易生成失真)

【英文 Prompt(主要繪圖引擎)】
{{Visual metaphor for course topic, e.g. "a glowing pathway through a dense digital forest, with AI and data symbols as luminous floating elements in the air"}},
emotional promise: {{feeling, e.g. "empowerment, clarity, confident competence"}},
visual style: {{style, e.g. "modern tech-forward digital illustration with subtle gradient depth"}},
color palette: {{colors, e.g. "deep navy blue #1A237E as base, bright amber #FF6F00 as accent highlights"}},
wide horizontal composition 16:9, strong depth of field with layered foreground and background,
lower third area kept clear for title text overlay,
dramatic spotlight or ambient radial glow emanating from the center,
professional course hero banner, editorial quality, aspirational mood,
aspect ratio 16:9, no text, no watermark, no human faces,
avoid: cartoonish style, cheap light effects, cluttered visual, generic stock photo look

範例 / 變體

  • 填好變數(AI 工具課程):「A glowing pathway made of light particles cutting through a minimalist dark digital landscape, with floating AI nodes and circuit patterns illuminating the scene, emotional promise of mastery and capability, modern tech-forward illustration style with gradient depth, deep navy blue #1A237E base with bright amber #FF6F00 accent, wide 16:9 composition with lower third clear for text, dramatic central radial glow, professional course hero banner quality, no text, no faces, no watermark, aspect ratio 16:9」
  • 變體(溫暖人文風格課程,如寫作 / 品牌):換風格為 "warm editorial photography style, soft natural light, earthy tones",隱喻改為 "an open notebook on a sunlit desk with a sprouting plant beside it"
  • 變體(4:3 PDF 封面):長寬比改為 aspect ratio 4:3,構圖調整為 main visual centered, margins on all four sides for title block

🎯 範例輸出(實測)

Midjourney 跑這句、把 {{變數}} 填成「課程主題:Claude Code 實戰工作坊 / 情緒承諾:有能力感、脫胎換骨 / 風格:現代科技感插畫 / 品牌色:深藍 #1A237E 配亮橘 #FF6F00」的結果:

點開看 AI 實際輸出

精修後的英文 prompt:

text
A glowing pathway made of light particles and code fragments cutting through
a vast dark digital forest, AI data nodes floating as luminous orbs in the air,
circuit patterns forming natural-looking branches, depth of field with multiple layers,
emotional promise: mastery, capability, confident transformation —
the sense of "I can now do things I couldn't before",
visual style: modern tech-forward digital illustration with gradient depth and cinematic lighting,
color palette: deep navy blue #1A237E as base, bright amber-orange #FF6F00 as accent highlights
with electric blue glow on particle trail,
wide horizontal composition 16:9, strong depth of field with layered foreground and background,
lower 30% of frame kept dark and clear for title text overlay,
dramatic radial glow emanating from center of the pathway,
professional course hero banner, editorial quality, aspirational mood,
aspect ratio 16:9, no text, no watermark, no human faces,
avoid: cartoonish style, cheap particle effects, cluttered visual, generic stock feel

預期畫面:一條由粒子光束構成的發光通道從近景延伸到遠方的數位森林深處,周圍浮動著 AI 節點符號,整體像一個「學完之後能走進去的世界」。深藍底色搭配橘色光源強烈對比,下方三分之一暗色留白,足夠疊上課程標題和副標。

實際可疊加文字範例:「Claude Code 實戰工作坊」大字白色,副標「從零到第一個 AI 代理人」小字奶白色,CTA「限時早鳥優惠」橘色按鈕——整體有發布會級別的份量感。

🎨 沒有真實截圖(繪圖 AI 需在對話框手動跑)── 把上方精修 prompt 複製進去試試: ChatGPT(GPT-4o / image) · Gemini · Midjourney

💡 實測心得:加上情緒承諾的具體描述(如 "the sense of 'I can now do things I couldn't before'")比只寫 "empowerment" 效果好很多——AI 會把那個情緒轉譯成光線方向和主體的姿態,畫面說服力明顯不同。

延伸

你有沒有遇過這種情況?課程內容紮實,但銷售頁看起來不夠「有份量」,訪客還沒看內容就離開了?

簡單來說,課程主視覺的核心任務是「3 秒內讓人感受到學完這門課是什麼感覺」——重點不是說明課程內容,而是傳遞情緒承諾。色彩對比強、有深度感的視覺,會比平鋪直敘的截圖更有說服力。

可搭配 event-banner-keyvisual 提示語做課程開賣活動的主視覺,整體品牌感會更一致。

依場景分類 · 一鍵複製 · 持續擴充