开发笔记 v0.15.0:个人开发时间线 - UI 视觉档案
将八个独立站点从早期版本到当前版本的 UI 设计、成品界面和关键交互态补入个人开发时间线,形成可持续回看的审美演进档案。
2026-08-18
这是一次以内容补全为核心的版本更新,不新增单独的业务功能,而是把过去分散在提交记录、历史页面和本地截图中的视觉信息,整理成一条可以连续回看的个人开发时间线。
八个站点的视觉档案
- 熊窝:记录从传统单页主页、生活仪表盘到资料库与移动端布局的变化。
- 猪窝:记录家庭管理、追踪看板、美食记录和美食地图从信息堆叠走向工作台结构的过程。
- 猫猫:记录猫猫档案、编年史、物资协作和价格参考等页面的暖色档案化设计。
- GameNotes:记录英雄速查、海克斯出装、无畏契约战术库以及桌面 / 移动端适配的演进。
- 常识笔记:记录内容列表、分类筛选、开发者工具和文章阅读状态的变化。
- 科研笔记:记录总览、文献库、论文译文和板块化科研内容的组织方式。
- ChatNotes:记录工作区、阅读卡片、关系节点、模型选择、联网搜索和项目菜单等交互状态。
- 开发笔记:记录从早期静态首页、博客、知识库,到时间线筛选、Debug 库和本地 CMS 的连续演进。
这次补全了什么
- 为历史版本补入至少一张代表性的 UI 图,让版本节点不再只有文字摘要。
- 为具有明显交互变化的版本补充筛选、搜索、排序、弹窗、悬浮框、菜单和编辑器状态。
- 将截图按站点与版本归档到
public/images/timeline/,在时间线详情页中保留原始比例,并通过灯箱查看大图。 - 对猪窝 v1.9.0 美食地图的设计图做了收束,只保留一张新的视觉留档,同时保留筛选交互态截图。
作为个人审美档案
这条时间线不只是项目发布记录,也是一份个人审美的纵向样本。沿着版本顺序回看,可以观察自己如何逐步从“把功能放上页面”,走向对信息层级、留白、密度、颜色、状态反馈和响应式布局的主动判断。
其中,设计稿、成品截图和交互态截图分别回答三个问题:当时想做成什么样、最终做成了什么样、真正使用时页面如何回应操作。把它们放在同一条时间线上,才能看见审美变化背后的取舍,而不只是看到某一次发布后的静态结果。
验收记录
- 八个站点的历史时间线内容和图片资源均已归档到 DevNotes。
- 时间线详情页继续复用现有图片灯箱,代表页面已完成图片加载和交互态抽查。
npm run build成功构建 203 个页面。- 本版本将项目版本号由
0.14.0升至0.15.0。