高效提示技巧

本指南介绍如何撰写有效的提示词，用 Stitch 设计和打磨你的应用。

开始你的项目

你可以从宽泛的概念开始，也可以从具体的细节开始。对于复杂的应用，先从高层概念入手，然后逐个屏幕深入细节。

高层提示词 vs 详细提示词

先从一个大致想法开始。

描述核心功能，获得更好的起点。

用形容词定调

用形容词定义应用的感觉（影响颜色、字体、图像）。

逐个屏幕迭代打磨你的应用

用具体、渐进式的改动来打磨

Stitch 在清晰、具体的指令下表现最好。一次聚焦一个屏幕/组件，每条提示词只做一到两处调整。

• 要具体： 告诉 Stitch 改什么、怎么改。

针对具体元素

针对具体屏幕

具体的视觉改动

参考品牌主题

把登录界面的主行动按钮改大，并使用品牌的主蓝色。

• 聚焦具体屏幕/功能：
  • 电商详情页： “Product detail page for a Japandi-styled tea store. Sells herbal teas, ceramics. Neutral, minimal colors, black buttons. Soft, elegant font.”
  • 电商详情页： “Product detail page for Japanese workwear-inspired men’s athletic apparel. Dark, minimal design, dark blue primary color. Minimal clothing pictures, natural fabrics, not gaudy.”

描述期望的图像

引导图像的风格或内容。

• 具体的图像风格： “Music player page for ‘Suburban Legends.’ Album art is a macro, zoomed-in photo of ocean water. Page background/imagery should reflect this.”

控制应用主题

颜色

可以指定具体颜色，也可以描述配色方案的氛围。

• 指定颜色的提示词： "Change primary color to forest green."
• 描述氛围的提示词： "Update theme to a warm, inviting color palette."

字体与边框

修改排版和元素样式（按钮、容器）。

• 字体样式提示词： "Use a playful sans-serif font." 或 "Change headings to a serif font."
• 边框/按钮样式提示词： "Make all buttons have fully rounded corners." 或 "Give input fields a 2px solid black border."

如何修改设计中的图像

修改图像时要具体

明确要修改的图像。使用应用内容中的描述性词汇。

• 针对一般图像： "Change background of [all] [product] images on [landing page] to light taupe."
• 针对特定图像：

定义位置

描述要针对的内容

指令

在 “Team” 页面，针对 “Dr. Carter (Lead Dentist)” 的图像：把她的白大褂改成黑色。

图像与主题改动保持协调

如果更新主题颜色，要说明图像是否也应随之变化。

• 提示词： "Update theme to light orange. Ensure all images and illustrative icons match this new color scheme."

更改应用文本的语言

使用以下提示词：

• 提示词： "Switch all product copy and button text to Spanish."

Stitch 专业技巧

• 清晰简洁： 避免歧义。
• 迭代与实验： 用更多提示词打磨设计。
• 一次一处大改动： 更容易看清影响并调整。
• 使用 UI/UX 关键词：（例如 “navigation bar”（导航栏）、“call-to-action button”（行动按钮）、“card layout”（卡片布局））。
• 精确引用元素：（例如 “primary button on sign-up form”（注册表单的主按钮）、“image in hero section”（hero 区域的图像））。
• 审视与修正： 如果改动不对，换个说法或更有针对性。