AI 时代，网页为什么更需要一点人味

过去几年，网页设计一边变强，一边也变得越来越像。

设计系统成熟了，组件库铺开了，前端工程更规范了，AI 也能更快地帮人把页面“搭出来”。结果当然是好的：效率更高，页面更稳定，产品更容易规模化。

但另一个感受也越来越明显。很多网页干净、整齐、正确，却让人记不住。它们像被同一种空气净化器过滤过，信息是清楚了，情绪却一起被消毒掉了。

所以最近一波让人眼前一亮的网页，不是更复杂的后台，也不是更标准的卡片，而是一些更难量产的细节：阳光透过树叶落在墙上的斑驳影子，玻璃上的雨滴，夜晚一点发蓝的月光，像夏天湖面一样跳动的反光。这些东西看起来像装饰，其实不是。它们是在把“感受”重新带回网页。

一、我们开始厌倦的，不是简洁，而是无菌

很多人吐槽现在的网页“太规整、太干净、太像模板”，这句话表面上是在说风格，实际上是在说体验。

网页当然需要秩序，但如果秩序变成唯一目标，界面就会慢慢失去生活感。你能看出它是专业制作的，却感觉不到它是谁做的，也感觉不到它想带你进入什么样的世界。

这也是为什么近两年，设计师和前端工程师在做的一个有意思的反动作，不是反对系统，而是在系统之上补回一点不那么机械的东西：噪点、材质、光影、天气、慢一点的过渡，以及一些带有偶然性的微小变化。

说白了，就是让网页从“信息容器”重新变回“感受容器”。

二、从 Dappled Light 开始，网页重新学会了让阳光照进来

这波讨论里最有代表性的关键词，是 Dappled Light。

Ding 最近整理了一条线索，把这类效果重新串了起来。他提到，人们这两年重新被这种网页打动，某种意义上是在意识到：除了 light mode 和 dark mode 之外，也许网页还需要一种 sunny mode。

这个说法很妙。因为它不再是在讨论一个技术选项，而是在讨论一种氛围状态。用户切换的不只是明暗，而是进入网页时的天气。

这类效果更早可以追溯到 2022 年 CSS-Tricks 的一篇文章《A Serene CSS Dappled Light Effect》。那篇文章做的事并不夸张，它只是用 CSS 里的 blur 和 mix-blend-mode，模拟了一种树影漏光般的斑驳感。

但它的重要性就在这里：它证明了网页里的“生命感”不一定非得靠重型 3D 才能成立。很多时候，只要前端愿意把注意力放在光如何落下、影子如何漂移、空气如何被暗示出来，页面就已经不再是平的。

也就是说，感性设计不是后来的附会，它从前端层面一开始就存在。只是过去几年，效率叙事太强，把这条线压下去了。

三、同一个光影效果，为什么会越来越重要

Dappled Light 之所以又被带火，不是因为它更新了，而是因为环境变了。

当大家都在用越来越像的布局、越来越像的排版、越来越像的组件时，那些带一点自然现象的页面会显得格外醒目。它们不是“更复杂”，而是更像真的被人触碰过。

这也是为什么这条线索后来会一路延伸到不同创作者手里，而且每个人都把它推向了不同方向。

补一层背景：为什么这波案例不只是“网页变花了”

如果只把这波趋势理解成“大家又开始做漂亮特效了”，会低估它。更准确地说，这是一种网页语言的变化。

以前网页切换的关键词更像系统设置：light、dark、contrast、compact。它们服务的是可读性、效率和一致性。

而现在越来越多案例开始出现 sunny、rainy、moonlight、springtime、cozy 这样的词。这些词不再只描述界面参数，而是在描述感受。

这种变化很重要，因为它意味着网页正在从“系统语言”向“体验语言”偏移。前端做的也不只是主题切换，而是在做一层 atmosphere，一层像天气、时间和空间一样被感知到的东西。

四、Basement Studio：当阳光不再是特效，而是品牌气质

这条路线上一个非常关键的节点，是 Basement Studio 给 Daylight 做的网站。

到了这里，斑驳光影已经不只是一个前端 demo，而是被纳入了品牌表达。它服务的不再是“看，我做了个很酷的效果”，而是“这个产品就应该活在这样的光里”。

这件事很关键，因为它改变了网页中动效的角色。

过去很多网页特效更像演示层，是为了证明团队技术不错。但 Daylight 这类站点里，sunny mode 这样的状态更接近产品世界观的一部分。网页不只是承载信息，它本身就在传达产品对屏幕、环境、阅读感受的理解。

也就是说，感性设计一旦成立，它就不是可有可无的装饰，而是品牌语言。

在这个过程中，技术路线也开始分化。

有一类作品偏“错觉派”，用 CSS、SVG、blur、mix-blend-mode、颗粒噪声和轻量动画去制造空气感。CSS-Tricks 那篇 Dappled Light，以及 Sunlit.place 这一脉，基本都属于这个方向。它们工程不一定很重，但非常依赖作者对画面层次的判断。

另一类作品更接近“物理派”，会往 shader、raymarching、soft shadow、粒子和空间光照走。Farah Yan 的作品就很典型，它们更像自然现象的模拟，而不只是界面上的装饰层。

Mason Wang 则处在一个很有意思的中间位置。纯 Canvas 2D，不算重武器，但足够把生活里的那一束斜射阳光保留下来。

所以这波网页人味回潮，不是统一风格，而是统一方向：大家都在试着把可感知的世界带回浏览器。

五、Chloe Yan：真正打动人的，往往不是 UI，而是情绪命名

如果说 Basement Studio 把这类效果带进了品牌语境，Chloe Yan 做的事则更私人，也更迷人。

她的作品里最动人的地方，不只是视觉本身，而是她给这些页面的命名方式。你很少看到她说自己做了一个 hero section、一个 transition system，或者一个 interaction experiment。她会说：lost to wonder、morning commute、a portal into springtime。

这听起来像诗，不像产品术语。

但恰恰因为这样，你才会意识到很多现在真正高级的网页，并不是先从“界面结构”开始想，而是先从“某种感受”开始想。前端只是把这种感受翻译成 div、svg、animation 和时间。

这也是我觉得她这类作品特别重要的原因。它提醒我们，网页不只是在解决任务，也可以在制造片刻。它可以让你停一下，而不是只让你完成一下。

六、Farah Yan：感性设计的另一面，是更像自然现象的计算机图形

另一位很值得写进来的创作者是 Farah Yan。

她做的那条线和 Chloe 不完全一样。你能明显感觉到，她更接近 shader、raymarching、后处理这些图形学语言。她自己在一条作品补充里提到过，效果里用到了 raymarched waves、post processed sparkles，以及 frequency modulated halftone。

但真正重要的不是术语，而是结果。

她做出来的东西，经常不是“一个网页动效”，而更像水面反光、午后草地、傍晚空气里的闪烁。这说明感性网页已经开始分化出两种典型路径。

一种是 CSS、SVG、Canvas 这类相对轻量的错觉派，用少量工程去制造氛围。

另一种是 WebGL、shader 这类更接近物理质感的路径，让网页不只是像界面，而更像一个可以被观察的小型自然系统。

前一种更克制，后一种更沉浸。但它们共同在做一件事：把网页从功能面板往世界感推进。

再往前一步看，连页面实现方式都能说明问题。像 Dany 这样的站点，在源码层面就把 leaves overlay、moon overlay、rain overlay 这些概念写了进去，还用 CSS Houdini 的 @property 让颜色和界面状态在切换时更自然地过渡。

这背后的思路其实很明确：不是做几个好看的模式，而是让一个页面真的拥有“白天、晴天、月夜、下雨”这些不同的气候状态。

七、Dany：下一代网页切换的，不是主题，而是气候

最近这波里最出圈的案例之一，是 dany.works。

Dany 在原本的 day、sunny 这条基础上，又加上了 rainy mode 和 moonlight mode，甚至还做了 crash website 这样的彩蛋。桌面端可以直接按键切换，移动端则是通过点击 logo 字母进入不同状态。

这件事有意思的地方，不在于模式数量，而在于网页状态被重新定义了。

以前我们说主题切换，本质上是换一套颜色。现在这些站点做的，是把网页从一个“皮肤系统”升级成一个“环境系统”。

你进入的不是浅色界面或深色界面，而是白天、晴天、月夜、雨天。页面切换的不是视觉参数，而是你和它之间的情绪关系。

如果说设计系统让网页越来越像产品，那么这类做法是在提醒大家：网页也可以像场景。

这里还有一个很值得写进来的细节。Ding 在整理时提到，Dany 的阴影效果如果直接用视频来做，技术含量未必算高。

我反而觉得这句话正好能点出问题核心：真正重要的从来不是技术纯度，而是体验是否成立。

感性设计不是技术鄙视链。它不需要证明自己“更硬核”，它只需要证明自己让人更愿意停留。

八、Mason Wang：cozy javascript，其实是对前端气质的一次纠偏

Mason Wang 那条“cozy javascript”也很妙。

他开源的是一个用纯 Canvas 2D 实现的百叶窗阳光投射效果。技术上不算最重，但气质非常准。你一看就知道，这不是为了做一个组件，而是为了保留一个生活里的瞬间：光从窗外斜斜打进来，落在室内某个平静表面上。

这类东西最打动人的地方，是它不提供功能收益。

它不会让转化率立刻变高，不会让漏斗更短，不会让表单更好填。它的价值几乎全部落在感受层。但也正因为这样，它才特别像“人做的网页”。

因为只有人，才会在意这种没有直接 KPI 的时刻。

所以我很喜欢“cozy javascript”这个说法。它像是在纠正一种过去很长时间占上风的前端叙事：代码不是只负责效率、结构和正确性，它也可以负责温度。

还有一个常被忽略的小点，是噪声和材质的回归。像 Sunlit.place 这样的作品，甚至会主动加载高斯噪声图层。原因不复杂：纯净的数字表面太容易显得无菌，而一点颗粒、一点雾感、一点不完全平滑的表面，反而更接近人真实感知中的空气。

所以所谓“人味”，很多时候并不是多加几个炫技动画，而是愿不愿意让画面保留一点不那么完美、但更像生活的摩擦力。

九、前端正在重新发明的，其实不是特效，而是感受力

把这些案例放在一起看，会发现它们真正共同的地方，不是都用了光影，也不是都很会做动效。

它们共同在做的，是把网页从可复制的结构里往外再推一步。

模板和组件解决的是“怎么快速做出一个能用的网页”。

而这些感性设计在回答的是另一件事：为什么这个网页值得被记住，为什么它不像别人的网页，为什么它让人愿意停下来，而不是看完就走。

这件事在 AI 时代会变得更重要。

因为越容易被 AI 生成的，越是结构层的东西：导航、卡片、区块、按钮、栅格、版式、文案骨架。未来这些部分会越来越便宜，越来越标准，越来越像水和电。

真正开始重新稀缺的，是那些不完全服从模板的感受性表达。是你看一眼就知道这里有人下过判断，有人有审美，有人愿意为了一个不必要但动人的细节多花两天时间。

换句话说，AI 会继续放大网页的工业化能力。而人要做的，不是和工业化对抗，而是在工业化之上，重新决定哪些地方值得保留人的痕迹。

十、网页的人味，不是复古，而是更高级的控制

有些人会把这类趋势理解成对“精致、干净、系统化”的反动，我觉得不完全对。

真正好的感性网页，并不是放弃秩序，而是在秩序之上加入气候、时间、材质和情绪。

它不是乱，而是更高级的控制。

就像真实空间里，一间好看的房子也不只是摆得整齐。它还需要光线、空气、触感、使用痕迹，以及那些没有写进施工图却决定氛围的东西。

网页也是一样。

如果一个时代的网页越来越擅长复制正确答案，那么下一阶段真正有魅力的站点，往往会赢在那些不那么像标准答案的地方。

它可能是一束阳光，一场雨，一点月色，一层噪点，一段慢得刚刚好的过渡。

也可能只是让你第一次觉得，这不是一个页面。

这是一个有人在里面生活过的小世界。