·6 分钟阅读

如何写出高效的 Google Stitch 提示词：完整写作指南

Google Stitch 提示词写作完全指南，教你如何用精准的语言描述 UI 需求，大幅提升 AI 生成设计的质量。

S
Stitch Prompt Team
Content Team
Stitch 提示词教程Stitch PromptsTutorial

提示词质量决定设计质量

在 Google Stitch 中，提示词是你与 AI 沟通的唯一方式。一个好的提示词和一个模糊的提示词，生成的设计可能天差地别。

提示词写作技巧

好提示词的 5 个要素

1. 明确平台

首先告诉 Stitch 你在为哪个平台设计：

平台类型提示词示例
iOS 应用"Design an iOS mobile app..."
Android 应用"Design an Android mobile app..."
网页端"Design a web application..."
后台系统"Design an admin dashboard..."

2. 描述布局结构

清晰的布局描述帮助 AI 理解页面骨架：

✅ 好的写法：
"布局包含顶部导航栏、左侧边栏菜单、主内容区域有 4 个 KPI 卡片和数据图表"

❌ 差的写法：
"一个好看的页面"

3. 列出核心功能

逐条列出页面需要实现的功能：

核心功能：
- 用户登录表单（邮箱 + 密码 + 记住我）
- 第三方登录按钮（Google、Apple）
- 忘记密码链接
- 注册新账号入口

4. 指定视觉风格

用具体的设计术语描述风格：

常用风格关键词：

  • Minimalist（极简）：大量留白、简洁排版
  • Glassmorphism（毛玻璃）：半透明玻璃效果、模糊背景
  • Material Design：卡片式布局、阴影层级
  • Dark Mode（暗黑模式）：深色背景、高对比度文字
  • Neumorphism（新拟态）：柔和阴影、凸起/凹陷效果

5. 补充细节

最后添加让设计更精确的细节：

细节补充：
- 使用 Inter 字体
- 主色调为蓝色 (#2563EB)
- 圆角 12px
- 卡片阴影 0 4px 6px rgba(0,0,0,0.1)

常见错误与修正

错误 1：太模糊

❌ "设计一个好看的登录页面"
✅ "Design a modern login page for a SaaS web app with:
   - Email and password input fields
   - 'Remember me' checkbox
   - Blue gradient submit button
   - Google and GitHub social login options
   - Clean white background with subtle geometric patterns
   - Centered card layout, max-width 420px"

错误 2：信息过载

❌ 一次性描述 10 个页面的内容
✅ 每次只描述一个页面或一个核心功能

错误 3：缺乏风格指导

❌ "设计一个仪表板，有图表和表格"
✅ "Design a SaaS analytics dashboard in dark mode with:
   - Sidebar with collapsible menu sections
   - Top KPI cards with sparkline charts
   - Main area: area chart for trends + bar chart for comparison
   - Data table with sort and filter controls
   - Color scheme: dark gray (#1E1E2E) background with blue (#3B82F6) accents"

实战模板库

登录页面模板

Design a [风格] login page for [平台] with:
- [邮箱/手机号] input field
- Password input with show/hide toggle
- [社交登录选项] login buttons
- Remember me checkbox
- Forgot password link
- Sign up link
- Background: [描述]

产品列表模板

Design a [平台] product listing page with:
- Search bar with filter icon
- Category tabs/pills
- [网格/列表] product view toggle
- Product cards: image, title, price, rating, add to cart button
- Sort dropdown and results count
- Style: [描述]

总结

写出高效的 Stitch 提示词并不难，记住这 5 个核心要素：平台 → 布局 → 功能 → 风格 → 细节。按照这个顺序组织你的提示词，AI 就能准确理解你的设计意图。

← 返回博客