网站 V2：整理与优化
统一网站风格，去除不必要的元素，并用五秒测试指导修改。
本课资料
- 01
找出三个问题
在学习单上分别指出一处不一致、一处令人困惑和一处多余的内容，并写明所在页面或板块。
- 02
制定五条设计规则
为背景、主色、标题、按钮/卡片和导航制定规则。凡是承担相同功能的元素，都使用相同规则。
- 03
指导修改
向 AI 提供现有网站和五条规则，要求它一致地应用规则、保留内容，不要从头重新设计。检查结果，针对第一次尝试中的不足提出具体修正。
- 04
删除三处干扰
删除三项不必要的内容并解释原因，保留有用内容和正常工作的导航。检查颜色、标题、组件样式、图片尺寸和间距。
- 05
进行五秒测试
展示首页五秒，然后隐藏。询问：网站是关于什么的？你首先注意到什么？记住了什么？你觉得这个人怎么样？接下来会点击哪里？记录同伴原话。
- 06
根据证据做出修改
根据测试选择一项改进，说明证据和修改内容。再次检查链接和有用交互，然后将所有关联文件保存为 PersonalWebsite_V2。
边制作边填写学习单
完成的网站 V2 学习单及对应的 PersonalWebsite_V2 文件，包括所需图片、样式和脚本。一起上传至对应作业。
学习单记录你的决策。仅有看起来完成的成品，并不能展现这些思考。
查看通往 A／B 评估的学习路径 →相关作业
- 个人网站 3
请按链接资料和 Toddle 中的提交要求完成。
查看日历中的作业 →
提交平台： Toddle。具体提交内容见上方作业说明。
在线阅读学习资料正文
网站 V2
让设计有明确意图
八年级设计 • 个人网站 • AI 担任开发者
今日任务：停止随意添加功能，让网站一致、清晰、每项设计都有目的。
前 30 分钟不添加新功能。
| 1 | 找出 3 个问题 |
| 一处看起来不一致的地方： ______________________________________________________________________________ |
| 一处令人困惑的地方： ______________________________________________________________________________ |
| 一处多余的地方： ______________________________________________________________________________ |
| 2 | 制定 5 条设计规则 |
| 1. 背景样式： ______________________________________________________________________________ |
| 2. 主要颜色： ______________________________________________________________________________ |
| 3. 标题样式： ______________________________________________________________________________ |
| 4. 按钮 / 卡片样式： ______________________________________________________________________________ |
| 5. 导航样式： ______________________________________________________________________________ |
| 3 | 把规则交给 AI |
| 复制 / 调整：以下是我的网站规则：• 背景：……• 主色：……• 标题：……• 按钮/卡片：……• 导航：……。让所有板块的设计保持一致，不要从头重做，不要删除我的内容，暂时不要添加新功能。 ______________________________________________________________________________ |
| 4 | 整体整理检查 |
□ 颜色一致
□ 标题风格协调
□ 按钮/卡片样式统一
□ 导航保持一致
□ 图片尺寸合理
□ 间距经过设计
| AI 第一次整理有哪些不足？ ______________________________________________________________________________ |
| 你要求 AI 做了什么具体修改？ ______________________________________________________________________________ |
| 5 | 删除 3 项内容 |
AI 让添加内容变得容易，设计师也需要学会删减。
| 删除 1：你删了什么？为什么？ ______________________________________________________________________________ |
| 删除 2：你删了什么？为什么？ ______________________________________________________________________________ |
| 删除 3：你删了什么？为什么？ ______________________________________________________________________________ |
| 6 | 五秒测试 |
展示首页五秒，然后隐藏。
| 这个网站是关于什么的？ ______________________________________________________________________________ |
| 你首先注意到什么？ ______________________________________________________________________________ |
| 你记住了什么？ ______________________________________________________________________________ |
| 你觉得这个人怎么样？ ______________________________________________________________________________ |
| 接下来你会点击哪里？ ______________________________________________________________________________ |
| 7 | 根据证据做一项修改 |
| 五秒测试发现了什么？ ______________________________________________________________________________ |
| 因此你将做哪一项修改？ ______________________________________________________________________________ |
| 8 | 保存第 2 版 |
将网站保存 / 复制为：PersonalWebsite_V2
□ 已修复不一致之处
□ 已制定 5 条设计规则
□ 已修改 AI 的初次结果
□ 已删除 3 项多余内容
□ 已完成五秒测试
□ 已做最终修改
| V2 比 V1 更好，因为…… ______________________________________________________________________________ |
| 接下来我想改进的是…… ______________________________________________________________________________ |
下一步：升级真实内容
用真实的项目、图片、兴趣和文字替换占位内容。