模块 3 · 界面设计与迭代 · 第 1/5 节
用对话修改页面
🎯学习目标
- 会给出精准的修改指令
- 会针对选中的元素提出修改
- 会组织多步修改
🧭操作步骤
- 1
说清位置
指明页面和区块：“定价页的第二张卡片”。
- 2
说清改什么
文字、颜色、大小、顺序、行为，选一个或几个相关属性。
- 3
选中元素再说
用预览区的选择工具点中元素，再输入指令，AI 会准确定位到这个元素。
- 4
一次一类修改
样式修改和功能修改分开发，便于检查和回退。
💬可复制提示词
精准修改
在定价页，把“专业版”卡片设为推荐：加一个“最受欢迎”标签，边框用主色，并让它比另外两张卡片略高。
✅ 预期结果
- 修改只影响指定区域
- 结果一次就接近预期
- 对话记录清晰可追溯
⚠️ 常见错误
- 一条消息混合样式、功能和新页面
- 没说明位置，AI 改错地方
- 看到不满意就整页重做
📝自检题
1. 想精准修改某个按钮，最好的方法是？
学完了？标记为已完成，记录你的进度。