PROJECT 02 / 2024.09—2025.07

身体说明书interactive study

把专业医学内容拆成系列信息图:清楚的阅读路径、稳定的颜色语义和可复用的版式规则。

独立交互原型响应式网页视觉系统演示
BODY FIELD GUIDE / INFO SYSTEM专业内容 → 大众可读QUESTION信息层级视觉语义知识来源
ZHANG BEI / VISUAL PLAYGROUND
SCROLL TO INTERACT ✳ 02
01 / TOPIC EXPLORER

选择一个身体问题,看看信息怎么排。

BODY FIELD GUIDE / TOPIC 01

免疫系统

先明确读者的问题,再把专业内容拆成可见的信息层级。

核心问题
→
关键概念
→
关系图解
→
记忆锚点
风险 / 重点正常 / 基础解释 / 注释
阅读路径:先看到问题,再沿层级读图,最后回到一句总结。
02 / REUSABLE INFO SYSTEM

让十张图看起来属于同一本说明书。

系列规则:配色语义、图标库、信息层级、版式网格、来源标注。

风险 / 重点强调色
正常 / 基础解释色
注释层级中性色
来源标记可追溯
LAYOUT GRID / 3:4 → 16:9
主题标题来源 / 01
横版适配来源 / 01

同一信息依比例重组层级,而非简单裁切缩放。

OUTCOME / RESUME RECORD

项目记录

10系列信息图
20+自绘图标
18.6万+系列总曝光
+44%产出效率提升