·7 分鐘閱讀

Stitch 圖像升級：Nano Banana 2.1 配圖與 Logo

Nano Banana 2.1 接入 Stitch 後的圖像素材指南：主視覺配圖與向量 Logo 的 Prompt 範本、多畫面一致性用法、與外部 Gemini API 的價格檔位比較及已知限制。

S
Stitch Prompt Team
Content Team
StitchAIUI Design

過去在 Stitch 裡生成介面，圖像素材（主視覺圖、插畫、Logo）往往要匯出到外部工具單獨處理，再貼回專案裡。

2026 年 10 月 6 日，Nano Banana 2.1 正式發布，Stitch 當天宣布接入，並明確了兩個使用情境：Hero 配圖（hero graphics）與向量風格 Logo（vector-style logos）。這意味著配圖和 Logo 可以在 Stitch 工作流程內部完成，不需要再來回切換工具。

本文聚焦一個具體問題：在 Stitch 工作流程裡，這兩類素材應該怎麼生成、怎麼保持多畫面一致、有哪些坑需要提前避開。

說明：模型能力與價格來自公開資料；Stitch 內的具體入口與按鈕位置請以你帳號內的實際介面為準。

一、10 月 6 日，Stitch 的圖像引擎換代了

Nano Banana 2.1 基於 Gemini 3.6 Flash，在三個方向上做了提升：

三大提升

  • 視覺設計品質：生成素材的整體構圖與完成度更高。
  • 遮罩局部編輯：可以只改畫面的指定區域，而不是整張重畫。
  • 主體一致性：同一個視覺主體可以在多張圖裡保持穩定。

對介面工作來說，「主體一致性」是最有價值的一項：同一個產品的插畫角色、吉祥物或產品圖形，可以在多個頁面的配圖裡保持一致，而不是每張圖換一個樣。

二、Stitch 裡怎麼用：Hero 配圖生成實作

Hero 配圖是首屏的門面，提示詞要交代清楚三件事：畫什麼、什麼風格、文字放哪裡。

可以直接套用的範本：

Generate a hero illustration for this landing page: abstract geometric shapes
in [brand colors], flat vector style, wide 16:9 crop, leaving negative space
on the left for headline text.

要點拆解：

  • [brand colors] 替換為你的品牌色，和 DESIGN.md 裡的色板保持一致。
  • 16:9 告訴模型裁切比例，避免生成後再裁掉主體。
  • negative space for headline text 預留標題區，配圖和文案不再打架。

三、向量風格 Logo 生成實作與尺寸適配

Logo 生成和配圖的關鍵差異在於「工程約束」：它要能在 24px 的導覽列裡看得清，也要在放大後不糊。

範本：

Vector-style logo mark for a fintech app called [Name]: minimalist,
single-weight strokes, works at 24px, transparent-background friendly.

要點拆解：

  • single-weight strokes 強調等寬線條，這是向量風格的核心特徵。
  • works at 24px 明確小尺寸可用性，避免生成一個「遠看很酷、縮小就糊」的圖形。
  • transparent-background friendly 提醒模型給純色背景，方便後期去背。

四、多畫面一致性：14 張參考圖與 4 角色保真的用法

Nano Banana 2.1 支援最多 14 張參考圖融合，其中包含 4 個角色一致性與 10 個物體保真的額度。翻譯成介面工作的用法：

  • 把主視覺的插畫角色作為參考圖，後續每個畫面的配圖都引用它。
  • 同一產品套件裡，讓 3D 或向量素材保持一致的光源和材質。
  • 需要局部修改時，用遮罩編輯而不是重新生成整張圖。

五、與外部用 Gemini API 生成的比較

如果你有批次或程序化需求，也可以走 Gemini API 直接呼叫。關鍵參數比較：

維度說明
模型 IDgemini-nano-banana-2.1
解析度1K / 2K / 4K，預設 1K
參考圖最多 14 張（4 角色一致性 + 10 物體保真）
Thinking 檔位minimal / medium / high 可設定
價格1K 約 $0.0336/張，相比上一代約減半

選擇建議：在 Stitch 裡就選 Stitch（素材直接進專案）；要批次、要腳本化就選 API。兩者用的是同一代模型能力。

六、已知限制與規避方法

  • 1K 下文字可能模糊：不要在圖片裡排重要文字，標題文字用 HTML/CSS 實作。
  • 沒有 512px 小檔：最小 1K，需要更小尺寸時自行縮放並檢查清晰度。
  • 不支援 alpha 透明輸出：Logo 需要透明背景時，先生成純色背景版本，再做去背處理。
  • 品牌一致性靠規範：把品牌色寫進 Prompt 之前，先確保 DESIGN.md 裡的色板是最終版。

七、常見問題（FAQ）

Q1：Stitch 裡使用 Nano Banana 2.1 需要額外付費嗎？

素材生成跟隨 Stitch 帳號的額度體系，具體計費與額度以官方為準。

Q2：生成的 Logo 可以直接商用嗎？

建議先人工調整並做商標檢索。生成結果可以作為設計起點，但版權與商標合規需要自行確認。

Q3：為什麼生成的圖片裡文字總是模糊？

圖像模型在小解析度下渲染文字的能力有限。介面裡的文字請用真實的 HTML/CSS 排版，圖片只承載圖形與插畫。

八、總結

Nano Banana 2.1 把「配圖與 Logo」接進了 Stitch 的工作流程內部：Hero 配圖解決首屏氛圍，向量 Logo 解決品牌符號，多畫面一致性解決素材的統一。把它們與 DESIGN.md 的色板、CLI 的工作流程串起來，素材這一環就不再是斷點。

繼續閱讀：

← ← 返回部落格