設計模式
為你的創作流程選擇合適的引擎。
Stitch 不只是單一 AI 模型,而是一套設計引擎組合。
在生成設定中,你會看到 Design Mode(設計模式) 選擇器。不要把它們僅僅當作不同的「版本」,而是不同的專業工具:有的為速度而生,有的擅長原始創意,還有的事攻深度邏輯與推理。
Thinking with 3 Pro
最適合: 複雜邏輯、深度推理,以及你的「生產級」候選方案。
這是重量級選手。由 Gemini 3 Pro 驅動,這個模式以推理優先於速度。生成時間稍長,因為它在「思考」你的提示詞的各種含義——導覽應該如何流轉、階層意味著什麼、顏色如何相互作用。
如果你在建立複雜的儀表板或細節繁多的著陸頁,這就是你該用的模式。等待是值得的,它回傳的是像素級精準的邏輯。
Redesign(Nano Banana Pro)
最適合: 舊應用程式現代化、風格實驗和基於「感覺」的工作流程。
Redesign 代理程式是 Vibe Design(感覺驅動設計)的最佳搭檔。它非常擅長給過時的介面套用特定的設計美學。
風格詞庫
Redesign 代理程式特別吃具體的藝術指導關鍵字。與其說「讓它看起來酷一點」,不如試試從以下類別中組合詞彙,定義一套獨特的視覺語言。
版面與結構
- Bento Grid: 模組化、盒式、卡片化的版面。用鮮明的分區把內容組織成統一、網格化的階層。
- Editorial: 時尚雜誌感。大號襯線標題、大量留白、非對稱的圖片排布。
- Swiss Style: 客觀清晰。高度依賴網格系統、無襯線字型(類 Helvetica)和靠左對齊文字。
- Split-Screen: 鮮明的垂直分割,常將純色塊與滿版圖片配對。
質感與深度
- Glassmorphism: 半透明、背景模糊(backdrop-filter)和微妙的白色描邊。「磨砂玻璃」。
- Claymorphism: 柔和、膨脹的 3D 形狀,帶內陰影。友善、親切、有觸感。
- Skeuomorphic: 寫實紋理(皮革、紙張、金屬)和看起來像實體開關的控制項。
- Grainy/Noise: 在漸層上疊加底片顆粒或紋理,削弱「數位感」的光澤,增添溫度。
氛圍與年代
- Brutalist: 原始、粗獷、系統預設字型、高對比、硬邊緣。「醜得酷」。
- Cyberpunk: 深色模式、霓虹點綴(青色/洋紅)、故障效果、科技感介面。
- Y2K: 90 年代末/2000 年代初的樂觀主義。金屬鉻質感、氣泡字、亮藍與亮粉、膠囊形按鈕。
- Retro-Futurism: 80 年代合成器浪潮。落日、線框網格、VHS 質感、發光線條。
顏色與對比
- Duotone: 整個 UI 由兩種對比色(及其色階)構成。
- Monochromatic: 使用單一基礎色相(例如「電光藍的多種深淺」)打造統一、有品牌感的觀感。
- Pastel Goth: 柔和奶感的馬卡龍色,搭配銳利的黑色排版與描邊。
- Dark Mode OLED: 使用純黑背景(#000000)而非深灰,針對高對比和「跳脫感」最佳化。
2.5 Pro
最適合: 高保真 HTML 和 A/B 對比。
Gemini 2.5 Pro 產出的程式碼品質和設計保真度極高。常見用法是先用 Thinking with 3 Pro 生成,然後用完全相同的提示詞在 2.5 Pro 中再跑一遍,看看對同一想法的兩種高層解讀。
Fast
最適合: 快速線框圖和 Figma 匯出。
如果你的主要目標是把初始草圖直接匯出到 Figma 進行手動打磨,Rapid 模式在相容性上做了最佳化。
原文: https://stitch.withgoogle.com/docs/learn/design-modes/
本頁翻譯自 Google Stitch 官方文件,原文版權歸 Google LLC 所有。本站為獨立第三方翻譯,與 Google 無關聯。