視覺元素

視覺元素是什麼

視覺元素是 slide 上除純文字與數據圖表以外的「看得見的內容」：語義圖標、流程與架構示意圖、裝飾性圖形、程序化背景等。它們幫助傳達結構、氛圍與品牌感，而不一定綁定表格數據。若需要入場動畫、循環背景等動效，見動畫與動效文檔。

常見類型

• 語義圖標：列表旁的勾選、趨勢箭頭、行業符號等，風格與設計語言統一。
• 結構示意圖：流程圖、架構圖、關係圖等，出片時直接繪製內嵌矢量圖形。
• 裝飾矢量：扁平圖標、插畫等獨立 SVG 資產，保存在項目素材庫。
• 裝飾圖形：分隔線、幾何背景、強調性視覺塊。
• 圖片素材：上傳的品牌圖、產品圖或 Agent 生成的氛圍位圖。
• 動效視覺：漸變、點陣、入場動畫等——詳見動畫與動效文檔。

與圖表的區別

• 圖表：綁定結構化數據，展示趨勢、對比、佔比等量化結論；可在精修面板改數據表。
• 視覺元素：表達結構、流程、裝飾或氛圍，不一定有數值表格。
• 同一頁可以同時有圖表與視覺元素，例如數據柱形圖 + 旁側流程示意。

怎麼生成

• 在對話裡描述頁面意圖，例如「第 2 頁用三步流程圖說明方案」「加一組趨勢圖標強調增長」。
• Agent 在渲染 slide 時，會根據設計風格自動選擇圖標、SVG 或程序化視覺。
• 可上傳參考圖片，Agent 會借鑑構圖或風格（不會臨摹受保護的品牌 logo）。
• 複雜頁面可能同時包含多種視覺層，Agent 會按頁面敘事自行組合。

矢量插畫與矢量化

除 slide 內的結構示意圖外，Agent 還可生成獨立 SVG 資產，或把已有位圖轉成矢量，保存到項目素材庫後再嵌入頁面。對話區可流式預覽 SVG 草稿。

• 結構示意圖（流程 / 架構 / 時間軸）：出片時直接繪製，不屬於獨立 SVG 生成。
• 裝飾矢量插畫 / 圖標：例如「畫一個扁平矢量咖啡杯圖標」，Agent 會生成獨立 SVG 資產。
• 位圖轉矢量：例如「把這張圖矢量化」，適合簡單扁平圖標；複雜照片效果有限。

可在 設置 › 偏好 › 默認 SVG 模型 選擇專用引擎（按次計費）或實驗性方案（計費方式與 Chat 相近）。詳見定價頁。

怎麼編輯

• 語義調整：在對話裡說「把流程改成四步」「圖標換成更商務的風格」。
• 畫布精修：點選支持精修的視覺塊，在屬性面板調整顏色、透明度或 Agent 聲明的可調參數。
• 文字與圖片：點選文字改字；圖片類元素可換圖或調樣式（代碼模式下）。
• 結構性大改（換佈局、加新模塊）仍建議通過對話讓 Agent 處理。

相關文檔