实验室笔记全集

关于我们如何设计、动画化与简化 SVG 讲解的全部文章——把图解背后的手艺写下来。

如何为教育制作动画 SVG 流动图解

一步步讲清如何构建会讲解的动态流动线。

用 Stroke-Dashoffset 做系统动画

一个 CSS 技巧，搞定路径、流动与进度的动画。

如何简化复杂的真实系统

在教学模型中决定留下什么、舍弃什么。

什么是系统思维，又如何应用

在机器与组织中用零件、流动与反馈来思考。

交互式讲解页面设计最佳实践

不喧宾夺主的布局、节奏与交互。

如何设计干净的剖面 SVG 图解

把外壳与内部分离，得到易读的剖面。

分离外壳与内部零件实现点击展开的技巧

把外壳与内部分图层，点击即可揭示对应部件。

绘制流动流线与边界层

让流体运动可见的类线框技法。

在 SVG 中渲染应力热力图

用渐变与裁剪表现梁上的应力分布。

从工程图纸到教学剖面

把密集图纸变成清晰图解的工作流。