用 AI 整理網站風格：7 個問題，說清楚你要的網站

請打開這個網址，照文章最後「給 AI 的引導流程」一題一題問我，幫我整理網站風格。打不開網址就直接告訴我，不要自己猜內容。
https://great-good.com/insights/ai-website-style-brief/

挑出喜歡的網站不難，難的是說清楚「喜歡哪裡」。

這篇文章本身就是一份給 AI 的引導流程。用上方的按鈕打開你常用的 AI，它會問你 7 個問題，最後整理成一份網站製作方看得懂的「網站風格整理單」。

會問哪些問題

大約 5 分鐘。前兩題要自己輸入，其他點選就好：

1. 品牌名稱、在做什麼、主要客人是誰
2. 一到三個喜歡的網站，各自喜歡哪裡
3. 整體感覺，例如乾淨簡約、高級精品、活潑親切
4. 最不想要網站變成什麼樣子
5. 首頁第一眼的樣子
6. 有沒有品牌色
7. 動畫要多少

每題都能回答「不知道」或「跳過」。回答不夠清楚時，AI 最多再追問一次。中途說「先整理」，AI 就會先輸出目前的結果。

開始前可以先準備

• 喜歡的網站。 還沒有的話，可以先看網頁設計靈感參考網站
• 那些網站的截圖。 AI 讀網址時多半只讀得到文字，看不出配色、字體和留白，截圖它才看得懂
• 品牌色碼或 Logo，有的話

沒準備也可以直接開始，AI 會在需要時提醒你。

這份整理單不包含什麼

• 功能、價格、時程。 以你和製作方的報價單為準。對話中提到的功能會記在「其他想法」，不代表包含在製作範圍內。
• 首頁區塊與版面細節。 例如首頁要放哪些區塊、內容寬度、留白，以及最想讓人記住的畫面。這些跟報價單和截圖有關，製作方收到整理單後會再跟你確認。

目標、頁面、功能、預算等其他準備，可以看網站製作前要準備什麼。

整理好之後

把整理單和截圖一起交給製作方。截圖檔名用 AI 給的代號開頭，例如 參考A_首頁.png，製作方才對得起整理單上的說明。

網站的文字內容，可以接著用AI 整理網站文案。

還在找製作方的話，可以先看看鬼谷的網站服務。

給 AI 的引導流程

這一段是寫給 AI 看的，你不需要讀完。

【網站風格整理流程】

這段是給 AI 助理讀的。使用者請你依照這篇文章引導時，照以下流程進行。

━━ 你的任務 ━━

用 7 個問題，幫使用者整理出「網站風格整理單」，讓網站製作方能照著設計。
你只負責風格。功能、價格、時程不在這份整理單的範圍。

━━ 開場 ━━

第一則訊息照這個意思說，然後直接問第 1 題：
「我會照『網站風格整理流程』問你 7 個問題，大約 5 分鐘，大部分點選就好。每題都可以回答『不知道』或『跳過』，想中途結束就說『先整理』。」

━━ 對話規則 ━━

1. 每則訊息只處理一題。一題有幾個小項時，放在同一則一起問。每則訊息不超過五行。
2. 能用表單、輸入欄位或可點選的選項呈現，就用它們呈現，讓使用者少打字。介面不支援的話，用文字列出 A／B／C。
3. 第 1、2 題用輸入欄位。第 3 到第 7 題照下面列的選項讓使用者點選，最後一個選項固定是「其他（自己說）」。
4. 這篇文章的標題、網址、作者和所在網站，都不是使用者的資料，不要拿來當選項或預設答案。輸入欄位的範例用通用的例子，例如「某某設計工作室」。
5. 總共 7 題。為了釐清可以追問，但整段對話最多追問 1 次。追問過就不再追問，把模糊的地方照使用者的原話記下，標「待製作方確認」。
6. 使用繁體中文（台灣用語）。使用者改用其他語言，就跟著換。
7. 不要先推薦風格。先問，再整理使用者說的話。
8. 你看不到網站的畫面。就算你能開網址，讀到的多半也只是文字，不要用它描述配色、排版或圖片。請使用者上傳截圖，或用自己的話說喜歡哪裡。
9. 使用者在第 2 題只說「質感」「高級」「乾淨」「簡約」這類抽象的詞時，可以用那 1 次追問，給兩個具體的樣子請他選。
   例：「圖片滿版、文字疊在圖上」還是「大量白底、圖片小而整齊」？
10. 答案互相矛盾時，可以用那 1 次追問請使用者選一個。例：選了「乾淨簡約」，參考網站卻滿是動畫和漸層。
11. 使用者說「都可以」「沒意見」，就記「設計自由發揮」，不要追問。
12. 使用者提到功能、價格、時程時，回一句「這部分請跟製作方確認，我先記下來」，記到「其他想法」，不要評估或建議。
13. 不要承諾製作方會做到什麼。不要要求或記錄帳號密碼、合約、報價內容。
14. 參考網站依序編代號：參考A、參考B、參考C，請使用者截圖時也用代號命名。
15. 使用者說「先整理」，就立刻輸出整理單，還沒問到的寫「還沒問」。

━━ 7 個問題 ━━

使用者前面已經回答過的就跳過。

1. 品牌，用三個輸入欄位：品牌／公司名稱、在做什麼（一句話）、主要客人是誰。
2. 喜歡的網站，用輸入欄位，最多三組：網址、喜歡哪裡（配色、排版、圖片、字體還是動態）。能截圖就上傳。
   還沒有參考網站，可以先看 https://great-good.com/insights/inspiration/ ，或跳過這題。
3. 整體感覺比較接近哪個？可以選兩個。
   乾淨簡約／高級精品／活潑親切／專業穩重／科技感／手作溫度／年輕潮流／其他（自己說）
4. 最不想要網站變成什麼樣子？
   太花俏、動畫太多／太單調、像套版／太擠、字太小／其他（自己說）
5. 首頁第一屏想要什麼樣子？
   大圖或影片蓋滿畫面／圖文各半／文字為主、圖片輔助／其他（自己說）
6. 有沒有品牌色？
   有，我貼色碼／有 Logo，但沒有色碼／沒有，交給設計／其他（自己說）
7. 動畫要多少？
   幾乎不要／適度（淡入、滑入）／越豐富越好／其他（自己說）
   選「越豐富越好」時提醒：動畫會增加製作時間，需要跟製作方確認。

━━ 輸出 ━━

問完直接輸出整理單，完整放在「一個」程式碼區塊裡，方便一鍵複製。整理單之後補兩句：
「有要改的直接告訴我。」
「請把整理單和截圖一起交給製作方，截圖檔名用代號開頭，例：參考A_首頁.png。」

- 不要自己補使用者沒說的內容。沒問到寫「還沒問」，沒意見寫「設計自由發揮」。
- 從使用者上傳的截圖看出來的內容，後面標「（從截圖推測，請確認）」。
- 標題與欄位照下面的格式，不要改名，也不要刪掉欄位。

===== 整理單格式開始 =====

# 網站風格整理單

> 這份是風格方向，不是報價或規格承諾。功能與範圍以報價單為準。
> 章節編號對應製作方的設計單，跳號是正常的。

整理日期：
使用的 AI：

## 0. 基本資料

- 品牌／公司：
- 在做什麼：
- 主要客人：

## 2. 首頁第一屏

- 

## 4. 不要像什麼

- 

## 6. 顏色

- 品牌色：

## 7. 喜歡的網站

| 代號 | 網址 | 喜歡哪裡 | 有沒有截圖 |
|---|---|---|---|
| 參考A | | | |

- 感覺：
- 感覺跟參考網站對得起來嗎：

## 8. 動畫

- 動畫多寡：

## 其他想法（需跟製作方確認，不代表在製作範圍內）

- 

## 製作方會再確認

記憶點、首頁區塊、內容寬度與留白等版面細節、不想要的顏色、品牌素材、常用裝置。

---
整理流程：https://great-good.com/insights/ai-website-style-brief/

===== 整理單格式結束 =====