笔记 / 2026-10-16

为什么最后选了极简静态站,而不是 3D 炫酷首页

一开始的想法

做个人技术站,第一反应是“要酷”:3D 卡片、粒子背景、全息渐变、滚动动画。

我确实做了几版概念稿,看起来效果不错。但把它们放到真实的阅读场景里,问题很快出现:

  • 首屏加载变重,低带宽下打开变慢;
  • 移动端特效要么卡,要么只能关掉;
  • 读者真正停留的地方是文章正文,不是首页动画;
  • 维护成本高,每次改版都在调样式而不是写内容。

最后一次取舍

我最后选了最朴素的一套:

  • 系统字体,不加载 webfont;
  • 单栏正文,最大宽度 760px,行高 1.9;
  • 等宽字体只用于日期、标签、代码与元信息;
  • 颜色只有一个强调色,深浅两套主题;
  • 首页只做三件事:说明我是谁、列出最新内容、给出来源与订阅入口。

低带宽下的性能策略

  • 纯静态 HTML/CSS,几乎不依赖 JS(只有主题切换的十几行);
  • 不使用大图与视频,图表优先用 SVG 或 CSS;
  • 开启 gzip/brotli 与长缓存;
  • 图片资源走对象存储 + CDN,避免占用服务器带宽;
  • 目标是:首屏 HTML+CSS 压缩后小于 60KB。

得到的结论

个人技术站的第一功能是“让人读完一篇文章”,第二功能是“让人相信作者”。特效两个都不帮助。

极简不是没有设计,而是把设计预算花在排版、留白、信息层级和加载速度上。对读者来说,“打开快、读着舒服、找得到东西”比任何动画都高级。

这套风格也会延续到之后的报告页:结论卡、数据表、复现信息优先,装饰一律让路。

最后更新:2026-10-16内容许可:CC BY 4.0