「ChatGPT + Gamma AI 製作網站」詳細使用懶人包
內容會分成 概念 → 指令架構 → 常用 Prompt 範例 → 進階技巧,讓你可以直接複製貼上在 ChatGPT 中使用,快速生成 Gamma AI 網站初稿。
一、概念
Gamma AI 不只做簡報,也能生成 單頁式或多頁式網站(含文字、圖片、佈局)。
搭配 ChatGPT,可以做到:- 一次生成完整網站大綱與文案
- 自動轉換成適合 Gamma AI 匯入的結構
- 優化圖片需求、設計感與互動元素
二、指令架構公式
我建議用這個公式寫 ChatGPT Prompt,再把結果貼到 Gamma AI 中:
你是一位資深網站設計師,請為我製作一個 [網站類型],主題是 [主題名稱]。
需求:
1. 網站頁面數量:[頁數]
2. 每頁標題與內容:提供吸引人的標題與 2–3 段精簡文案(每段 50–80 字)
3. 設計風格:[風格說明,例如「極簡、插畫風、科技感」]
4. 圖片建議:為每個段落附上適合的圖片描述(可作為 AI 圖片生成關鍵字)
5. 網站結構格式:用 Markdown 或 Gamma 可讀的階層(H1, H2, H3)
6. 語言:[中文 / 英文 / 雙語]
三、常用 Prompt 範例
1. 產品網站
你是一位資深網站設計師,請幫我規劃一個「智慧筆記 App」的產品網站,單頁式。
需求:
- 主要段落:首頁 Hero 區、功能介紹、用戶見證、價格方案、行動呼籲
- 每個段落請用 H2 標題 + 精簡描述(50–70 字)
- 設計風格:極簡、清新、帶有藍白配色
- 每段附上適合的 AI 圖片生成描述
- 語言:繁體中文
2. 個人品牌網站
請幫我設計一個「自由插畫師作品集」網站,共 3 頁(首頁、作品集、聯絡我)。
- 每頁提供吸引人的標題與 2–3 段文案
- 風格:溫暖手繪風,色彩飽和
- 每個段落附上可用於 AI 繪圖的圖片描述
- 語言:雙語(中文+英文)
3. 教學課程網站
我要製作一個「AI 寫作課程」的網站,共 4 頁(課程介紹、課程內容、學員評價、報名頁)。
- 每頁用 H2 標題 + 50–80 字的文案
- 設計風格:現代科技感,深色背景搭配亮色強調
- 圖片描述以 16:9 比例的科技風插畫為主
- 語言:繁體中文
四、進階技巧
- 先在 ChatGPT 出文案,再到 Gamma AI 做排版
- ChatGPT 生成 Markdown 或階層標題 → Gamma AI 匯入後能自動分頁或分區塊。
- 圖片 AI 提示詞可直接複製到 Midjourney / DALL·E
- 例如「isometric illustration of a modern AI workspace, pastel colors, minimalistic」
- 控制網站的「故事節奏」
- 開頭先抓注意(痛點或願景)
- 中段鋪功能或解決方案
- 結尾強調行動呼籲(CTA)
- 一次生成多版本
- 在 Prompt 中要求「提供三種不同風格版本」,方便在 Gamma AI 中快速切換設計。
範例:
數位創作者作品集網站文案
風格設定:溫暖手繪風,色彩飽和
Page 1 — 首頁 Home
標題:
🌟 歡迎來到我的創作世界
Welcome to My Creative World
段落 1
- 中文:我用色彩與線條,記錄生活裡的溫度與故事,讓每一個作品都帶著情感與靈魂。
- 英文:Through colors and lines, I capture the warmth and stories of everyday life, infusing each creation with emotion and soul.
- 圖片描述:
warm hand-drawn illustration of an artist's desk with sketchbooks, watercolor paints, and a steaming cup of coffee, bright saturated colors, cozy lighting
段落 2
- 中文:從插畫到數位藝術,我相信每一次創作都是與世界的對話,也是與自己的連結。
- 英文:From illustrations to digital art, I believe each creation is a dialogue with the world and a connection with myself.
- 圖片描述:
colorful hand-painted illustration of an artist looking out a sunny window, holding a tablet, surrounded by plants, vibrant tones
Page 2 — 作品集 Portfolio
標題:
🎨 我的作品故事
The Stories Behind My Works
段落 1
- 中文:每一幅作品,都來自於對細節的觀察與對色彩的熱愛。
- 英文:Each piece is born from an eye for detail and a deep love for colors.
- 圖片描述:
hand-drawn collage of various artworks pinned on a wall, watercolor and pastel textures, vibrant colors
段落 2
- 中文:我喜歡探索不同風格,從細膩的水彩插畫到活潑的數位手繪,每一張畫布都是一次冒險。
- 英文:I love exploring various styles, from delicate watercolor illustrations to lively digital sketches—every canvas is an adventure.
- 圖片描述:
hand-painted gallery scene with different framed artworks, colorful and warm lighting
段落 3
- 中文:在這裡,你可以找到屬於你心情的色彩,也許還能看見你自己的故事。
- 英文:Here, you may find the colors of your emotions—and perhaps even see your own story within them.
- 圖片描述:
whimsical hand-drawn illustration of people viewing art in a cozy gallery, saturated colors
Page 3 — 聯絡我 Contact
標題:
💌 讓我們聊聊創作
Let’s Talk About Creating
段落 1
- 中文:如果你喜歡我的作品,或想要合作,歡迎寫信給我,我期待與你分享更多靈感。
- 英文:If you enjoy my works or wish to collaborate, feel free to write to me—I look forward to sharing more inspiration with you.
- 圖片描述:
warm hand-painted envelope with flowers and art supplies spilling out, vibrant colors
段落 2
- 中文:無論是插畫委託、品牌合作,還是單純交換想法,我都樂於聆聽與交流。
- 英文:Whether it’s illustration commissions, brand collaborations, or simply exchanging ideas, I’m happy to connect.
- 圖片描述:
cozy hand-drawn scene of two people chatting over coffee, sketchbooks on the table, bright tones