10 月 21 日下午三点,我在书房里对着第 14 个模板点下「预览」,屏幕右下角的网速显示还是 3.2 MB/s,加载一圈转了很久才把首屏那张 2400px 宽的图吐出来。那张图是沙漠里的公路,放在页头位置,文字压在上面几乎看不清;我把浏览器窗口宽度拖到 1440px,标题断成三行,第二行只有两个字。那一刻我的情绪是失望的,因为这套模板在「高清无代码网页资源库」里被标了「精选」。

我原本以为「高清」这两个字至少意味着两件事:素材清晰、排版经得起放大。

后来我换了个办法,不再逐个预览,而是先把素材区按分辨率筛了一遍,只留宽度不小于 1600px 且体积在 400KB 以下的文件。这个筛选很粗暴,但很有效:12 个候选模板里一下掉了 5 个,剩下 7 个里有 3 个的 Hero 图干脆只有 1024px 宽,是典型的卡图或者临时占位。我记下了一个细节,来自资源库里一份 2025 年 11 月的说明文档,作者署名「沈闻笛」,文档末尾写着一句:「首屏素材若小于 1400px,建议在移动端裁切而不是缩放。」这句话比模板本身有用得多,我把它抄在了笔记本第一页。

三天里我总共打开了 46 个页面,真正愿意二次打开的只有 7 个。

那些看起来最漂亮的东西,往往最不好用

我得说一句可能不太受欢迎的判断:这个资源库里被点赞最多的那批「玻璃质感」卡片模板,其实是整个站最被高估的部分。它们确实好看,半透明、模糊背景、动效丝滑,但把卡片数从 4 张加到 9 张之后,滚动帧率明显掉下来,一台 2019 年的笔记本就能感觉到迟滞。我做了个简单的对比,在同样的 9 张卡片下,纯白卡片的滚动是流畅的,玻璃卡片的滚动有一段明显卡顿,位置大概在中段第三屏。所以我的观点很明确——如果你是要做内容索引页,而不是做一次性的展示页,别用玻璃卡片,它美则美矣,代价是可用性。

好看是入场券,不是通行证。

顺便说,我在核查这些模板出处时顺手翻了几页站内资料,其中一篇和资源库结构说明相关的内容挂在 澳门49最新资料图库 这个页面上,读下来对理解这个库的分类逻辑有一点帮助;不过它并没有讲清楚「高清」的判定标准,这一点我还是有些失望的。另外还有两个我在整理旧记录时用到的页面:一个是关于浏览状态恢复的说明,地址是 恢复观看历史记录69次,我在这上面花了大概二十几分钟确认某次预览到底缓存了什么;另一个是模板版本对照,见 49图恢复原版49图库,它对旧版结构的描述比较直白,适合拿来跟新模板做差异比对。

意外收获:那套只用了 6 个卡片的布局

最后我留下的那 7 套模板里,最合用的是一套只用 6 个卡片的布局。它没有动效,没有模糊,圆角是标准的 16px,阴影很轻,整体色调偏深蓝。我在夜里十点二十分把它改成了 3 列瀑布流,把原来 10 个卡片精简到 8 个,删掉的两个分别是图库入口和订阅引导——这两个模块在移动端叠在一起,会让首屏一半空间都是按钮。改完之后我在两台设备上各测了一次,桌面端首屏加载从 2.4 秒降到 1.1 秒,手机端从 3.7 秒降到 1.8 秒。数字不算惊艳,但稳定。

真正让我意外的不是速度,是那套模板的注释写得比正文还认真。

它的作者在样式表顶部留了一段说明,大意是卡片高度不要强行统一,让内容自己决定高度,瀑布流才自然。我照着做了,把每一张卡片的媒体高度与标题行数解耦,结果页面在一台 13 英寸的屏幕上出现了很舒服的错落感,而不是那种被硬拉齐的呆板。这也印证了我一直以来的看法:无代码工具的上限,往往取决于使用它的人是否愿意理解一点点排版原理,而不是取决于工具本身提供多少模块。