游戏与交互 · 专题 13
色彩、声音与可访问性
主题、静音与对比度实验。把视觉改造变成有标准、有证据的设计。
作品工作台：主题、静音与对比度实验
切换主题、高对比度和静音模式，测试键盘和触屏控制。 这是一个可直接操作的离线小作品，用来验证提示词和代码修改。
先操作作品，再把结果写进测试表。
主题预览 · 先选一个方案
提示词版本对比
把我的网页变得更酷。
提出 3 种不依赖未授权素材的主题，并为每种写对比度、键盘和降级验收标准。
只实现主题色切换和静音开关，不改页面规则。
图片或音效加载失败，请提供本地降级方案和测试路径。
每个独立作品都应打开后实际操作，再把输出差异和验证证据写进学习档案。
学习大纲
- CSS 动画、资源引用、音效、对比度、触屏
- 把视觉改造变成有标准、有证据的设计。
- 完成：切换主题、高对比度和静音模式，测试键盘和触屏控制。
学习过程
- 选择主题
- 改颜色与动画
- 加入静音
- 测试对比度
- 断开资源测试降级
实验与反思
- 好看和可用冲突时怎样取舍？
- 素材来源、版权和 fallback 写在哪里？
反思出口卡
哪个提示词改动最有效？AI 哪一点需要验证？你自己新增了什么规则？下一次只改一个变量，你会选什么？