一图解千言 · 出版级读书笔记生成器(reading-notes-master v2.2)
将任何一本书的精华内容,转化为图表主导、少文字、一图解千言的出版级读书笔记。
双透镜实证:排版美学来自 31 份样本的程序化实测(字体/字号/色板/结构);
视觉语法来自 30 份语料逐页扫描(图像/矢量对象 + 字符密度 → notes_study/visual_metrics.json):
冠军语料图表主导页占比 73%–98%、每页字符中位数 106–204c、反面教材文字墙 1,025c/页。
核心原则:先图后文。每一页先选器型,再填文字;选不出器型的内容不配单独立页。
快速开始
- 收集原料:书名、作者及履历、2–3 个核心问题、章节结构、每章要点与金句、推荐背书(可选)。
- 选原型:查
references/content-framework.md§3(六大叙事原型决策树)。 - 图表化转译(v2 核心步):逐条扫每章要点,按
references/visual-grammar.md§2 映射表 把文字转成器型清单(见"时间"画轴线、见"编号"拆卡片、见"数字"放大数、见"框架"连节点…)。 - 取色排页:查
references/design-system.md§3.2 改模板:root三变量换肤;按九大模块序列 复制模板 section,内容页按 图解页:hero图文页 ≈ 6:4 配比铺器型,每 2–3 页切.alt。 - 导出:按
templates/output-pipelines.md出 PDF/PPTX/长图。
工作流(五步法 v2:选型→定调→转译→排页→导出)
Step 1 选型
- 数据/年表多 → D 数据复盘型;名家背书强 → E 背书营销型;步骤工具清晰 → B 工具方法型;
- 章节多需自测 → C 结构化文档型;故事案例为主 → A 叙事演绎型;条目可分组 → F 主题分组型。
Step 2 定调
- 主题色查映射表(投资红
#C20001/ 金融史青绿#208A88/ 战略蓝#537CC3/ 科技暗色 / 治愈薄荷绿 / 心理暖土系…)。 - 营销/情绪类内容(出现痛点/痒点/爽点/燃点/爆点、情绪开关、三感三力等信号)→ 直接取
references/emotion-marketing.md§1 五色情绪光谱(酒红/暖橙/金/猩红/电紫 + 暖纸 + 深紫墨), 案例与四法矩阵同文件 §2–§4。 - 字体四字重 ≤700;字号阶梯(16:9):封面 64–120 / 篇章 42–56 / 页标 34–40 / 正文 20–24 / 注释 14–18。
- v2 质感:负字距渐进、展示行高 1.08–1.15、耳语边框 + 三级柔影 + 圆角 8/12/16。详见
references/design-tokens.md。
Step 3 图表化转译(Chart-First 核心)
- 对每章要点逐条跑
visual-grammar.md§2 映射表,产出全书器型清单(页号→器型→素材), 动笔写 HTML 前完成;器型优先级按实测信号强度:时间线/阶段带 ≫ 编号卡 ≫ 大数字/公式卡 ≈ 框架图 ≫ 流程链 ≫ 图标网格 ≈ 双栏对比 ≫ 漏斗 ≈ 环形 ≫ 金字塔 ≫ 象限。 - 铁律:数字必须可视化(大数字卡/图表标注);同一章器型不相邻重复;全书 ≥6 种器型、每章 ≥2 种。
- 选不出器型的内容(纯故事/情绪)→ hero 整页图 + ≤80 字 + 图注药丸,或降级并入相邻页。
- 论证型内容页(商业书/方法论书/数据复盘类,出现"因为/导致/证明/取决于"等论证信号)→
升级到
references/consulting-craft.md工艺:标题改判断句(§2)、按叙事弧线排页(§1)、 图型过数据契约(§5)、机制图带证据状态(§8)。
Step 4 排页与预算裁剪
- 页面序列:
封面 → 书档速览 stat卡 → 作者 → [背书] → [为什么读] → 目录 → (篇章 → 内容页×n)×PART → 金句×2–3 → 思维导图 → 封底。 - 文字预算硬上限:图解页 ≤120 字、卡片页 ≤150 字、单页 >300 字=文字墙违规必须返工; 超页时先砍文字页、不砍器型页。
- 器型实现查
references/chart-catalog.md(10 类组件 HTML/SVG);每页 ≥1 个视觉锚点,0 锚点页禁发。 - 论证页按咨询级五区骨架排布(
consulting-craft.md§4):结论型标题→主展品→支持证据+限定→ 含义或行动→来源;每页恰 1 个收束、标题全页最大字级;同排模块填充率差 ≤15pp(§9); 16:9 容量先算后填(§10),超容量砍内容不缩字号。
Step 5 导出交付
templates/reading-notes-template.html为骨架(12 类页面示例与 SVG 组件)。- 导出命令与命名规范见
templates/output-pipelines.md。
风格定制(v2 出版级令牌)
模板 :root 分两层,换肤只动第一层:主题层 --c-primary / --c-primary-soft / --c-accent(查映射表);
质感层(勿动)暖墨/耳语边框/三级柔影/圆角阶梯/暖纸 #F7F5F2/衬线。
内容页每 2–3 页加一次 .alt;金句页自动衬线 500。护栏详见 references/design-tokens.md。
质量核对清单(Chart-First 出版级标准)
- 图表主导页(一个器型占版面 ≥60%)占内容页 ≥60%(对齐冠军语料下沿 73%×0.8)
- 每页 ≤150 字正文(图解页 ≤120);全文搜索无 >300 字的单页文字墙
- 数字 100% 可视化:无数字埋在段落中;关键数字用 stat 大数字卡/图表标注
- 器型多样性:全书 ≥6 种、每章 ≥2 种、同款器型不相邻重复
- 每页 ≥1 视觉锚点;≤3 族色彩;金句带引号引用原书并标章节
- 封面含书名大字+作者+笔记署名+定位语;书档速览页存在(stat 卡)
- 字号阶梯、负字距渐进、无 #000 纯文本、无 800/900 字重、阴影全出自三级柔影栈
- 暖纸
.alt每 2–3 内容页一换;页眉页脚齐全;数据图表标出处;金融涨红跌绿 - 论证页通过咨询级工艺(v2.2):标题是判断句且为全页最大字级、每页恰 1 收束、 图型过数据契约、无反模式红线(伪 3D/双轴伪相关/半径气泡/只报均值/截轴不声明)、来源齐全
- 思维导图收尾 + 封底 Thank You;HTML 逐页无溢出无滚动条
参考文件索引
| 文件 | 内容 | 何时读 |
|---|---|---|
references/visual-grammar.md |
一图解千言视觉语法:实证基线+三铁律+12 类文字→图表映射+页面配比公式(v2 新增) | Step 3 转译前必读 |
references/emotion-marketing.md |
v2.1 新增:情绪营销方法论库(五点情绪开关定义/五色情绪光谱/实证案例库/五点四法观察矩阵/新增 6 器型/认知金句库) | 营销·销售·产品·增长类内容 Step 1 前必读 |
references/consulting-craft.md |
v2.2 新增:咨询级页面工艺库(四弧线叙事+adds/标题纪律+强词清单/页面角色表/五区骨架+密度三档+收束唯一/关系→图型选型+数据契约/反模式 13 红线/瀑布对账 9 条/图示语义五合同/模块填充 P-D-F-X-V/16:9 容量硬网格/验收四门禁+12 问+返工顺序) | 商业·方法论·数据复盘类论证页 Step 3/4 必读 |
references/design-tokens.md |
v2 出版级质感令牌(暖墨/耳语边框/柔影栈/负字距/护栏) | Step 2 定调 |
references/design-system.md |
版式/字体/字号/主题色映射/图像/页面框架件 | Step 2 定调 |
references/content-framework.md |
九大模块/八模块模板/六原型/金句工程 | Step 1、4 |
references/chart-catalog.md |
10 类组件实现+决策树+图文配比 | Step 4 |
references/case-patterns.md |
31 份语料风格档案+复用规则 | 风格参照 |
templates/reading-notes-template.html |
出版级 HTML 骨架 v2.0(12 类页面,质感令牌内置) | Step 4 |
templates/output-pipelines.md |
PDF/PPTX/长图导出管线 | Step 5 |
错误处理
- 书中信息不足(无推荐人/无作者履历):跳过对应模块,页面序列自动收缩,不留占位符。
- 某章找不到任何器型信号:该章压缩为 1 页金句页或 1 页 hero 叙事,禁止硬造图表。
- 无法确定主题色:四大家族兜底——商务蓝
#142534/ 方法论红#C20001/ 心理暖土#A5300F/ 科技暗色#05173E。 - 导出 PDF 分页错位:确认每 section 固定 720px 高、无内部溢出;检查
@page尺寸。 - 内容超页:先砍文字页、不砍器型页;一章最多 2 页;总页数向精华版 30–60 页收敛。
- 图表密度不达标(<60%):回 Step 3 重跑映射表——绝大多数"只能写文字"的内容其实是 未识别的编号/时间/对比/数字信号。
