品牌 / 网页 · 2026

苔原档案

一个把自然观察、影像与网页叙事放在一起的个人档案项目。

年份
2026
角色
创意、视觉与前端
类型
品牌 / 网页
工具
Figma / Astro / GSAP
苔原档案

起点

我想做一个不像“作品集模板”的档案:它应该像一本可以翻阅的册子,而不是一排放大的卡片。

项目围绕三个关键词展开:观察、采样、归档。视觉上用暖白纸张、陶土色和深绿,排版用衬线标题配无衬线正文,让阅读更像杂志。

做了什么

  • 重新梳理内容结构:作品、笔记、实验三条线
  • 设计一套可复用的版式与色彩 token
  • 用 Astro 做静态输出,交互只放在需要的地方
  • 图片统一压缩为 WebP,首屏只加载一张主视觉

结果

页面的首屏从原来的 3.2MB 降到 380KB,移动端 LCP 进入 2 秒内。更重要的是,之后每次加内容都不需要再和页面构建器搏斗。

设计不是把页面填满,而是决定什么值得被看见。