笔记 / 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