「ChatGPT + Gamma AI 製作網站」詳細使用懶人包

更新於 發佈於 閱讀時間約 9 分鐘

「ChatGPT + Gamma AI 製作網站」詳細使用懶人包

內容會分成 概念 → 指令架構 → 常用 Prompt 範例 → 進階技巧,讓你可以直接複製貼上在 ChatGPT 中使用,快速生成 Gamma AI 網站初稿。


一、概念

Gamma AI 不只做簡報,也能生成 單頁式或多頁式網站(含文字、圖片、佈局)。

搭配 ChatGPT,可以做到:

  1. 一次生成完整網站大綱與文案
  2. 自動轉換成適合 Gamma AI 匯入的結構
  3. 優化圖片需求、設計感與互動元素

二、指令架構公式

我建議用這個公式寫 ChatGPT Prompt,再把結果貼到 Gamma AI 中:

你是一位資深網站設計師,請為我製作一個 [網站類型],主題是 [主題名稱]
需求:
1. 網站頁面數量:[頁數]
2. 每頁標題與內容:提供吸引人的標題與 23 段精簡文案(每段 5080 字)
3. 設計風格:[風格說明,例如「極簡、插畫風、科技感」]
4. 圖片建議:為每個段落附上適合的圖片描述(可作為 AI 圖片生成關鍵字)
5. 網站結構格式:用 Markdown 或 Gamma 可讀的階層(H1, H2, H3
6. 語言:[中文 / 英文 / 雙語]

三、常用 Prompt 範例

1. 產品網站

你是一位資深網站設計師,請幫我規劃一個「智慧筆記 App」的產品網站,單頁式。
需求:
- 主要段落:首頁 Hero 區、功能介紹、用戶見證、價格方案、行動呼籲
- 每個段落請用 H2 標題 + 精簡描述(5070 字)
- 設計風格:極簡、清新、帶有藍白配色
- 每段附上適合的 AI 圖片生成描述
- 語言:繁體中文

2. 個人品牌網站

請幫我設計一個「自由插畫師作品集」網站,共 3 頁(首頁、作品集、聯絡我)。
- 每頁提供吸引人的標題與 23 段文案
- 風格:溫暖手繪風,色彩飽和
- 每個段落附上可用於 AI 繪圖的圖片描述
- 語言:雙語(中文+英文)

3. 教學課程網站

我要製作一個「AI 寫作課程」的網站,共 4 頁(課程介紹、課程內容、學員評價、報名頁)。
- 每頁用 H2 標題 + 5080 字的文案
- 設計風格:現代科技感,深色背景搭配亮色強調
- 圖片描述以 16:9 比例的科技風插畫為主
- 語言:繁體中文

四、進階技巧

  1. 先在 ChatGPT 出文案,再到 Gamma AI 做排版
    • ChatGPT 生成 Markdown 或階層標題 → Gamma AI 匯入後能自動分頁或分區塊。
  2. 圖片 AI 提示詞可直接複製到 Midjourney / DALL·E
    • 例如「isometric illustration of a modern AI workspace, pastel colors, minimalistic」
  3. 控制網站的「故事節奏」
    • 開頭先抓注意(痛點或願景)
    • 中段鋪功能或解決方案
    • 結尾強調行動呼籲(CTA)
  4. 一次生成多版本
    • 在 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


留言
avatar-img
留言分享你的想法!
avatar-img
牧牧的成長實驗室
75會員
335內容數
哈囉!我是牧牧, 我是一位成長曲線管理師,也是一名數位創作者。我的熱情在於將複雜的知識變得簡單易懂。 在這裡,我會用最親切的方式,分享專業的兒童成長管理秘訣,並拆解各種 AI 工具與數位技巧,讓您能快速上手,實際應用。無論是為孩子打造健康基石,還是提升數位效率,我都希望能成為您實用且可靠的夥伴。
2025/08/18
📈 SEO 是什麼?為什麼它是數位行銷的必修課? SEO,全名是 Search Engine Optimization(搜尋引擎最佳化),簡單來說,就是讓你的網站在 Google 等搜尋引擎中「排更前、被更多人看到」。🔍✨ 不論你是品牌主、創作者、自媒體經營者,還是有電商網站,只要你想要讓更
2025/08/18
📈 SEO 是什麼?為什麼它是數位行銷的必修課? SEO,全名是 Search Engine Optimization(搜尋引擎最佳化),簡單來說,就是讓你的網站在 Google 等搜尋引擎中「排更前、被更多人看到」。🔍✨ 不論你是品牌主、創作者、自媒體經營者,還是有電商網站,只要你想要讓更
2025/08/18
ChatGPT 簡報指令詳細使用懶人包 (適用於 PowerPoint、Google Slides、Keynote 等簡報軟體) 1️⃣ 簡報結構規劃 用途:讓 ChatGPT 幫你先擬好簡報大綱與章節結構。 指令模板: 請幫我設計一份主題為「[主題名稱]」的簡報結構,共 [頁數] 頁。
2025/08/18
ChatGPT 簡報指令詳細使用懶人包 (適用於 PowerPoint、Google Slides、Keynote 等簡報軟體) 1️⃣ 簡報結構規劃 用途:讓 ChatGPT 幫你先擬好簡報大綱與章節結構。 指令模板: 請幫我設計一份主題為「[主題名稱]」的簡報結構,共 [頁數] 頁。
2025/08/14
本指南提供如何使用 ChatGPT 指令設計和模板化輸出,以穩定輸出風格與語氣,打造個人文字 IP。內容涵蓋風格與語氣的設計結構、一致語氣的提示語公式、常見語氣模板、如何教會 ChatGPT 學你的風格以及進階技巧如自訂角色和 Custom Instructions 等。
Thumbnail
2025/08/14
本指南提供如何使用 ChatGPT 指令設計和模板化輸出,以穩定輸出風格與語氣,打造個人文字 IP。內容涵蓋風格與語氣的設計結構、一致語氣的提示語公式、常見語氣模板、如何教會 ChatGPT 學你的風格以及進階技巧如自訂角色和 Custom Instructions 等。
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
AI 生產力工具是一款免費、開源的應用程式,適用於 Windows 系統,整合了 ChatGPT 聊天和多個 AI 圖片/影片調整功能。提供完整、輕量兩種版本,差別在於輕量版沒有 ChatGPT 聊天。
Thumbnail
AI 生產力工具是一款免費、開源的應用程式,適用於 Windows 系統,整合了 ChatGPT 聊天和多個 AI 圖片/影片調整功能。提供完整、輕量兩種版本,差別在於輕量版沒有 ChatGPT 聊天。
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
Gamma 是一款基於人工智慧的設計工具,幫助用戶快速生成精美的簡報、文件以及網頁、及社群貼文。
Thumbnail
Gamma 是一款基於人工智慧的設計工具,幫助用戶快速生成精美的簡報、文件以及網頁、及社群貼文。
Thumbnail
Gamma是可以使用AI在幾秒鐘內創建精美的文件,簡報和網頁。他可以快速幫你針對主題生成簡報大綱並且幫你快速產生排版美麗的簡報。
Thumbnail
Gamma是可以使用AI在幾秒鐘內創建精美的文件,簡報和網頁。他可以快速幫你針對主題生成簡報大綱並且幫你快速產生排版美麗的簡報。
Thumbnail
讓「Gamma」幫你做簡報,還可以幫你整理簡報大綱,簡報排版美化!靈感激盪跟簡報製作就靠它了!
Thumbnail
讓「Gamma」幫你做簡報,還可以幫你整理簡報大綱,簡報排版美化!靈感激盪跟簡報製作就靠它了!
Thumbnail
🔍 使用 AI 工具 (ChatGPT): ChatGPT 搭配 Notion 是我目前在使用的兩項主要工具,讓我能夠輕鬆地管理和組織我的工作和想法。透過 ChatGPT 的功能,我能夠更好地發想與內容創作,而 Notion 則提供了一個知識資料庫的整合,讓我能夠有效地記錄、規劃和分享各種內
Thumbnail
🔍 使用 AI 工具 (ChatGPT): ChatGPT 搭配 Notion 是我目前在使用的兩項主要工具,讓我能夠輕鬆地管理和組織我的工作和想法。透過 ChatGPT 的功能,我能夠更好地發想與內容創作,而 Notion 則提供了一個知識資料庫的整合,讓我能夠有效地記錄、規劃和分享各種內
Thumbnail
本文介紹了text-generation-webui的安裝方法和模型的選擇,包括模型的下載和擺放位置,並提供了相關的連結和建議。
Thumbnail
本文介紹了text-generation-webui的安裝方法和模型的選擇,包括模型的下載和擺放位置,並提供了相關的連結和建議。
Thumbnail
這篇文章將教你如何使用 ChatGPT 快速創建解決問題的名單,並進行格式化以供下載。同時提供了加速發展成功的線上服務業務的建議和相關資源。
Thumbnail
這篇文章將教你如何使用 ChatGPT 快速創建解決問題的名單,並進行格式化以供下載。同時提供了加速發展成功的線上服務業務的建議和相關資源。
Thumbnail
Gamma是一款AI生成工具,透過對話的方式,可以快速生成文件、簡報及網頁內容。除了提供大量模板使用外,產品最大特色是可以嵌入外部的影片、圖庫(Unsplash、Bing搜尋等)、多元應用程式及簡報觀看數據分析功能。
Thumbnail
Gamma是一款AI生成工具,透過對話的方式,可以快速生成文件、簡報及網頁內容。除了提供大量模板使用外,產品最大特色是可以嵌入外部的影片、圖庫(Unsplash、Bing搜尋等)、多元應用程式及簡報觀看數據分析功能。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News