Unix Editorial · 设计系统
设计判断
干净来自明确的主次。每页选一个主角:主张、比较、关系、证据或章节问题。主角之外的内容有具体用途才保留;标题、短横线和提示句不作为固定装饰。
深色、细线、等宽代码是视觉语汇。它们服务讲述,不替代构图。
舞台与尺度
横屏在固定 1920×1080 逻辑画布中构图,整体缩放到视口,主内容边界约占画布宽度 81%。视口改变时保持元素相对位置和字号比例。竖屏进入单列阅读布局;复杂关系图保留可读标签并允许横向滚动。
中文使用思源黑体优先栈;英文、变量、数值与 Unicode 连接线使用内嵌 IBM Plex Mono。中文标签保持自然字距,按词组和节点定位。普通文字不模拟终端字符阵列。
留白可以集中在一侧、一条阅读路径旁或主张四周。统一安全边界和基线;主张居中,章节问题、证据和解释按其阅读逻辑左对齐。
五种主要版式
实际样张与可复现数据见 CompositionReference.md。这些是语义原型,不是按页轮换的花样。
| 原型 | 主角与构图 | 可省略的内容 |
|---|---|---|
| 巨句 statement | 一个判断以大尺度独立站住;原句可分两行 | 重复标题、页底总结、图案 |
| 对照 chart/compare | 两个对象共享起点与维度,以位置和距离表达差异 | 额外外框、独立总结句 |
| 关系 chart/diagram | 关系占主面积;节点旁直接标注,Unicode 连接线闭合 | 图内图外重复释义、无用途的节点框 |
| 证据 evidence | 表格、代码或源材料自身组织信息;主张与证据邻近 | 模拟窗口、每格边框、装饰页签 |
| 章节 chapter | 一个新问题或转折获得停顿,尺度和空白区别于正文 | 主体图表、长导语、重复章节解释 |
封面沿用巨句的尺度;收束可以直接是一页主张。递进列表用 sequence,引文用 quotation;这两类仍由内容意图决定,不由行数决定。
主次
主角先被看见。次级信息通过位置、字号、字重与明度退后,不与主角各占一块同等重量的区域。
- 一句话已经包含判断时,它就是主角,不再补一个同义标题。
- 图中标签和结论能直接表达意思时,说明贴近对象;独立图注保持简短。
- 关键限定条件属于论点的一部分,不能降成难读脚注。辅助背景可以进入讲稿。
- 明确比较可以分栏;连续论证使用稳定阅读轴。几何居中不能替代语义组织。
配色与线条
| 用途 | 暗色 | 浅色 |
|---|---|---|
| 正文场 | #18191C | #F2F0EB |
| 封面 / 章节 | #101113 | 浅纸 |
| 主文字 | #E8E5DF | #18191C |
| 次级信息 | #99958E | #64615D |
| 必要强调 | #D7AF74 | #825B25 |
默认暖白或墨黑承担内容。琥珀用于一个重点、章节边界或明确状态,不给所有分类同时着色。线只表示关系、边界、刻度或分隔;主张页可以没有线。
保留平面色场、硬边和清晰字形。扫描线、噪声、发光、阴影、玻璃效果、伪终端外壳和无意义英文标签不属于这套设计。
整套节奏
提纲中的章节边界、转折、例证和收束是节奏依据。把源内容节点机械地变成同级页面,会消除这些关系。
章节问题提供停顿;展开页承载必要信息;关系或证据页集中注意力;已有的短判断可以收束。页数和图数随内容变化,不设置轮换顺序或配额。若源标题只是内部策划标签,保留其转折功能,不必照搬内部术语。
验收眼光
先看整体缩略图,再看原尺寸:第一眼的主角明确;章与章有可辨的停顿;密集与稀疏来自内容;字距自然;辅助文字没有另立焦点。对照对应样张判断构图是否成立。
运行时测量负责字号、边界、文本和交互。截图负责检查比例、视觉重心、线条接缝和阅读顺序。二者不能互相代替。