docs(logo): 新增 logo v5.1 正式资产、使用规范与构建脚本

- 白文印「标」(AI 生成原图经脚本抠图、统一为 #D9291C、矢量化)
- 字标:思源宋体 SemiBold + Libre Caslon;比例 H2,英文视觉内缩 C2
- svg/、png/、favicon:横版、竖版、反白、单色、印章、各尺寸图标
- scripts/:logo_lib.py 统一排版参数,build_assets.sh 一键生成
- logo-spec.md、logo-sheet.html、字体许可证(OFL)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
2026-11-02 20:28:18 +08:00
parent f4ef7af542
commit 5753b51131
51 changed files with 1160 additions and 0 deletions

View File

@@ -0,0 +1,87 @@
# 标博士 Logo 使用规范(v5.1 · 2026-11-02)
> v5.1:字标改为思源宋体 SemiBold + Libre Caslon,横版比例 H2,英文视觉对齐 C2(决策 B4)。
预览:`logo-sheet.html`(浏览器直接打开)。
## 1. 构成
- **印章**:白文印(红底白字),印文是一个「标」字,带真实的印泥颗粒和毛边。
- **字标**:「标博士」用思源宋体 SemiBold,下方拼音「BIAOBOSHI」用 Libre Caslon(全大写、两端对齐),全部转成路径。
- 没有对勾,也没有边框线。
## 2. 版本与用途
| 文件 | 用途 |
|---|---|
| `svg/logo-horizontal-textured.svg` | **主 logo**:官网页头、宣传物料、文档封面 |
| `svg/logo-horizontal.svg` | 干净版:界面里的小尺寸、需要极简的场合 |
| `svg/logo-vertical-textured.svg` / `logo-vertical.svg` | 竖版:登录页、启动页、海报 |
| `svg/*-reverse.svg` | 深色背景用:字标反白,印章下面垫纸色底,白字显示为纸色 |
| `svg/logo-mono-black.svg` / `logo-mono-white.svg` | 单色:传真、盖章、单色印刷 |
| `svg/seal-textured.svg` / `svg/seal.svg` | 只用印章:头像、水印、图标 |
| `svg/seal-small.svg`、`favicon.svg` | 32–64px 专用:白色笔画已经加粗 |
| `svg/favicon-16.svg` | 16px 专用:加粗简化的「标」字(B2 已确认的方案 B) |
| `svg/wordmark.svg` / `wordmark-reverse.svg` | 只用字标(藏青 / 白色) |
| `png/` | 位图导出:横版 1200 / 2400px、竖版 600px、印章 1024px(均为透明背景),以及图标 16 / 32 / 180 / 192 / 512px |
**质感版和干净版怎么选**:显示尺寸大于 64px(印章部分)时用质感版;小于 64px,或者是界面元素、单色印刷,用干净版。
## 3. 比例与安全区
以文字块高度 H(「标博士」顶端到拼音底部)为基准:
- **字标内部**:拼音大写字母高 = 中文字高的 20%;中文底部到拼音顶部 = 中文字高的 14%。
- **英文视觉对齐(C2)**:拼音两端相对中文几何边界各内缩,左 5.0、右 5.8(以中文字高 = 100 计)。原因是「标」「士」两端只有细横画尖,而 B、I 两端是粗竖画;几何上对齐时英文看起来更宽,所以按视觉边缘对齐(依据和对比见决策 B4)。**改字标时不要重新两端对齐到中文的最外墨迹。**
- **横版(H2)**:印章实心部分的高度 = 1.02H,上下居中(上下各比文字块多出 1%,补偿颗粒边缘显虚);印章和文字的间距 = 0.3 × 印章高度。
- **竖版**:印章边长 = 字标宽度的 50%,居中;印章和字标的间距 = 印章边长的 18%。
- **安全区**:四周至少留出 **H/4** 的空白。
- **最小尺寸**:横版宽度 ≥ 160px(此时拼音只能当装饰,要读清拼音需要 ≥ 320px);单独的印章 ≥ 32px(32–64px 用 `seal-small.svg`);16px 只用 `favicon-16.svg`。
## 4. 颜色
| 名称 | HEX | RGB | CMYK(近似) | 白底对比度 |
|---|---|---|---|---|
| 印章红(朱砂) | **#D9291C** | 217, 41, 28 | 0, 81, 87, 15 | 4.9 : 1 |
| 字标藏青 | **#1C2554** | 28, 37, 84 | 67, 56, 0, 67 | 14.6 : 1 |
| 深色背景(参考) | #1D2733 | 29, 39, 51 | — | — |
**印章红和界面「致命红」要分开用**:
- 印章红 #D9291C 偏橙(朱砂色),**只用于 logo**;
- 界面里表示致命问题的红是 #C4122F,偏洋红(见设计规范);
- 不要把印章红用在按钮、标签、提示上,也不要把致命红用在 logo 上。
印刷时请以实际打样为准,印章红在 CMYK 下会偏暗,可以考虑专色(Pantone 近似色请找印厂比对)。
## 5. 字体与授权
| 字体 | 用在哪里 | 许可证 |
|---|---|---|
| 思源宋体 Noto Serif SC 2.003(SemiBold,字距 +0.04 em) | 字标「标博士」 | SIL OFL 1.1,`licenses/OFL-NotoSerifSC.txt` |
| Libre Caslon Text 2.000(SemiBold 600) | 拼音 BIAOBOSHI | SIL OFL 1.1,`licenses/OFL-LibreCaslonText.txt` |
| 思源黑体 Noto Sans SC | 16px 图标的「标」字 | SIL OFL 1.1,`licenses/OFL-NotoSansSC.txt` |
logo 文件里只有转好的路径,不含字体文件。
## 6. 印章的来源(需要留档)
- 印章图形由用户用 ChatGPT 图像生成工具在 2026-11-02 生成,提示词见 `image-gen/PROMPT.md`,原图是 `image-gen/exec-8232d0a3-8729-49ae-ba65-5af3eb398ea1.png`。
- 后期处理(抠图、统一颜色、矢量化、加粗小尺寸版本、拼合)全部由 `scripts/` 里的脚本完成,可以复现:
1. 准备环境:`.work/venv`(Python 虚拟环境,装 fonttools、numpy、pillow、scipy、potracer)和 `.work/fonts/`(下载 Noto Serif SC、Libre Caslon Text 等 OFL 字体,来源 Google Fonts)。这两个目录不进 git。
2. `.work/venv/bin/python scripts/process_seal.py image-gen/<原图> v5 '#D9291C'`:处理印章
3. `scripts/build_assets.sh`:生成全部 SVG / PNG(内部调用 `build_logo.py`,排版逻辑在 `logo_lib.py`)
4. 可选:`.work/venv/bin/python scripts/wordmark_compare.py` 重新生成方案对比页 `compare/`(不进 git)
- **注意**:AI 生成图形的著作权认定在国内仍有不确定性。申请商标前,建议先做商标检索,并请知识产权顾问确认;请保留生成记录(提示词、时间、原图)。
- 原图分辨率是 1254px,质感版已经矢量化,大尺寸印刷没有问题;但如果以后需要更精细的质感,可以考虑照这个设计刻一方真章、扫描后替换。
## 7. 错误用法
- **不能把 logo 当作「通过 / 合格 / 已审核」章**,盖在检查报告、投标文件或任何结论上,也不能和「通过」「合格」这类字样组合。印章代表品牌,不代表检查结论,这是产品红线(不承诺结果)。
- 不要拉伸变形、旋转、给印章加阴影或描边。
- 不要改变印章和字标的相对大小和位置。
- 不要在花哨的图片背景上使用;深色背景请用 `*-reverse.svg`。
- 不要用其他字体重新排「标博士」。
## 8. 历史版本
v1–v4 的探索过程和设计说明都在 `archive/`(v1 是 Codex 精细化的草稿 1,v2–v4 是用 SVG 程序化模拟印章质感的尝试)。真实印章的调研结论见 `seal-research.md`。