如需查看图示、视觉示例与完整排版，请打开上方的学习单。
依据设计任务书制作
八年级设计 • 个人网站 • 第 1 版
你已经有一个网站。今天，在 AI 担任开发者的协助下，让网站符合你选定的目的和用户。
你 = 设计师 / 项目经理 • AI = 网页开发者
不要问 AI 你的网站应该是什么样；告诉它你已经决定的网站方向。
| 我的主要用户 ________________________________________________________________________ |
| 我的三个形象关键词 ________________________________________________________________________ |
| 最重要的内容 ________________________________________________________________________ |
| 我的网站目的 ________________________________________________________________________ |
| 查看当前网站。哪些地方还不符合概要？ ________________________________________________________________________ ________________________________________________________________________ |
| 必须修复 | 已有但存在错误或不足的内容。 ________________________________________ |
| 必须添加 | 概要要求具备但目前缺少的内容。 ________________________________________ |
| 想要尝试 | 一项有挑战或有趣的内容。 ________________________________________ |
| 把现有代码交给 AI，然后说：你是我的网页开发者，我是设计师/项目经理。我的概要：• 目的：……• 主要用户：……• 三个形象关键词：……• 最重要的内容：……。今天：• 修复：……• 添加：……• 试验：……。不要另起概念，保留已经符合概要的部分。 ________________________________________________________________________ |
不能直接接受 AI 的第一个结果。
| AI 第一版有什么不足？ ________________________________________________________________________ ________________________________________________________________________ |
| 你提出了什么具体修改要求？ ________________________________________________________________________ ________________________________________________________________________ |
| □ 交互式时间线 | □ 项目展示区 | □ 关于我的小测验 |
| □ 可拖动的桌面 | □ 复古界面 | □ 虚拟书架 |
| □ 项目筛选 | □ 图片轮播 | □ 可点击的地图 |
| □ 成就 | □ 彩蛋 | □ 主题选择器 |
| □ 模拟操作系统 | □ 技能树 | □ 其他 |
| 我的功能应让访客能够…… ________________________________________________________________________ ________________________________________________________________________ |
| 你认为哪些地方可以点击？ ________________________________________________________________________ |
| 你预期会发生什么？ ________________________________________________________________________ |
| 实际有效吗？ ________________________________________________________________________ |
| 它让网站更好用，还是只是更复杂？ ________________________________________________________________________ |
设计也包括删减。
| □ 特效 | □ 重复文字 | □ 无意义的按钮 |
| □ AI 添加的不美观内容 | □ 无意义的图片 | □ 多余的板块 |
| 我删除了 __________________，因为…… ________________________________________________________________________ ________________________________________________________________________ |
□ 已完成修复
□ 已完成添加
□ 已实现尝试功能
□ 已修改 AI 输出
□ 已让同伴测试
□ 已删除一项内容
| 今天最大的变化，以及它如何支持我的概要： ________________________________________________________________________ ________________________________________________________________________ |
| 接下来我希望 AI 制作 / 修复： ________________________________________________________________________ ________________________________________________________________________ |
下一步：让整个网站成为统一的产品
一致性 • 导航 • 信息层级 • 清理累积的 AI 冗余内容