随笔 · 二〇二六 · 设计观察
前两天刷到 Shopify Fall ’26 的特别站。点进去的那一刻，我整个人停住了。
它不是一张可以上下滑动的页面，而像一块被推开的玫瑰色玻璃：里面是一个可以拖拽、缩放、节点连线的空间界面。你在其中穿行时，卡片、文字、按钮并不是“画上去的效果”，而是真实的 HTML——可以点、可以选中、可以复制，甚至连无障碍能力也被保留下来。
这就是最近很火的 HTML-in-Canvas 技术。
作为一个 UI 设计师，我看完之后最大的启发是这几点：
界面可以是「空间」，而不只是「页面」
过去我们习惯从上到下的线性流程，像在一张长海报上滑行。现在可以开始想节点、连接、深度和视角：用户不是在翻页，而是在一个半透明的信息空间里导航。
设计时，也许应该先画关系图，再考虑怎么让用户自然地“走进去”。页面不再只是容器，而是一层有折射、有景深、有边缘光的玫瑰玻璃。
内容和表现，终于可以彻底分离
设计师还是用熟悉的 HTML + CSS 把卡片、按钮、文字做好；开发只负责把它们放进 Canvas 场景里，做透视、连线、动效。
我们不用再为了 3D 效果牺牲可访问性和真实交互。内容和表现像玻璃的两层：一层负责信息，一层负责折光。对协作效率来说，这是质变。
动效和空间感，会成为新的设计语言
传统页面的 hover、scroll 已经不够用了。
节点靠近时的呼吸感、进入不同模块时的视角切换、卡片在 3D 空间里的轻微倾斜……这些都需要重新定义节奏。动效不再是点缀，而像玻璃边缘的一层高光，帮助用户理解：我在哪里、我要去往何处。
无障碍不是牺牲，而是默认能力
以前一做 Canvas 或 3D，文字就不能选、键盘导航就崩、读屏就废。现在技术把这些问题解决了大半。
设计师反而更应该主动思考空间界面下的焦点顺序、对比度、减少动效选项，而不是等开发说“做不了”。无障碍不该是玻璃上的裂纹，而应该是这块玻璃天生就有的通透度。
当然，这还不是人人都能立刻用的成熟方案：需要较新的 Chrome 版本，其他浏览器还在追，性能和复杂状态管理也有门槛。
但它至少让我重新思考一件事：
未来的网页界面，可能更像一座可以走进去的玫瑰色玻璃空间，而不是一张可以滑动的海报。
— 曲奇 · 1658898008@qq.com