Appearance
设计评审记录
这是设计稿 review 的公开版记录,保留布局决策,不展示内部截图。
Wireframe
| 页面 | 主要任务 | 布局决策 |
|---|---|---|
| 首页 | 让读者 5 秒内理解技术主线 | 首屏品牌叙事 + 系统图 + 指标条 |
| 案例库 | 快速比较标杆案例 | 双列案例卡片,指标置于摘要下方 |
| 目录页 | 支持能力域、公司项目、内容类型切换 | 表格优先,适合密集扫描 |
| 图谱页 | 展示项目、能力、案例关系 | SVG/数据图谱,不用装饰性背景 |
| 文章页 | 读清背景、问题、方案、指标、复盘 | 统一 frontmatter 与案例化结构 |
| 运营体系 | 证明内容生产线可信 | 看板、审计、QA、发布自动化集中展示 |
视觉稿原则
- 企业级技术站以清晰、可信、可扫描为主,不做营销式大卡片堆叠。
- 颜色使用青绿、蓝、琥珀、红做功能区分,避免单一色相。
- 卡片圆角不超过 8px,指标块尺寸稳定,移动端降为单列。
- 图表只画抽象架构、流程、指标和关系,不伪造业务截图。
Review 结论
| 检查项 | 结论 |
|---|---|
| 首屏信号 | 首页直接展示 love 技术知识库、系统图和标杆案例入口 |
| 信息密度 | 案例、目录、运营页以表格和卡片混排,适合反复查阅 |
| 移动端 | CSS 已提供单列和缩放策略,最终以预览截图验收 |
| 图表 | 已补系统图、目录图、流程图、指标图、根因图 |
| 风险 | 缺真实可公开截图,当前用抽象图承接 |