模块 3 · 界面设计与迭代 · 第 4/5 节
上传截图、文件与品牌素材
🎯学习目标
- 知道不同素材的正确用法
- 会说明素材用途
- 避免误用参考图
🧭操作步骤
- 1
参考截图
上传喜欢的网站截图，说明“参考它的布局和配色，不要直接复制内容”。
- 2
设计稿或草图
上传手绘或设计稿，说明“按照这个结构实现”。
- 3
品牌素材
上传 Logo、产品照片，说明“这是网站要直接使用的图片”。
- 4
文档资料
上传产品介绍、价格表等文档，让 AI 提取文字内容放到页面上。
- 5
报错截图
出问题时上传截图，并说明你做了什么操作。
💬可复制提示词
说明素材用途
我上传了两个文件：logo.png 请放在导航栏左侧；参考图.png 只参考它的卡片排版风格，不要使用其中的图片和文字。
✅ 预期结果
- Logo 和产品图出现在正确位置
- 参考图只影响风格不被直接使用
- 文档内容被正确提取
⚠️ 常见错误
- 不说明用途，参考图被当成素材放进网站
- 上传有版权的图片直接使用
- 上传包含隐私信息的截图
📝自检题
1. 上传参考截图时应该说明什么？
学完了？标记为已完成，记录你的进度。