品牌 / 网页 · 2026
苔原档案
一个把自然观察、影像与网页叙事放在一起的个人档案项目。
起点
我想做一个不像“作品集模板”的档案:它应该像一本可以翻阅的册子,而不是一排放大的卡片。
项目围绕三个关键词展开:观察、采样、归档。视觉上用暖白纸张、陶土色和深绿,排版用衬线标题配无衬线正文,让阅读更像杂志。
做了什么
- 重新梳理内容结构:作品、笔记、实验三条线
- 设计一套可复用的版式与色彩 token
- 用 Astro 做静态输出,交互只放在需要的地方
- 图片统一压缩为 WebP,首屏只加载一张主视觉
结果
页面的首屏从原来的 3.2MB 降到 380KB,移动端 LCP 进入 2 秒内。更重要的是,之后每次加内容都不需要再和页面构建器搏斗。
设计不是把页面填满,而是决定什么值得被看见。