设计模式

为你的创作流程选择合适的引擎。

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)而非深灰,针对高对比和“跳脱感”优化。
PROMPT
ActionRedesign this dashboard.
StyleUse a modern Bento Grid layout.
DetailsDark mode background. Use the Inter font for the headers.

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 无关联。