
从信息到界面:用一个内容网站理解页面布局
以“山野手记”为贯穿案例,从信息层级、整体骨架与列表组织,逐步完成空间适应、阅读排版、交互反馈和视觉材质;提供中英双语讲解、关键代码与 D3 交互演示。
学习的笔记、探索的过程,还有生活里的小事。

以“山野手记”为贯穿案例,从信息层级、整体骨架与列表组织,逐步完成空间适应、阅读排版、交互反馈和视觉材质;提供中英双语讲解、关键代码与 D3 交互演示。

从光学公式、位移贴图与 SVG 滤镜出发,在网页中零依赖复刻可交互的苹果 Liquid Glass 效果。