Visual Design Standards

视觉设计规范

从印刷书刊到数字网站，以统一的颜色系统、字体分工与界面原则延续《非正式科学》的视觉语言。

System Logic

一色一学科，
一眼找到方向。

印刷物使用列明的 CMYK，数字界面使用列明的 RGB / HEX。学科色用于建立导航和内容识别；大色块上的文字会根据对比度自动选择深色或白色，但基础色值始终不变。

THEME

主题色

PRINT: C 86 · M 38 · Y 12 · K 5
RGB: 58 · 122 · 174
HEX: #3A7AAE

品牌标识、通用链接与非学科界面强调。

ASTRONOMY

天文

PRINT: C 100 · M 72 · Y 0 · K 43
RGB: 0 · 51 · 111
HEX: #00336F

天文学科标签、卡片和导航强调。

MATH

数学

PRINT: C 3 · M 89 · Y 89 · K 0
RGB: 197 · 62 · 41
HEX: #C53E29

数学学科标签、卡片和导航强调。

GEOGRAPHY

地理

PRINT: C 49 · M 0 · Y 99 · K 2
RGB: 159 · 193 · 56
HEX: #9FC138

地理学科标签、卡片和导航强调。

PHYSICS

物理

PRINT: C 94 · M 37 · Y 0 · K 3
RGB: 21 · 120 · 191
HEX: #1578BF

物理学科标签、卡片和导航强调。

ENGINEERING

工程

PRINT: C 44 · M 92 · Y 0 · K 0
RGB: 136 · 46 · 135
HEX: #882E87

工程学科标签、卡片和导航强调。

BIOLOGY

生物

PRINT: C 81 · M 0 · Y 94 · K 0
RGB: 83 · 165 · 79
HEX: #53A54F

生物学科标签、卡片和导航强调。

CHEMISTRY

化学

PRINT: C 2 · M 34 · Y 98 · K 0
RGB: 229 · 181 · 20
HEX: #E5B514

化学学科标签、卡片和导航强调。

BRAIN-NEUROSCIENCE

脑神经科学

PRINT: C 14 · M 98 · Y 38 · K 8
RGB: 170 · 17 · 89
HEX: #AA1159

脑神经科学历史板块的标签与内容强调。

ELECTRONIC

电子

PRINT: C 97 · M 9 · Y 0 · K 0
RGB: 0 · 152 · 222
HEX: #0098DE

电子历史板块的标签与内容强调。

Typography / 字体分工

三种声音，
各司其职。

01 · INFORMATION

HarmonyOS Sans SC

用于正文、导航、目录、摘要、作者信息、数字和界面组件。轻体承担正文，Medium 与 Bold 建立信息层级。

02 · EDITORIAL

非正式科学

Noto Serif CJK SC 用于刊名、封面式大标题、重点引语和少量编辑性强调。

03 · MATH

e^iθ = cos θ + i sin θ

STIX Two Math 只用于数学公式、变量、运算符、上下标和公式编号，不进入普通正文。

Layout / 版式网格

留出呼吸，
建立秩序。

书刊采用 A4 双面版式，以装订侧区分内外页边距；正文在固定版心内使用双栏排列。以下尺寸直接取自 2026 书籍模板，单位均为毫米。

01 / PAGE MARGIN

页边距设置

上 14mm、下 15mm、内侧 20mm、外侧 17mm；奇偶页的内外侧随装订方向自动镜像。

02 / COLUMN GAP

栏间距设置

正文版心宽 173mm，分为两个 83mm 文栏，中间固定留出 7mm 栏间距。

PAPER: A4 210 × 297 MM
TOP / BOTTOM: 14 / 15 MM Vertical Margin
INNER / OUTER: 20 / 17 MM Mirrored Margin
COLUMNS: 83 / 7 / 83 MM Column · Gap · Column

Article Title / 文章标题区

四层文字，
组成阅读入口。

以带背景图和摘要的普通文章标题环境为例，标题区依次呈现分区、文章标题、摘要与撰文信息；字体、行距和透明度均对应 2026 书籍模板。

参数	01分区AREA	02标题TITLE	03摘要ABSTRACT	04署名BYLINE
字体	HarmonyOS Sans SC			Noto Serif CJK SC
字重	Medium			Black（撰文） Medium（其余）
字号	10 PT	28 PT	10 PT	8 PT
行距	14 PT	34 PT	14 PT	12 PT
透明度	80%	100%	100%	100%社团 80%

颜色: WHITE 四层文字统一使用纸白色
对齐方式: 左对齐四层文字统一左对齐
层后间距: 3.5 毫米分区、标题与摘要之后
可选阴影: BLACK · 75% 横向 / 纵向偏移 · 0.05 em

Body Typography / 正文排版

层层推进，
承接完整阅读。

正文以轻字重和宽松行距维持长篇阅读的节奏，两级小标题使用学科主题色建立层级；图片编号与图注则以相同字号、不同字重组成一组居中的图例。

夜空中的星轨与山脉 — **图 1**恒星视运动形成的星轨；编号也可按上下文写作“上图”。

样式	字体与字重	尺寸参数	颜色与规则
01一级小标题	HarmonyOS Sans SCBold	字号 12 PT 行距 16 PT 段后 2 MM	学科主题色
02二级小标题	HarmonyOS Sans SCRegular	字号 10 PT 行距 14 PT 段后 2 MM	学科主题色
03正文内容	HarmonyOS Sans SCLight	字号 9 PT 行距 16 PT 段后 2 MM	BLACK
04图片编号	HarmonyOS Sans SCBold	字号 7 PT 行距 9 PT 段后 —	BLACK图 1 / 上图
05图注	HarmonyOS Sans SCLight	字号 7 PT 行距 9 PT 段后 —	BLACK与编号间隔 0.5 EM
图片与图例间距4 PT图例整体居中，并与图片绑定在同一栏内。

视觉设计规范

一色一学科，
一眼找到方向。

主题色

天文

数学

地理

物理

工程

生物

化学

脑神经科学

电子

三种声音，
各司其职。

HarmonyOS Sans SC

非正式科学

e^iθ = cos θ + i sin θ

留出呼吸，
建立秩序。

页边距设置

栏间距设置

四层文字，
组成阅读入口。

天上的星星哪里来

层层推进，
承接完整阅读。

恒星如何开始发光

从分子云到原恒星

质量决定恒星的命运

一色一学科，一眼找到方向。

主题色

天文

数学

地理

物理

工程

生物

化学

脑神经科学

电子

三种声音，各司其职。

HarmonyOS Sans SC

非正式科学

eiθ = cos θ + i sin θ

留出呼吸，建立秩序。

页边距设置

栏间距设置

四层文字，组成阅读入口。

天上的星星哪里来

层层推进，承接完整阅读。

恒星如何开始发光

从分子云到原恒星

质量决定恒星的命运

一色一学科，
一眼找到方向。

三种声音，
各司其职。

e^iθ = cos θ + i sin θ

留出呼吸，
建立秩序。

四层文字，
组成阅读入口。

层层推进，
承接完整阅读。