# 由網頁建立資訊圖表

### AI 驅動資訊圖表製作器

SlidesPilot 嘅 AI 資訊圖表製作器可以喺幾分鐘內將任何網頁變成一張視覺上吸引、資訊豐富嘅資訊圖表。佢唔單止係一個圖像生成器，更係一個智能引擎，會分析、整理同視覺化你嘅網頁內容，變成清晰又吸引嘅敘事。你只要貼上網頁連結，向 AI 提供指引，揀選你鍾意嘅視覺類型同風格，就可以得到一張打磨好、可匯出做圖片或嵌入簡報嘅資訊圖表。

### 使用場景

* **教育及講解：** 將複雜概念、歷史時間線、科學過程，或者學習框架視覺化，方便學生同教育工作者理解。
* **市場推廣及內容：** 將產品功能、品牌數據、活動資料或市場趨勢，轉化成可分享、吸睛嘅資訊圖表素材。
* **數據敘事：** 用有結構嘅視覺格式呈現研究結果、問卷調查結果、比較分析，或者逐步流程。
* **商業溝通：** 將公司里程碑、組織工作流程、策略路線圖，或者 KPI 儀表板總結成清晰嘅視覺快照。
* **社交媒體及出版：** 為 blog 文章、LinkedIn 文章、電子通訊，或者簡報投影片製作適合平台使用嘅資訊圖表。

### 逐步指南：用 SlidesPilot 將網頁製作成資訊圖表

{% stepper %}
{% step %}

#### 步驟 1 — 登入 SlidesPilot

登入 SlidesPilot 好簡單。揀你嘅 **Google 帳戶** 或者 **Apple 帳戶** 就可以快速一鍵登入（新用戶會自動註冊）。咁樣可以確保你所有生成嘅資訊圖表都安全保存。你亦可以用電郵登入——我哋會直接喺你收件箱送上一個安全驗證碼。

<figure><img src="/files/69b239c3dc46562886b81f9e4c9dca8bd44361b2" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 步驟 2 — 進入 AI 資訊圖表製作器

登入之後，你會進入你嘅 **工作區**。你可以用左邊側欄方便咁瀏覽。直接去首頁，你會見到頂部有 **AI 資訊圖表** 。撳入去就可以打開製作器。

<figure><img src="/files/0f995a17ebd818e3728fe9d1c0b0b304291d1a72" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 步驟 3 — 選擇視覺類型

你可以根據要呈現嘅資訊，喺超過 15 種視覺類型中揀選。如果你未有特定設計概念，淨係保持預設嘅 **交俾 AI 探索** 已揀選，AI 就會自動為你嘅內容揀最合適嘅結構。

<figure><img src="/files/8f3c7e6dfea299152663b7143d0243030ab3653d" alt=""><figcaption></figcaption></figure>

***點樣揀啱視覺類型：***

* **交俾 AI 探索：** 如果你想由 AI 自動為你嘅內容揀最佳視覺格式，就揀呢個。
* **心智圖：** 最適合腦震盪／發想，或者展示唔同子主題點樣由一個中心概念延伸出去。
* **燈膽：** 適合突出核心想法、創新，或者重點摘要。
* **腦：** 好適合同心理學、學習、創意，或者邏輯思維相關嘅主題。
* **管道流程：** 非常適合展示數據流向、製造流程，或者多階段系統。
* **時間線：** 最適合展示歷史事件、項目時間表，或者某段特定時間內嘅進展。
* **圓形：** 用嚟表示持續流程、生命週期，或者重複循環。
* **比較：** 適合用嚟比較利弊，或者並排睇兩個唔同概念。
* **文氏圖：** 好適合展示唔同分類之間重疊嘅關係，或者共同點。
* **統計：** 最適合數據量大嘅內容、問卷結果，或者突出關鍵指標。
* **圓環圖：** 適合展示整體同部分嘅關係，或者百分比（類似餅圖）。
* **階層：** 非常適合組織架構圖、團隊結構，或者展示權責層級。
* **金字塔：** 用嚟表示基礎概念，或者優先次序分層（例如馬斯洛需求層次）。
* **漏斗：** 適合銷售流程、數據篩選，或者展示由廣泛起點收窄到特定結果嘅過程。
* **地理：** 最適合全球數據、地區統計，或者同地點有關嘅資訊。
* **PESTLE：** 揀呢個做商業分析，涵蓋政治、經濟、社會、科技、法律同環境因素。
* **SWOT：** 揀呢個做策略規劃，用嚟突出優勢、弱點、機會同威脅。
* **DNA：** 好適合用嚟展示核心構成、基本元素，或者品牌／策略嘅「基因」。
  {% endstep %}

{% step %}

#### 步驟 4 — 選擇輸入方式

喺 AI 資訊圖表製作器入面，你會見到四個選項： **輸入主題**, **貼上文字**, **上載檔案**，同 **貼上連結**。揀 **貼上連結** 開始。

<figure><img src="/files/3094cb289a43bf35afd1b0cb431100c0059dbcd6" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 步驟 5 — 貼上你嘅連結

只要將你嘅連結貼入 URL 輸入欄就得。你可以用幾乎任何來源嘅連結——無論係 YouTube、Wikipedia，定其他網站都得。AI 會分析網頁，擷取重點，並以視覺方式整理出嚟。

<figure><img src="/files/89d6894da52615894e90aa4b6e59af0e67667e24" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 步驟 6 — 自訂設定同指示

喺頁面右邊，你會搵到 **設定** 同 **指示** 面板，讓你自訂資訊圖表嘅生成方式。呢啲選項可以令你控制視覺風格、尺寸、顏色、語言同設計複雜度。

<figure><img src="/files/3dddb68d1eb25a7dbe69a2c5844527c7fa5951fd" alt=""><figcaption></figcaption></figure>

#### **設定**

***視覺類型***

視覺類型決定你嘅資訊圖表整體結構設計同版面。呢個同你喺 **步驟 3**見過嘅選項一樣。如果你一開始喺步驟 3 揀咗 **交俾 AI 探索** ，而家想試下另一種效果，或者睇完結果後想改變圖表類型，都可以喺呢度輕鬆調整。

<figure><img src="/files/81030eb5d525412fd82b83496ee9e409c310305b" alt=""><figcaption></figcaption></figure>

***點樣揀啱視覺類型：***

* **自動：** 如果你唔肯定邊種版面最適合，呢個就好有用。系統會根據你網頁內容嘅性質，自動揀最有效嘅結構。
* **手動選擇：** 可由 17 種唔同圖表中揀選，最適合講好你嘅故事。無論你需要用時間線展示時間表、用比較圖呈現利弊，定用統計圖展示數據，都可以指示 AI 使用特定格式。 *（如需完整指南了解每種圖表何時使用，請返回步驟 3 嘅列表。）*

***長寬比***\
揀啱尺寸可以確保你嘅圖像完美適配你打算分享嘅平台，無論係手機畫面、簡報投影片、社交媒體資訊流，定係印刷文件。

<figure><img src="/files/87ff72b6ed9ec926a89e525632f2068ba16a0267" alt=""><figcaption></figcaption></figure>

***點樣揀啱長寬比：***

* **自動：** AI 會根據所選視覺類型同提供嘅資訊量，自動決定最適合你內容嘅標準尺寸。
* **16:9（闊屏）：** 標準橫向格式。最適合簡報投影片、桌面螢幕檢視，或者嵌入影片。
* **4:3（標準）：** 經典橫向格式。最適合傳統文件、PDF，或者喺 iPad 等平板上睇。
* **1:1（正方形）：** 比例平均。最適合標準社交媒體資訊流，特別係 Instagram 方格帖同 LinkedIn 輪播。
* **2:3:** 一種較高嘅直向格式，最適合 Pinterest 圖釘或者標準印刷海報。
* **3:4:** 一種稍為闊啲嘅直向格式，好適合電子文件、報告同平板睇。
* **4:5:** 針對手機社交媒體資訊流作最佳化。呢個尺寸最適合 Instagram 直向帖，可以喺唔裁切嘅情況下盡量佔用螢幕空間。
* **9:16（直向）：** 標準全螢幕手機格式。最適合 Instagram Stories、Reels、TikTok，或者任何專為智能手機觀看而設嘅內容。

***配色主題***\
配色主題定義你資訊圖表全程使用嘅視覺色盤，有助營造合適氣氛，同你嘅網頁內容保持一致。

<figure><img src="/files/6d9d1f1c49d75c6f562a147cd6af9ca23c1fb9e0" alt=""><figcaption></figcaption></figure>

***點樣揀啱配色主題：***

* **自動：** AI 會根據你特定嘅網頁內容，自動套用配色方案。
* **企業風：** 以專業藍綠色為主，最適合商業報告同正式簡報。
* **科技風：** 用深色背景配霓虹點綴，最適合軟件、AI 同數碼創新主題。
* **鮮豔風：** 運用大膽、吸睛嘅色彩，適合喺市場推廣或者創意內容入面搶眼球。
* **極簡風：** 採用乾淨、中性色調，令你嘅數據同文字更突出，而唔會受視覺干擾。
* **自然風：** 融入綠色同大地色調，適合可持續發展、環境或者健康養生主題。
* **暖色風：** 用親切嘅橙色同珊瑚色，適合生活品味主題，或者營造熱情同活力。
* **冷色風：** 使用平靜嘅藍色同紫色，最適合醫療、教育，或者清晰呈現複雜數據。

***語言***\
語言設定為你生成嘅文字提供 16 種唔同語言選擇，令你可以輕鬆製作適合全球、國際或者本地受眾嘅資訊圖表。

<figure><img src="/files/e75da89273ed8b82d6696ddec70fb20c87025a8c" alt=""><figcaption></figcaption></figure>

***點樣揀你嘅語言：***

* **自動：** 系統會根據你網頁內容偵測到嘅主要語言，自動生成資訊圖表。
* **手動選擇：** 你可以手動喺 16 種支援語言之中揀選，確保輸出完全符合你需要。可用語言包括：阿拉伯文、中文（簡體）、中文（繁體）、菲律賓文、英文、法文、德文、印地文、印尼文、意大利文、日文、韓文、馬來文、葡萄牙文、俄文同西班牙文。

***複雜度***\
複雜度會控制內容分析得有幾深入，同埋會拆分成幾多個獨立部分。唔係淨係令資訊圖表變長，較高複雜度代表將主題拆解成更細緻、更具體、更加進階嘅子主題。

<figure><img src="/files/b0004a5620f706d836c337d145d2867d2b90fc7e" alt=""><figcaption></figcaption></figure>

***點樣揀複雜度級別：***

* **自動：** AI 會根據網頁內容，自動決定最自然嘅結構拆分。最適合你想要最標準、最廣泛接受嘅框架，而唔需要手動調整。
* **簡單（3-4 部分）：** 將主題濃縮成大範圍、高層次分類。最適合快速概覽或者入門受眾。
* **平衡（5-6 部分）：** 呈現一個概念嘅標準、經典拆分。最適合一般受眾，需要完整但容易消化嘅理解。
* **全面（7-8 部分）：** 擴展主題，加入較細緻或者進階嘅子分類。最適合深入分析或者教學材料。
* **詳細（9+ 部分）：** 提供非常完整、極度細化嘅拆分。最適合專家受眾或者全面參考資料。

#### **指示**

指示文字框可讓你提供自訂指引，去塑造 AI 點樣生成你嘅內容。最適合喺標準設定之外，向 AI 提供具體規則——例如叫 AI 聚焦關鍵數據、保持簡潔，或者用簡單語言。

<figure><img src="/files/eb6394b49931dd01a963fafffb998b5a551ecd3c" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 步驟 7 — 生成你嘅資訊圖表

一旦你貼上連結，底部嘅 **生成資訊圖表** 按鈕就會變成可用。撳落去就可以建立你嘅資訊圖表。

<figure><img src="/files/29517d8968a95b4dbf58eaabb6b393d41d911820" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

### 編輯、下載或分享你嘅簡報

SlidesPilot 提供幾個強大選項去優化你嘅簡報工作流程：

* **借助 AI 編輯：** SlidesPilot 內置嘅 AI 助手令更新你嘅資訊圖表變得好輕鬆。你只要撳 **用 AI 編輯**，再喺文字框輸入你想改嘅內容，其餘就交俾 AI。

<figure><img src="/files/e1a5c1bad70dd3e51652c7729d2b174122595626" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/e58599d4a44a4ea988ba938ffab9e7606c2665d7" alt=""><figcaption></figcaption></figure>

* **下載及匯出：** 你可以將資訊圖表下載為 PDF、PNG 或 PowerPoint（.pptx）檔案，或者直接匯出到 Google Slides。呢種無縫整合可以令你喺自己慣用嘅應用程式入面編輯，同時保持原有工作流程。

<figure><img src="/files/347b9d145f3a8c59d99941eab5b8604c7c5651f8" alt=""><figcaption></figcaption></figure>

**分享：** 你亦可以一鍵生成只供檢視嘅連結。你需要時都可以輕鬆改返做私密設定。

<figure><img src="/files/6daca41801ed1941698aa0861b12f50dc4693334" alt=""><figcaption></figcaption></figure>

### 摘要

* 準備好你嘅連結，就可以生成你專屬嘅資訊圖表。
* 註冊或登入以使用完整生成功能——咁可以保護你嘅私隱同檔案安全。呢項服務免費，註冊時無需信用卡。
* AI 生成資訊圖表之後，你可以將佢匯出做 PowerPoint、Google Slides、PDF 或 PNG，用喺你喜愛嘅應用程式；又或者直接用 SlidesPilot 嘅智能 AI 網上編輯器進一步微調。

### 常見問題

<details>

<summary><strong>我可以用咩類型嘅網頁連結去生成資訊圖表？</strong></summary>

任何公開連結都得！無論係 blog 文章、新聞報道、Wikipedia 頁面，定公司網站，只要貼上 URL 就可以。AI 會自動分析網頁、擷取重點，並幫你處理文字同視覺結構。

</details>

<details>

<summary><strong>用連結內容時，版權方面點算？</strong></summary>

你有責任確保自己有權限或已獲授權去處理你提供嘅任何內容。我哋建議你只用呢個功能處理你自己嘅內容、公有領域材料，或者符合合理使用原則嘅個人及教育用途。詳情請參閱我哋嘅服務條款。

</details>

<details>

<summary><strong>點樣確保我嘅資訊圖表有最佳效果？</strong></summary>

如果你想完全無痛上手，可以將所有設定都保持喺 *自動* ，然後畀 AI 即時幫你生成吸引嘅視覺內容。不過，如果你想要更貼身嘅結果，我哋鼓勵你用 *設定* 同 *指示。* 咁你就可以輕鬆自訂視覺類型、長寬比、配色主題、語言同複雜度，令內容完美匹配。

</details>

<details>

<summary><strong>生成資訊圖表之後可以用咩格式？</strong></summary>

SlidesPilot 允許你將資訊圖表下載成 PNG 圖像、PowerPoint（.pptx）或者 PDF 檔，亦可以直接匯出到 Google Slides。

</details>

<details>

<summary><strong>生成之後我可以再編輯資訊圖表嗎？</strong></summary>

絕對可以！你唔使手動微調各個元素，只要用我哋直觀嘅 AI 助手就可以編輯資訊圖表。佢會即時處理你嘅指示，並幫你更新設計。

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.slidespilot.com/slidespilot-help-center-yue/dian-yang/you-wang-ye-jian-li-zi-xun-tu-biao.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.