5753b51131
- 白文印「标」（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>
88 lines
6.2 KiB
Markdown
88 lines
6.2 KiB
Markdown
# 标博士 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`。
|