內容行銷數位設計｜課程講義

Content Marketing Digital Design

AI 生成藝術與品牌視覺延伸

Author

JinJin Wang

September 14, 2026

全學期 AI 工具應用清單

涵蓋企劃研究、視覺生成、Web-AR/VR、360環景、動態海報與短影音 AI 工具（全具備免費試用或免費版）

・ AI 工具應用總覽

工具類別 AI 工具名稱與官方連結 功能特色與技術優勢 畢製專題數位延伸應用場景
生成式 AI 綜合平台 Moonland 生成式 AI 平台 https://moonland.ai 臺灣團隊開發之企業級生成式 AI 影音創作平台，一站式整合高感度「圖像設計生成」、「圖轉動態海報（Motion Poster）」與「文/圖轉影片（Video Generation）」。
  • 第13週：生成畢製 Moodboard 與視覺資產。
  • 第14週：製作展場流光動態海報。
  • 第15週：產出前導宣傳短影音。
LLM 文本與企劃 ChatGPT https://chatgpt.com Claude 3.5 Sonnet https://claude.ai Google Gemini https://gemini.google.com 大型語言模型，具備優異邏輯架構、即時資料搜尋與細膩人文語氣微調能力。 擬定品牌語氣（TOV）、撰寫品牌故事、排定 18 週社群矩陣與短影音分鏡腳本。
控圖與視覺創作 SeaArt AI (海藝) https://www.seaart.ai Leonardo.Ai https://leonardo.ai Stable Diffusion WebUI GitHub 專案連結 內建 ControlNet（Canny/OpenPose）與風格 LoRA 模型，支援極致細節控圖。 保持既有手繪角色一致性、控制產品姿態與包裝結構渲染。
No-Code 網頁開發 Lovable https://lovable.dev Mepopedia 課程網 http://mepopedia.com/~jinjin/digi/ 全棧 AI 網頁建構工具，輸入自然語言指令即可產出全自適應（RWD）UI 與專態互動。 建置專題官方線上策展網頁與問答互動原型。
360 VR & Web-AR Blockade Labs (Skybox AI) https://skybox.blockadelabs.com MyWebAR https://mywebar.com 生成 360 度全景圖天空球，無程式碼開發瀏覽器即開啟之擴增實境。 建構 360 展館全景背景，結合酷卡周邊產出 AR 浮空圖卡體驗。
AI 影音與聲音美學 RunwayML https://runwayml.com ElevenLabs (AI 語音) https://elevenlabs.io Suno AI (AI 配樂) https://suno.com CapCut (開拍/剪映) https://www.capcut.com 生成極致流暢 AI 影片、擬真多語系語音旁白與自動編曲背景音樂。 後製展場播映之前導短片、自動生成無版權主題配樂與多國導覽旁白。

・ AI 工具應用清單

一、文本生成、研究整理與企劃書寫作（LLM & Research）
工具名稱與連結 功能說明 畢製實務應用
Google Gemini https://gemini.google.com
免費版直接使用
 Google 開發的多模態 AI 模型，具備超長上下文理解、即時聯網搜尋與多語系分析能力。
  • 搜尋最新市場趨勢與競爭品牌案例。
  • 協助發想畢製專題名稱與 18 週社群策略。
  • 多模態分析圖像或參考視覺的風格構成。
Gemini Notebook (NotebookLM) https://notebooklm.google.com
免費版開放使用
 Google 專為研究打造的 AI 助理，能將上傳的 PDF、文獻、簡報進行精準摘要與問答，並標註引文來源。
  • 彙整畢製調查文獻（如毒菇圖鑑、流浪動物法規與棄養調查）。
  • 自動產出專題企劃書的草稿與架構摘要。
  • 將艱澀的專業論文資料轉化為易讀的社群科普素材。
ChatGPT https://chatgpt.com
免費版可存取
 OpenAI 開發的大型語言模型，免費版開放 GPT-4o mini 及每日限量的 GPT-4o，具備極強的語意邏輯。
  • 擬定專屬品牌語氣（Tone of Voice）。
  • 批量生成 18 週社群行銷貼文排程。
  • 撰寫品牌故事（Brand Story）與互動腳本。
Claude 3.5 Sonnet https://claude.ai
免費版提供每日額度
 Anthropic 開發的高階 AI 助手，免費版提供每日額度，文字風格細膩自然，極具哲學思辨力。
  • 撰寫具備哲學感或同理心的專題品牌故事。
  • 修飾企劃書內文，消除 AI 罐頭感。
  • 結構化整理複雜的問卷訪談逐字稿。
二、視覺影像生成、控圖與品牌視覺延伸（Image Gen & Design）
工具名稱與連結 功能說明 畢製實務應用
GPT Image2 (ChatGPT / DALL·E 3) https://chatgpt.com
免費版提供每日限額生成
 ChatGPT 內建的高階圖像生成功能，能精準理解複雜自然語言指令，並在圖片中呈現指定排版意象。
  • 快速生成畢製圖像構想與設計概念草圖（Concept Sketch）。
  • 對話式微調畫面元素，產生品牌社群繪本與行銷插畫。
Stable Diffusion WebUI GitHub 開源專案
完全免費 / 本機部署
 開源深度學習圖像生成模型，本機部署可無限制使用，搭配 ControlNet 外掛進行精準的圖像邊緣控制。
  • ControlNet Canny/Lineart：鎖定包裝草稿生成風格一致的背景。
  • ControlNet OpenPose：精準控制畢製角色的肢體動態。
SeaArt AI（海藝 AI） https://www.seaart.ai
每日贈送免費算力點數
 基於 Stable Diffusion 雲端架構的線上繪圖平台，免高配備顯卡，免費版每日自動重置算力點數。
  • 線上操作 SD 與 ControlNet，保持角色的視覺風格一致。
  • 產出畢製延伸背景與海報素材。
Leonardo.Ai https://leonardo.ai
每日 150 點免費 Token
 專為設計師打造的雲端 AI 平台，免費版每日補充點數，內建角色一致性（Consistency）與畫布修圖功能。
  • 生成風格基調板（Moodboard）與展場背景。
  • 利用圖生圖（Img2Img）延伸產品包裝情境圖。
Adobe Firefly https://firefly.adobe.com
每月免費生成點數
 Adobe 旗下商業安全 AI 繪圖工具，與 Photoshop / Illustrator 無縫整合，具備強大的圖像擴充能力。
  • 搭配 PS「生成式擴充」，將主視覺海報無縫延展至展場牆面。
  • 使用「生成式填滿」修飾產品情境圖。
三、AR / VR / 360 環景與沉浸式互動（AR, VR & 360 Environments）
工具名稱與連結 功能說明 畢製實務應用
Blockade Labs (Skybox AI) https://skybox.blockadelabs.com
免費版提供生成與匯出
 AI 生成 360 度全景圖（Panoramic Skybox）工具，只需輸入文字提示詞，即可產出無縫接合的 360 虛擬空間背景。
  • 製作《拜》線上思念花園或《菇》虛擬毒菇森林的 360 度 VR 全景背景。
  • 匯出 8K 全景圖，作為 Web-VR 平台（如 A-Frame / Three.js）之天空球貼圖。
MyWebAR / Blippar https://mywebar.com
免費版支援圖像追蹤
 無程式碼（No-Code）Web-AR 擴增實境開發平台，使用者只需掃描 QR Code 與圖卡，即可在手機瀏覽器浮現 3D 模型或影片。
  • 『灰燼』：掃描神明包裝圖卡，浮現 3D 綻放花朵與動態祝福。
  • 《菇》：掃描實體圖鑑頁面，跳出 3D 立體毒菇模型與警示標籤。
Meshy / Luma AI (Gen-IE) https://www.meshy.ai
免費版提供免費生成點數
 AI 文字生成 3D 模型（Text-to-3D）與圖片轉 3D 工具，能快速將 2D 平面視覺轉化為可用於 AR/VR 的 .glTF / .FBX 3D 物件。
  • 將專題 2D 插畫角色或產品包裝快速生成 3D 模型。
  • 匯出模型至 Web-AR 平台進行實體展場互動。
四、動態海報、影音生成與數位人（Motion Poster & Video AI）
工具名稱與連結 功能說明 畢製實務應用
RunwayML (Gen-2 / Gen-3) https://runwayml.com
註冊即送免費算力點數
 專為視覺藝術家打造的 AI 影音平台，具備極強的圖生影片（Image-to-Video）與動態刷（Motion Brush）局部控制功能。
  • 動態海報製作：將畢製靜態主視覺海報導入，使煙霧、光線、風吹粒子局部流動，製作高質感動態海報。
  • 製作新一代展覽現場大螢幕播放的動態背景。
Luma Dream Machine https://lumalabs.ai/dream-machine
免費版提供生成次數
 高階 AI 影片生成模型，能根據靜態圖片產生具備極高物理真實度與相機運鏡（Panning/Zooming）的動態影像。
  • 將 2D 平面主視覺轉化為 5 秒的高畫質運鏡動態短片。
  • 製作 18 週社群行銷的預告片（Teaser）。
Seedance（夢動 / Dreamina） https://dreamina.jianying.com
每日贈送免費點數
 高階 AI 影音與圖像生成工具，具備優秀的圖生影片（Img2Video）與運鏡控制能力。
  • 將靜態海報或角色插畫轉化為光影流動的動態影片。
  • 產出畢製展場背景螢幕播放的氛圍影片。
開拍（CapCut AI） https://www.capcut.com
免費版提供基礎剪輯功能
 專為短影音打造的 AI 剪輯工具，內建 AI 腳本生成、口播數字人（AI 主播）、自動語音轉字幕與動態花字。
  • 製作 18 週社群的 Reels / TikTok 短影音介紹。
  • 生成畢製產品的 AI 口播宣傳片與展場側拍精華。
五、數位互動、原型網頁與程式開發（Web & Frontend AI）
工具名稱與連結 功能說明 畢製實務應用
Lovable https://lovable.dev
免費版可建置並預覽網頁
 強大的全棧 AI 網頁建構工具，能透過自然語言提示詞直接生成精美且具備動態互動效果的前端 UI / Web 畫面。
  • 快速生成畢製專題的官方網站或互動測驗頁面。
  • 免寫複雜程式碼，直接預覽自適應（RWD）的品牌展覽網站。
Google Flow (Labs) https://labs.google
Google Labs 免費工具
 Google 實驗室開發的生成式 AI 工作流工具，整合圖像、文字與視覺卡片呈現，方便快速架構產品體驗。
  • 規劃畢製專題的數位互動流程與使用者體驗地圖（User Journey）。
  • 架構專題四大象限的互動模擬原型。

AI 提示詞工程與數位發展製作建議

專題主題：AI 提示詞工程與數位發展製作建議

以下針對四大專題所提供之「視覺風格調性」、「AI 提示詞（Prompt）」及「數位發展製作建議」，僅供課堂發想與邏輯參考，嚴禁直接複製使用。各組務必依據專題最新的設計進度、核心理念與實際發展需求進行修改與調整。為提供更靈活的提案思考，以下針對各專題提供兩種不同的視覺與數位發展方向（風格 A / 風格 B），供同學們參考與優化：

專題名稱 方向 中文語意解析
(Prompt Meaning)		 英文實作指令
(AI Prompt Output)		 數位發展與
製作詳細建議
《拜》
(現代紀念儀式推測設計)		 方向 A
360度全景圖、寧靜極簡的紀念心靈空間、柔和體積光照、霧氣氛圍、細緻的東方哲學美學、中性色彩調色盤、建築攝影風格、8K超高畫質、寬螢幕16:9比例。
Prompt: 360 panoramic view, serene minimalist spiritual space for remembrance, soft volumetric lighting, misty atmosphere, subtle eastern philosophy aesthetics, neutral color palette, architectural photography, 8k --ar 16:9
  • 以 Skybox 生成 360 環景作為線上思念花園虛擬背景。
  • 利用 RunwayML 製作告別海報的光影微動態。
方向 B
黑暗空間中流動的抽象金色光粒子、記憶檔案庫概念、溫暖的情感調性、現代數位儀式美學、空靈微觀攝影、電影級視覺感、寬螢幕16:9比例。
Prompt: Abstract golden light particles flowing in dark space, memory archives concept, warm emotional tone, modern digital ritual aesthetic, ethereal macro photography, cinematic --ar 16:9
  • 利用 Web-AR 技術，掃描紀念卡片時浮現光粒子動態。
  • 網頁搭配背景聲音氛圍播放。
『灰燼』
(宮廟香灰物質循環)		 方向 A
細緻宮廟香灰中發芽的有機菌絲微觀特寫、發光的金色土壤養分、植物學永續概念、柔和自然光線、極致細節質感、景深效果。
Prompt: Macro shot of organic mycelium sprouting from fine incense ash, golden soil nutrients glowing, botanical sustainability concept, soft natural lighting, detailed texture, depth of field
  • 運用 MyWebAR 規劃掃描香灰淨化塊包裝，手機浮現 3D 綻放花朵。
  • 使用 RunwayML 製作香灰轉化為土壤的動態海報。
方向 B
現代平面向量插畫、台灣宮廟建築圖騰融合綠色植物葉片、永續藝術風格、大膽線條藝術、平塗配色、當代包裝設計風格。
Prompt: Modern graphic vector illustration, Taiwanese temple architecture motifs blended with green botanical leaves, sustainable art style, bold line-art, flat colors, contemporary packaging style
  • 運用 Lovable 快速開發六大神明與永續產品介紹的互動網站原型。
  • 動態海報聚焦於傳統紋樣的幾何展開。
《菇》
(台灣毒蘑菇教育應用)		 方向 A
毒蘑菇菌褶紋理特寫、複雜放射狀圖形、柔和生物螢光、深色氛圍背景、植物標本展示感、紙藝摺紙結構感。
Prompt: Close-up shot of poisonous mushroom gills texture, intricate radial patterns, bioluminescent soft glow, dark moody background, botanical specimen presentation, paper art origami structure
  • 規劃圖鑑頁面用 Web-AR 掃描即時跳出 3D 毒菇模型與警示。
  • 使用 360 環景生成虛擬毒菇森林背景。
方向 B
幾何紙雕蘑菇雕塑、銳利稜角、高對比黑紅調色盤、警示標示美學、極簡攝影棚攝影、大膽陰影投影。
Prompt: Geometric paper origami mushroom sculpture, sharp angles, high contrast black and red color palette, warning sign aesthetic, minimalist studio photography, bold shadow
  • 製作菌褶結構如摺紙般張開的短影音（CapCut AI）。
  • 運用網頁互動進行毒性迷信選題互動測驗。
《浪浪》
(流浪動物與責任飼養)		 方向 A
溫暖舒適的居家房間插畫、柔和粉彩配色、友善的流浪貓狗慵懶聚集、繪本藝術風格、乾淨向量線條、具包容感的教育氛圍。
Prompt: Warm and cozy domestic room illustration, soft pastel color palette, friendly stray dogs and cats lounging together, storybook art style, clean vector lines, welcoming educational atmosphere
  • 運用 Lovable 建立「衝動飼養評估」的互動問答網頁原型。
  • 使用開拍（CapCut AI）製作情境繪本微動態短影音。
方向 B
迷人的桌遊卡牌設計、可愛卡通貓狗圖示集、明亮友善的色彩組合、扁平化設計、圖標風格、適合兒童的遊戲化教育資產。
Prompt: Charming board game card design, cute cartoon dog and cat icon set, bright friendly color scheme, flat design, iconographic, gamified educational assets for kids
  • 以 Web-AR 設計「浪浪健康透視卡」掃描體驗，呈現照護狀態。
  • 社群製作角色圖鑑動態卡牌展示。

AI 生成藝術與品牌視覺延伸

專題主題：AI 生成藝術與品牌視覺延伸

主題：運用 Moonland AI 平台與主流生成工具建立專題品牌 Moodboard、提示詞工程與風格一致性控圖

一、Moonland 生成式 AI 平台提示詞 (Prompt) 結構方程式
提示詞結構單元 Moonland 語法寫作指南 關鍵字範例 (Keywords)
1. 主體描述
(Subject)		 明確定義畫面中的核心物件、人物或產品結構。 `ceremonial ritual box`, `incense ash packaging`, `mushroom paper craft`, `stray dog illustration`
2. 風格藝術
(Art Style)		 指定視覺藝術流派、媒材或視覺設計類型。 `minimalist graphic design`, `3D papercraft`, `vector illustration`, `photorealistic product shoot`
3. 材質與細節
(Material)		 強化 Moonland 對圖像微觀質感的生成品質。 `translucent frosted glass`, `recycled organic paper texture`, `matte ceramic`, `soft cloth grain`
4. 光影與氛圍
(Lighting)		 營造符合畢製品牌調性（TOV）的環境氛圍。 `soft volumetric lighting`, `cinematic warm sunlight`, `ethereal ambient glow`, `dramatic chiaroscuro`
5. 鏡頭與排版
(Composition)		 指定相機鏡頭視角，保留留白以利後續排版。 `front view, flat lay composition`, `macro close-up`, `clean background for typography`, `8k resolution`
二、四大畢製專題：Moonland 圖片生成提示詞 (Prompt) 範例對照
專題名稱 視覺調性與品牌風格 Moonland 生成提示詞（Prompt）範例 生成成果與畢製應用
《拜》
(現代紀念儀式)		 空靈、平靜、詩意留白：
以軟質微光與磨砂玻璃質感呈現現代溫柔告別感。
Moonland Prompt: A minimalist modern memorial ritual gift box, translucent frosted glass material, soft ambient ethereal light, pastel color palette, floating glowing dust particles, flat lay composition, clean white background, graphic design presentation, photorealistic, 8k --ar 16:9
  • 官網 Banner 背景。
  • 紀念儀式禮盒概念圖。
  • 社群質感底圖。
『灰燼』
(宮廟香灰循環)		 虔誠、有機、永續質感：
呈現香灰顆粒壓製與綠芽發芽的質感微觀對比。
Moonland Prompt: Macro close-up shot of organic incense ash material textured as soil, a tiny green sprout blooming from the ash, subtle golden dust particles in air, warm temple volumetric lighting, cinematic depth of field, tactile paper texture, organic eco-friendly design --ar 4:3
  • 包裝材質實驗視覺。
  • 展場故事視覺牆。
  • IG 輪播圖背景。
《菇》
(毒蘑菇教育應用)		 幾何、高對比、警示藝術：
運用高對比幾何紙藝立體雕刻展現毒菇的奇幻美感。
Moonland Prompt: 3D papercraft artwork of a poisonous mushroom, vivid warning colors, intricate geometric folded paper layers, sharp shadows, black background, exhibition graphic style, bold isometric composition, high contrast studio lighting, 8k resolution --ar 1:1
  • 毒菇圖鑑卡片視覺。
  • 展場高對比海報。
  • Web-AR 浮空 3D 參考。
《浪浪》
(流浪動物教育)		 親切、溫暖、繪本手感：
以溫暖手繪筆觸與居家和諧感建立信任感。
Moonland Prompt: Warm hand-drawn vector illustration of a happy rescued dog in a cozy living room, soft pastel color scheme, Scandinavian interior style, gentle watercolor texture, friendly and educational book cover style, wholesome atmosphere --ar 16:9
  • 評估問答網頁插圖。
  • 社群繪本短片素材。
  • 周邊貼文視覺。

HomeWork｜課後作業

【 作業02 】畢業專題「品牌視覺調性與數位發展企劃提案」

本週課堂實作作業與交付規格

本作業旨在協助各組運用 AI 輔助擬定專題的視覺方向與數位延伸策略。請同學運用課堂介紹的免費 AI 工具，透過提示詞工程（Prompting）探索並建立專屬的「品牌視覺風格基調板（Moodboard）」，確立光影、色彩與材質調性。同時，需評估專題特色，針對動態海報、360 環景、Web-AR 或原型網頁等數位形式，撰寫一份詳細的數位發展技術可行性建議書，為後續專題的跨媒體呈現奠定基礎。

實作項目 執行細節說明 使用免費 AI 工具 交件規格
實作 1
品牌視覺調性建議書 (Moodboard)		 運用 AI 提示詞工程（指定光影、配色、質感關鍵字），生成 3-4 張符合專題「視覺風格與調性建議」的視覺基調圖，彙整為視覺風格規範提案。 SeaArt AI
Leonardo.Ai 		PDF 視覺風格提案檔（含 Prompt 參數紀錄）。
實作 2
數位發展與技術可行性規劃書		 評估專題既有視覺，針對「動態海報、360 環景、Web-AR 或 原型網頁」選定至少兩項數位形式，撰寫詳細的製作流程與工具應用建議書。 RunwayML Skybox
MyWebAR Lovable 		數位延伸製作企劃書（含測試雛形或效果示意圖）。