Fold
互动数学学习
GPT 6.1 Sol
7 · 设计案例
互动学习界面设计：数学、科学、棋类与编程案例
从圆面积推导、电路搭建到分子结构与象棋战术，浏览把知识变成可操作步骤的学习案例，比较演示、练习与具体反馈如何衔接。
这个类型怎么参考
重点看学习者每一步要做什么，以及操作怎样揭示概念。答错时应得到与当前动作有关的解释，完成后也应能回看推理过程，而不是只显示分数或“回答错误”。
安装与使用指南 →
电路实验室
物理教学实验室
GPT 6.1 Sol
分子间
化学学习 · 分子搭建
GPT 6.1 Sol
Forkside
国际象棋战术课
GPT 6.1 Sol
Neuron
互动科学讲解
GPT 6.1 Sol
小岛编程
少儿编程闯关
GPT 6.1 Sol
Pip
语言学习 App
GPT 6.1 Sol
延伸阅读
场景实战 · 移动 App 设计
移动 App 多屏设计实战
避免把手机 App 做成“压窄的桌面网页”。学习用 390×844 真实视口与多屏并排页（screens.html）设计冲浪预报、打车、数字银行与冥想等移动界面。
设计方法 · 多方向同屏对比多方向同屏对比设计法
单次生成只给一个方案时，你很难判断它是不是最优解。了解 Oil UI 的内置 HTML 同屏对比页机制，并对照画廊中同一简报下的 Orvo、Atelier Volders 与 Fonderie Mercier 多方向成品。
设计方法 · 真实截图与盲审真实视口截图与子 Agent 盲审
光看 JSX 和 CSS 代码找不出文字截断、对比度发灰和版面头重脚轻。详解 Oil UI 如何通过 1440px/390px 真实浏览器截图、200% 局部放大、色块结构图和无上下文子 Agent 盲审把控界面质量。