这个条目适合放在开发项目类作品集的第一位。
它展示的不只是界面结果，而是产品结构和工程落地如何互相配合。
Overview
项目说明
Process
制作流程
每个详情页都把真正重要的步骤拆开，不只展示结果，也展示判断是如何形成的。
01
先把页面拆成任务，不是模块
不是先问要放哪些卡片，而是先问使用者今天要完成哪些动作。页面结构围绕任务顺序而不是视觉填充展开。
02
状态设计先于视觉细节
把空态、加载态、过滤态和异常态都定义清楚之后，页面才真正可用。视觉精修放在这之后做。
Thinking
设计思路
这里说明为什么这样做，而不是只列出做了哪些动作。
开发项目详情页要同时说明产品和技术
只放界面截图不够，要解释为什么这样拆分组件、如何处理状态，以及这些选择如何降低后续维护成本。
Result
交付与结果
- 信息架构稿
- 高保真界面
- 前端页面
- 筛选状态设计
- 减少跨页面切换
- 提高状态可见性
- 便于继续扩展模块