TYPOGRAPHY · V2.1 · 2026-10-09
下载现行版式标准 PDF ↓
全品牌最多 12 档。
单页通常只用 3 档。
字号库负责覆盖场景;单页三档负责清楚、克制。12 是上限,不是每页的用量,也不用为了凑满而使用。
12 px9 pt
14 px10.5 pt
16 px12 pt
18 px13.5 pt
20 px15 pt
24 px18 pt
28 px21 pt
32 px24 pt
36 px27 pt
40 px30 pt
48 px36 pt
64 px48 pt
重点
一层结构模块标题与关键数字共用一档,依靠位置和字重区分。
正文
一档阅读段落、标签、图注和页脚优先同号,减少碎小字。
选取边界 12/14:必要辅助文字;16/18:正文;20/24/28:模块;32/36/40:页面标题;48/64:品牌展示。展示档只承担短标题,不承担长段落。
TYPOGRAPHY · 场景选型
一页选一套,不混搭。
| 场景 | 标题 | 重点 | 正文 | 目的 |
| 品牌介绍/提案封面 | 64 | 28 | 18 | 大气、留白、短句 |
| 课程大纲/培训网页 | 40 | 24 | 18 | 先看结构,再读价值 |
| 规范/资料文档 | 36 | 20 | 16 | 清楚查阅,稳定排版 |
| 手机阅读 | 28 | 20 | 16 | 整页统一切换 |
字体与字重
一个主字体家族:思源黑体/Noto Sans SC;系统回退不是另一套视觉风格。正文 400、重点 700、标题 900。三档字重不是三档字号。
颜色
沿用品牌 2.0:浅底选蓝或绿为主色,加中性色;另一语义色只在需要区分数据与实体时出现。青只用于交汇、金只用于仪式、红只用于警示。
不要用缩小字体解决内容太多
先删字、再分层、必要时拆页。正文网页默认 16–18 px,12/14 px 只给必要辅助内容;印刷正文最低 10.5 pt。px 与 pt 表示同一档的不同单位,按 96 px=72 pt 换算,不再另建印刷字号库。
TYPOGRAPHY · 验收与依据
先数档位,再看读不读得清。
四项检查
① 所有字号从 12 档中选择,不新造 15/19/26 px 等临时字号。
② 单页默认三档;必要注释可增加第四档,但要说明用途,不能把第四档当常态。
③ 同一角色同字号;同页不为相似卡片另建档位。
④ 检查实际尺寸、手机与印刷效果,不靠缩略图验收。
边界与迁移
标志原件与已批准图片不重排;图内可编辑文字也从字号库选取。画布等比导出不算新增字号,禁止逐字缩放。
本次更新规范网页与共用字号变量;规范网页使用纵向阅读。正式 A4 交付按网格拆页。其他存量物料在下一次重排时采用本表,不能宣称已经全部符合。
参考的是「有限字阶+固定角色」,不是照搬管理后台的小字。
腾讯
TDesign 有明确角色分层;字节
Arco 与阿里
Fusion 均使用预定义字阶。数昌为资料与品牌展示保留最多 12 档;这是数昌的执行上限,不代表大厂统一使用 12 档。
LAYOUT BASELINE · 01
01
版式基准表 v2.1 · 页面网格定值 · 不得自定义
适用范围(v2 新增,v1 未写明) 字体规则以本表开篇「字号规范」为准;下面的网格只管 A4 横版文档类(PPT、提案、规范页)。
易拉宝、海报、横幅、空间物料、网页不适用——间距走「物料版式基准」,字号仍从同一个库选取。
A4 横版 297 × 210 mm · 按 pt 等比绘制
图中数字为距页面上边/左边的 pt 值。红色四项是硬边界——左右 51.0、
正文区 170.0/535.0,任何元素越线即为不合格;其余项照此表落位,不逐页重设。
页面网格定值(与 v1 一致,未改)
| 项 | pt | mm |
| 页面尺寸 | 841.92×594.96 | 297×210 |
| 左右版心边距 | 51.0 | 18.0 |
| 版心宽 | 739.0 | 260.7 |
| 章节眉标 顶 | 45.7 | 16.1 |
| 页码 顶 | 41.0 | 14.5 |
| 页面标题 顶 | 73.3 | 25.9 |
| 正文区 上边界 | 170.0 | 60.0 |
| 正文区 下边界 | 535.0 | 188.7 |
| 页脚分隔线 | 544.0 | 191.9 |
| 页脚文字 顶 | 556.2 | 196.2 |
⛔ 任何元素越过 535.0
⛔ 每页自定义边距
✔ 新增页一律照此表
例外一 · 封面与封底
允许满版出血,不受 170.0/535.0 约束;页码、章节眉标与页脚分隔线一律不出现。
例外二 · 满版图页
图可出血到纸边,文字必须回到正文区内;图上压字仍按 170.0/535.0 定位,不因图而挪。
例外三 · 跨页大图
中缝左右各留 8 mm 不放关键信息与人脸;标志不跨中缝,整体落在单侧页内。
LAYOUT BASELINE · 03
03
版式基准表 v2.1 · 色彩令牌全值v2 新增 印刷值与对比度
v2 补的两件事 ① v1 与手册都只给 HEX,印厂拿不到 CMYK,每次出片靠现场换算;
② 从没标过对比度,低对比色因此被当正文色用。这两列现在是定值的一部分,不是参考。
八色全值 · 对比度按 WCAG 计(小字需 ≥4.5,大字 ≥3.0)
| 色 | HEX | RGB | CMYK 参考 | 白底 | 做文字 | 午夜蓝底 | 做文字 | 用途 |
| 实体绿 |
#129D5F | 18, 157, 95 | 89 0 39 38 |
3.34 | 仅大字 |
4.79 | 可 | 实体受益 · 亮 |
| 实体绿 · 深 |
#0B6B41 | 11, 107, 65 | 90 0 39 58 |
6.29 | 可 |
2.54 | 禁 | 实体受益 · 深底/小字 |
| 数据蓝 |
#1878D2 | 24, 120, 210 | 89 43 0 18 |
4.32 | 仅大字 |
3.71 | 仅大字 | 数据可信 · 亮 |
| 数据蓝 · 深 |
#0F4E8A | 15, 78, 138 | 89 43 0 46 |
8.11 | 可 |
1.97 | 禁 | 数据可信 · 深底/小字 |
| 交汇青 |
#1FAAA8 | 31, 170, 168 | 82 0 1 33 |
2.73 | 禁 |
5.87 | 可 | 仅双流交汇处 |
| 品牌金 |
#B98A3C | 185, 138, 60 | 0 25 68 27 |
2.97 | 禁 |
5.39 | 可 | 仪式与强调 |
| 午夜蓝 |
#0A1E38 | 10, 30, 56 | 82 46 0 78 |
16.00 | 可 |
1.00 | 禁 | 深底环境色 |
| 警示红 |
#C0392B | 192, 57, 43 | 0 70 78 25 |
5.20 | 可 |
3.08 | 仅大字 | 只作警示 |
CMYK 为未经 ICC 转换的换算值,仅供开单,批量印刷必须打样确认并回填实际值。
交汇青与品牌金在白底上禁止做文字(2.73 / 2.97),只做色块与图形;实体绿与数据蓝白底仅限大字。
反过来,两个深色档不能用在午夜蓝底上(2.54 / 1.97)——深底一律用亮色档或白色。
文字元素的实测对比度(白底 #FAFAF8)
| 元素 | 色 | 字号 | 白底对比度 | 达标 |
| 眉标/页码 | #46505A | 12 pt | 7.86 | ✓ |
| 卡片标题 | #141E2A | 15 pt | 16.09 | ✓ |
| 正文/页脚 | #46505A | 12 pt | 7.86 | ✓ |
| 页面标题 | #141E2A | 27 pt | 16.09 | ✓ |
辅助文字同号,也要读得清。旧版页码、页脚、卡片小标与眉标使用的浅色在白底上的对比度不足。本次规范网页改用已有的正文色/标题色;品牌色值不变,不再新增一套辅助颜色。
表内对比度以白底计算;深底使用既有浅色前景,不直接套用浅底文字颜色。
LAYOUT BASELINE · 04
04
版式基准表 v2.1 · 物料版式基准v2 新增
物料用比例,不用绝对值 易拉宝、海报、横幅、空间物料尺寸各异,绝对值不通用。本节把文档版式的方法论(定值·不得自定义·改表即升版)平移到物料上。
模数网格 · 一切间距是模数的倍数
| 项 | 定值 | 说明 |
| 模数 U | 版宽 ÷ 24 | 一切间距/边距的基本单位 |
| 版心左右边距 | 1.5 U | 全版统一,主图与文字块共用此线 |
| 间距阶梯 | 0.50 / 0.76 / 1.05 / 1.48 U | 只用这四档,不取中间值 |
| 卡片行距 | 0.24 U | 列表型卡片之间 |
| 卡片内边距 | 0.58 × 0.41 U | 左右 × 上下 |
统一字号库:物料也从开篇的 12 档中选 3 档。先在参考画布排版,再按交付尺寸整页等比输出;取消 39S/20S/16S/13S/10S/9S 独立字阶。观看距离不够时改用更大的模板或减少内容,不单独缩放某一行字。
为什么是 24 等分 24 能被 2/3/4/6/8 整除,
一栏、两栏、三栏、四栏都落在同一套线上;等分数取 20 或 25 时,三栏必然除不尽,
物料一换栏数就得重新对线。
三条铁律(物料)
一、按墨迹排版,不按行盒。中文字体的行盒远高于墨迹,且每行不同。按行盒累加间距,
实测会出现 11 段各不相同的视觉间距。定位一律用 font.getbbox 取墨迹上下沿。
二、装饰线必须避开标点墨迹。逗号、句号的墨迹比其它字低约 0.15 字高,
标题下方的装饰线按行盒定位会横穿字底。
三、出片前用代码量,不靠肉眼。逐行扫描出每块的墨迹边界,核对居中偏移与间距是否落在阶梯上。
缩略图会把 80px 的重叠缩成 4px,看不出来。
这三条都是返工换来的。第一条来自 11 段间距视觉全不相同;
第二条来自金线横穿标题 83px 而缩略图看不出;第三条来自靠肉眼验收后在印厂才发现。
写进表里,是为了不再靠记性。
物料上的标志规矩
一律贴原件,不重描、不改比例、不换字体。网页版 1200px 只够屏幕看,
印刷必须取品牌库 6000px 原件——按 80cm 宽的易拉宝算,1200px 只有 38 dpi。
深底用白色透明版,缩放前先预乘 alpha;透明区是黑的,直接缩放会让笔画变粗变糊。
双流条全幅只交汇一次,出图前先数交汇点。
返工最常见的三个原因
一、字号是凑出来的。为了塞下一行字临时增设字号,一件物料上就出现了两套字阶。
塞不下是内容问题,不是字号问题——删字,不改号。
二、边距按版宽二等分算。两列内容宽度不同时,二等分会让左右边距差出一倍,
正确做法是按内容宽度居中。
三、缩略图验收。80px 的重叠在缩略图里只有 4px,看不出来。
IP 最小识别 整形屏幕 ≥120px/印刷 ≥28mm,更小只出
眉心四角星一颗,不画鹿角;定值见
手册 07 章。
LAYOUT BASELINE · 05
05
版式基准表 v2.1 · 尺寸速查与出片v2 新增
常用物料 U 值速查 · U = 版宽 ÷ 24
| 物料 | 成品尺寸 | U | 版心边距 1.5U | 间距阶梯 0.50/0.76/1.05/1.48 U |
| 易拉宝 · 标准 | 80 × 200 cm | 33.3 mm | 50.0 mm | 16.7 / 25.3 / 35.0 / 49.3 mm |
| 易拉宝 · 加宽 | 100 × 200 cm | 41.7 mm | 62.5 mm | 20.8 / 31.7 / 43.8 / 61.7 mm |
| 海报 A1 | 59.4 × 84.1 cm | 24.8 mm | 37.1 mm | 12.4 / 18.8 / 26.0 / 36.6 mm |
| 横幅 | 600 × 90 cm | 250 mm | 375 mm | 125 / 190 / 263 / 370 mm |
| 展板 | 120 × 240 cm | 50.0 mm | 75.0 mm | 25.0 / 38.0 / 52.5 / 74.0 mm |
先算 U,再排版。换了尺寸只换 U,比例关系不变——这就是同一套物料在 80 宽和 100 宽上
看起来是一家人的原因。U 值四舍五入到 0.1 mm,不再逐项微调。
印刷输出
打印级默认300 dpi
预览/传阅150 dpi
易拉宝底部安全区15 cm
易拉宝顶部安全区4.4 cm
dpi 由观看距离决定,不是越高越好。名片画册 300 / 易拉宝海报 150 /
展板 100 / 户外 25–50。
有效 dpi = 原始像素 ÷(实际厘米 ÷ 2.54)——图放进多大的版面里,才决定它够不够清楚。
超过 2.68 亿像素(浏览器解码上限)的稿件,看图软件与浏览器均拒绝打开,
需交付分块 PDF:切块分别嵌入,阅读器只解码可见块。JPEG 必须 baseline,progressive 不被支持。
出片前检查 · 七项,缺一不出
①
越界 所有元素是否越过版心线(A4 走 170.0/535.0,物料走 1.5U)
②
间距 每一段间距是否落在四档阶梯上,有无「凑出来」的中间值
③
墨迹 用代码量墨迹上下沿,不用肉眼看缩略图
④
标志 是否贴的原件、双流条是否只交汇一次、深底是否用白色透明版
⑤
安全区 易拉宝底 15cm /顶 4.4cm,视频底部 10% 不放字
⑥
dpi 按观看距离取值,并核对有效 dpi
⑦
禁用词 过一遍
品牌手册第 13 章,零出现才可出片
七项全部脚本化,不靠肉眼。越界、间距、墨迹三项由代码判定;标志、安全区、dpi 三项核对数值;禁用词过词表。
任何一项不过,退回重做,不做局部补丁。
退回重做的三个最常见原因
① 字号是凑出来的 为塞下一行临时增设字号,一件物料上出现两套字阶。塞不下是内容问题——删字,不改号。
② 标志取了网页版 1200px 网页版印在 80cm 宽的易拉宝上只有 38 dpi。一律取品牌库 6000px 原件。
③ 靠缩略图验收 80px 的重叠在缩略图里只剩 4px,必须 1:1 看或用代码量。