Files

YANG JIANKUAN 05839dfe01 feat(logo): 应用图标改为印泥铺满，不留白边

- build_logo.py 新增 svg/app-icon.svg：印章实心部分撑满画布，毛边外的空隙用印章红补齐，白字和颗粒保留
- build_assets.sh 由 app-icon.svg 渲染 180 / 192 / 512 / 1024px 图标，方形、不带透明，圆角交给系统
- logo-spec.md 同步资产清单

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2026-11-03 10:10:59 +08:00

6.4 KiB

Raw Blame History

标博士 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/app-icon.svg`	应用图标：印泥铺满整个方形，不留白边（B6）。不带圆角、不带透明，圆角由系统裁
`svg/wordmark.svg` / `wordmark-reverse.svg`	只用字标（藏青 / 白色）
`png/`	位图导出：横版 1200 / 2400px、竖版 600px、印章 1024px（均为透明背景），以及图标 16 / 32px（透明）和应用图标 180 / 192 / 512 / 1024px（不透明，由 `app-icon.svg` 渲染）

质感版和干净版怎么选：显示尺寸大于 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。

6.4 KiB Raw Blame History Unescape Escape