docs(logo): 归档 logo 草稿、v1–v4 探索稿与真实印章调研

v1 为 Codex 精细化的草稿 1；v2–v4 为 SVG 程序化模拟印泥质感的尝试。调研结论：印泥质感本质上是位图，改用位图生成后矢量化。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-02 20:28:18 +08:00
parent a437b09568
commit f4ef7af542
83 changed files with 1267 additions and 0 deletions
--- a/docs/design/logo/archive/briefs/BRIEF-v2.md
+++ b/docs/design/logo/archive/briefs/BRIEF-v2.md
@@ -0,0 +1,85 @@
+# 标博士 Logo 第二阶段设计说明（v2）
+
+> 接着 `BRIEF.md` 和第一阶段的成果继续。用户审阅第一阶段后提出三点意见（见第 2 节），并确认了两项决定（见第 1 节）。
+> 这一阶段**先出方案对比页让用户选**，选定后再更新正式资产。
+
+## 1. 已确认的决定（直接执行）
+
+1. **16px 图标用方案 B**（加粗简化的「标」字）：`png/favicon-16.png` 改为方案 B，`logo-spec.md` 里删掉「待确认」的说法。
+2. **英文统一用拼音 BIAOBOSHI**，不再出现 Bid Doctor。
+
+## 2. 用户的三点意见
+
+1. **要有真实印章的质感**：字形和边缘都要像真的盖出来的印章，有印泥不均、边缘不规则的感觉。
+2. **右下角的对勾破坏了整体平衡**：考虑去掉，或者换一种表达方式。
+3. **「标博士」和 BIAOBOSHI 的字体太平淡**：换成开源可商用的、更有性格的字体。
+
+## 3. 设计方向
+
+### 3.1 印章：印篆化的「标」+ 印泥质感
+
+- **字形**：不要直接用字体。参考汉印「摹印篆 / 缪篆」的造字方法，用方折笔画**重新构造**「标」字：笔画横平竖直、转折方硬，字形撑满印面，笔画之间的空白均匀（「印篆化」）。保持现代人一眼能认出是「标」字，不要用难认的小篆。这是我们自己画的字形，没有字体授权问题。
+- **白文印**：保持红底白字（白文），印面四周留红边。内框是否保留由方案决定（建议去掉，或者只做成残缺的边线）。
+- **印泥质感**（用矢量路径实现，不用 SVG 滤镜）：
+  - 外轮廓：轻微不规则，像印章边缘磨损，四个角不完全一样，不要做成「锯齿」或「毛刺」；
+  - 印面：少量随机的小白点、细白丝（印泥没覆盖到的地方），集中在边缘和局部，大部分印面保持饱满；
+  - 白色笔画边缘：轻微的不规则，和印面质感一致；
+  - 用固定随机种子生成，保证每次导出结果一致。
+- **小尺寸**：≥ 64px 用质感版；32px 用简化版（去掉细碎斑点、保留轮廓的轻微不规则）；16px 用方案 B。
+- 质感版和干净版都要有：干净版用于需要极简的场合（例如界面中的小图标、单色印刷）。
+
+### 3.2 对勾的三种处理（都要做，放进对比页）
+
+| 方案 | 做法 |
+|---|---|
+| S1 纯印章 | 去掉对勾。最稳、最平衡 |
+| S2 字内回锋 | 「示」字最后一笔（右下的点）写成带回锋的短勾，核对的意思融进字形里，印章外轮廓保持方正 |
+| S3 印框缺口 | 印章右下角的红边上留一个小小的勾形缺口（像磨损），含蓄地表达「核对」 |
+
+我的倾向是 S1 或 S2；请在对比页上标注你认为最好的一个和理由。无论哪个方案，都**不能**让标志读起来像「审核通过章」。
+
+### 3.3 字标字体（三组对比）
+
+| 组合 | 中文 | 拼音 | 特点 |
+|---|---|---|---|
+| W1（推荐） | 思源宋体 Noto Serif SC，Black 或 Heavy | Cinzel（碑刻风格大写字母），SemiBold 左右 | 和 A「校样」方向的宋体标题统一；印章 + 宋体的组合庄重，有「文书 / 出版」气质 |
+| W2 | 站酷小薇 LOGO 体 ZCOOL XiaoWei | Marcellus | 专为 logo 设计的字体，个性更强 |
+| W3 | 霞鹜文楷 LXGW WenKai Medium | Cormorant SC SemiBold | 楷书，书卷气、更柔和 |
+
+要求：
+- 字标转成路径；字距可以手动微调，但不要改字形结构。
+- 拼音 BIAOBOSHI 的宽度和中文字标对齐，字距适当拉开。
+- 字标颜色保持藏青 #1C2554（可以微调），印章红保持 #D2282E 附近。
+
+字体文件都在 `.work/fonts/`，许可证（OFL）也在那里。最终选定的字体，要把许可证复制到 `licenses/`。
+
+## 4. 交付物
+
+### 4.1 这一阶段（方案对比）
+
+```
+docs/design/logo/
+  v2/
+    options.html            # 对比页（重点）
+    seal-S1.svg seal-S2.svg seal-S3.svg          # 质感版印章
+    seal-S1-clean.svg ...                         # 对应的干净版
+    wordmark-W1.svg wordmark-W2.svg wordmark-W3.svg
+    combo-*.svg             # 你认为值得看的若干组合（至少：S1+W1、S2+W1、S1+W2、S2+W3）
+```
+
+`options.html` 内容：
+1. 三种印章方案并排，每个都展示 512px、128px、64px、32px 四个尺寸，质感版和干净版对照；
+2. 三组字标并排；
+3. 组合效果：横版，白底和 #1D2733 深底各一份；
+4. 每个方案下写一两句说明，并标出你的推荐和理由。
+
+### 4.2 不要动的东西
+
+- 第一阶段的正式资产（`svg/`、`png/`、`favicon.svg`、`logo-sheet.html`）这一阶段**先不替换**，等用户选定后再更新。唯一的例外是第 1 节的 favicon-16 改为方案 B，以及 `logo-spec.md` 里相应的说明。
+- 只改 `docs/design/logo/` 里的文件，不要提交 git。
+
+## 5. 完成标准
+
+- 对比页在浏览器里直接打开就能看到全部方案。
+- 每个方案都用 rsvg-convert 渲染检查过，尤其是 64px 和 32px 的质感是否还清楚、是否变脏。
+- 最后用中文简要说明：每个方案的特点、你的推荐，以及还需要用户决定什么。
--- a/docs/design/logo/archive/briefs/BRIEF-v3.md
+++ b/docs/design/logo/archive/briefs/BRIEF-v3.md
@@ -0,0 +1,69 @@
+# 标博士 Logo 第三轮设计说明（v3）：印章重做
+
+> 第二阶段的字标 W1 / W2 效果很好，但**印章不合格**，需要重做。本轮只做 **S1 纯印章（无对勾）+ W1 字标**，这是目前的推荐组合。印章重做完成后再拿给用户选。
+
+## 1. 第二阶段印章的问题
+
+| 问题 | 说明 |
+|---|---|
+| 字形像像素字体 | 撇、捺用阶梯状的矩形拼出来，像 8-bit 字体，不像印章。真正的印篆笔画方折，但边缘平滑，没有台阶 |
+| 质感像雪花噪点 | 印面上均匀撒着随机小白点，不像印泥。真实的印泥质感是：边缘磨损不齐，局部着墨不匀（某一侧或某一角偏淡），白色笔画边缘被印泥轻微侵入 |
+| 组合图被截断 | `combo-*.svg` 的 viewBox 太窄，「士」和末尾的「I」被切掉 |
+
+## 2. 新做法
+
+### 2.1 字形：宋体入印
+
+- 以 **思源宋体 Noto Serif SC（Black，900）** 的「标」字轮廓为基础（`.work/fonts/NotoSerifSC[wght].ttf`，用 `fontTools.varLib.instancer` 取 900 字重）。理由：投标文件上的企业公章本来就是宋体（或仿宋）字；也和 W1 字标同属宋体，整套 logo 的造型统一。
+- 「入印」处理：
+  - 字形**不等比拉伸**，撑满印面（四周留出均匀的红边，大约是印面宽度的 8%–10%）；
+  - 横画适当加粗，减弱宋体的横细竖粗对比，避免小尺寸下横画消失；
+  - 笔画末端可以保留宋体的特征（顿笔、三角），但不要有过细的尖角；
+  - 左右两部分（木 / 示）的间距和重心要调匀。
+- 印面是红底白字（白文），**不要内框**（第一阶段的断开内框去掉），**不要对勾**。
+
+### 2.2 质感：位图模拟 → 矢量化
+
+在高分辨率位图上模拟盖章效果，再转回矢量路径：
+
+1. 用干净的矢量图形渲染出 2048 × 2048 的黑白遮罩（红色区域 = 1）。
+2. 用固定随机种子的多尺度噪声（低频 + 高频）做以下处理：
+   - **边缘侵蚀**：对遮罩做轻微模糊，再用「阈值 + 噪声」二值化，让外轮廓和白色笔画的边缘都出现自然的不规则，幅度控制在印面宽度的 0.5%–1.5%；
+   - **着墨不匀**：叠加一个低频的「压力场」（比如左上偏实、右下偏虚），在偏虚的区域，用高频噪声挖出少量成片的小白斑，而不是均匀的点；
+   - **印泥渗入**：白色笔画边缘偶尔被红色轻微侵入。
+3. 用 **potracer**（`.work/venv` 里已安装，`import potrace`）把结果矢量化成 SVG 路径；设置合适的 `turdsize`（去掉过小的碎点）和 `alphamax`（曲线平滑度），避免生成过多节点。目标是文件小于 60 KB。
+4. 质感的强度做 **轻 / 中** 两档，放进对比页。
+
+### 2.3 小尺寸
+
+- 64px 以上：质感版（检查 64px 下会不会显脏，如果脏，64px 就用「轻」档）。
+- 32px：干净版 + 外轮廓的轻微不规则，没有斑点。
+- 16px：保持已确认的方案 B，不变。
+
+## 3. 交付物
+
+```
+docs/design/logo/v3/
+  options.html                  # 对比页
+  seal-clean.svg                # 宋体入印，干净版
+  seal-textured-light.svg       # 轻质感
+  seal-textured-medium.svg      # 中质感
+  seal-32.svg                   # 32px 专用
+  combo-light.svg / combo-medium.svg            # 横版组合（印章 + W1），白底
+  combo-light-reverse.svg / combo-medium-reverse.svg   # 深底 #1D2733
+  vertical-light.svg            # 竖版组合
+```
+
+`options.html` 要包含：
+
+1. 草稿 1、第二阶段 S1、本轮干净版、轻质感、中质感五个印章并排，都用 512px；
+2. 本轮三个版本分别在 128 / 64 / 32px 下的效果（32px 用 seal-32）；
+3. 横版组合，白底和深底各一份，确认没有截断；
+4. 简短说明和你的推荐。
+
+## 4. 约束
+
+- 不要替换正式资产（`svg/`、`png/`、`favicon.svg`、`logo-sheet.html`），等用户选定后再更新。
+- SVG 里不能有 `<text>`、`<filter>`、`<image>`；viewBox 要包住全部图形。
+- 只改 `docs/design/logo/` 里的文件，不提交 git。
+- 每个版本都要渲染出来，**自己先看一遍**；觉得不像真实印章的，先迭代再交付。
--- a/docs/design/logo/archive/briefs/BRIEF-v4.md
+++ b/docs/design/logo/archive/briefs/BRIEF-v4.md
@@ -0,0 +1,69 @@
+# 标博士 Logo 第四轮设计说明（v4）：照着真实印蜕做
+
+> 用户对 v3 的意见：「还是差点意思」，要求先看真实印章再做。调研结论见 **`seal-research.md`（必读）**，参考图在 **`.work/refs/`（必看，逐张打开）**，其中最主要的参考是 `ref-baiwen-chenjulai-zoom.png`。
+> 本轮只做印章；字标 W1（思源宋体 Black + Cinzel）保持不变，最后做组合。不要对勾。
+
+## 1. 字形：两个方案
+
+| 方案 | 做法 |
+|---|---|
+| **G1 宋体入印（改进）** | 从思源宋体 Black 的「标」出发，**去掉宋体特征**：横画末端的三角、撇捺的细尖都改成方钝的末端；统一笔画粗细（横竖接近一样粗）；字形撑满印面。读起来仍然是宋体结构，但看起来是「刻出来的」 |
+| **G2 缪篆式** | 参考汉印缪篆的造字方法，用**粗细均匀的直笔画**重新构造简化字「标」：横平竖直、转折方硬，撇和捺改成**真正的斜直笔画**（多边形，不要用阶梯矩形拼），点改成短方笔。笔画之间的红色间隙均匀（「朱白均衡」）。必须让人一眼认出是「标」 |
+
+两个方案的共同要求：
+- 红边（字外面一圈红）的宽度 ≈ 笔画间红色间隙的宽度，比 v3 稍窄；
+- 设计 1–2 处「**破边**」：靠近边缘的白色笔画切断红边、和外面连通（参考陈巨来那方的左边和底边），位置要选在不影响认字的地方。
+
+## 2. 质感：按真实印蜕的参数做
+
+先在 2400 × 2400 的位图上模拟，再用 potracer 矢量化。全部使用固定随机种子。
+
+| 层 | 参数（相对印面宽度 W） | 说明 |
+|---|---|---|
+| 印石外形 | 四个角的圆角半径各不同，在 1%–4% W 之间随机；四条边**保持笔直** | 不要整体波浪 |
+| 崩口 | 1–2 处，深 0.6%–1.5% W、宽 2%–5% W，形状不规则 | 位置避开四角的正中 |
+| 边缘毛刺 | 只用**高频**噪声，幅度 0.1%–0.3% W | 不要低频的大幅起伏 |
+| 纸纹颗粒 | 整个红色区域布满白色细颗粒，颗粒大小 0.3%–0.8% W，可以略微拉长（纸纤维方向） | 这是印泥感的关键 |
+| 浓淡（压力场） | 低频场（整个印面 1–2 个周期），控制颗粒密度：最实的区域约 1% 面积是白颗粒，最淡的区域约 8%–12% | 大片缓慢变化，例如左上实、右下淡 |
+| 边缘积色 | 所有红色边缘（外轮廓和白字边缘）向内 0.4%–0.8% W 的带状区域**更实**（颗粒更少），可以再叠一层稍深的红色 | 可选：双色（主色 + 深 8%–10% 的积色）。如果做双色，也要准备单色版 |
+| 白字边缘 | 刀刻的**直边** + 高频毛刺（幅度 ≤ 0.2% W）；偶尔有红色细点渗进白字 | 不要撕纸状的起伏 |
+
+矢量化：potracer 的 `turdsize` 要保留 ≥ 0.25% W 的颗粒，`alphamax` 约 0.8，开启 `opticurve`。质感版文件控制在 150 KB 以内，另出一个精简版（≤ 60 KB，颗粒更少）用于网页。
+
+## 3. 颜色
+
+印章红改为**偏橙的朱砂红**，参考实拍的 #C8381E–#D9452A，建议从 **#CF3A24** 附近开始，在白底和深底 #1D2733 上各看一遍再定。如果做双色，积色比主色深 8%–10%。
+
+这样也和界面里表示「致命」的 #C4122F（偏洋红）拉开了距离，请在规范里更新两者的区别说明。
+
+## 4. 交付物
+
+```
+docs/design/logo/v4/
+  options.html                # 对比页
+  seal-G1.svg seal-G2.svg      # 质感版（主稿）
+  seal-G1-web.svg seal-G2-web.svg   # 精简质感版
+  seal-G1-clean.svg seal-G2-clean.svg   # 干净版（外形保留四角差异和崩口，无颗粒）
+  combo-G1.svg combo-G2.svg    # + W1 字标，横版，白底
+  combo-G1-reverse.svg combo-G2-reverse.svg   # 深底
+```
+
+`options.html` 必须包含：
+
+1. **和参考图并排对比**：`ref-baiwen-chenjulai-zoom.png`、v3 轻质感、G1、G2，同样大小（512px）放在一排。对比页可以引用 `.work/refs/` 里的图片，但要注明这些参考图仅供内部对比、不会随资产发布；
+2. G1、G2 在 256 / 128 / 64 / 32px 下的效果（32px 用干净版）；
+3. 横版组合，白底和深底；
+4. 说明：你从参考图里学到了什么、每个方案怎么体现的、你推荐哪个。
+
+## 5. 自检（交付前逐条确认）
+
+- [ ] 放大到 512px，红色区域有没有**均匀的细颗粒**和**大片的浓淡变化**？
+- [ ] 四条边是不是笔直的？四个角是否各不相同？有没有 1–2 处崩口？
+- [ ] 白字边缘是刀刻的直边，而不是撕纸状？
+- [ ] G1 是否已经看不出宋体的三角和细尖？G2 的斜笔画是否是真正的斜线，没有阶梯？
+- [ ] 64px 下是否依然干净、认得出「标」？
+- [ ] 和参考图放在一起，像不像同一类东西？
+
+## 6. 约束
+
+不替换正式资产；SVG 里不能有 `<text>`、`<filter>`、`<image>`；只改 `docs/design/logo/`；不提交 git。
--- a/docs/design/logo/archive/briefs/BRIEF.md
+++ b/docs/design/logo/archive/briefs/BRIEF.md
@@ -0,0 +1,85 @@
+# 标博士 Logo 精细化设计说明
+
+> 给执行设计的代理（Codex）。目标：把用户的草稿 1 精细化成**可以直接落地的产品 logo 资产**。
+> 先读：`docs/design/brand-strategy.md`（品牌策略）、`docs/design/brand-directions.html` 中的「A 校样」方向（已选定的视觉方向）、`AGENTS.md` 的「产品红线」。
+
+## 1. 基础草稿
+
+- **采用**：`drafts/draft-1-seal-check.png`。红色方形印章，里面是白色「标」字，内框断开；一个对勾从右下角穿出印章边框；右边是藏青色「标博士」字标和拼音「BIAOBOSHI」。
+- **不采用**：`drafts/draft-2-mortarboard.png`（学士帽）。学士帽是教育类品牌的常见套路；3D 阴影和细流苏在小尺寸下没法用；也和「投前审校员」的定位不符。
+
+## 2. 要保留的东西（用户喜欢的部分）
+
+1. 方形印章 + 白色「标」字 + 断开的内框：取自投标人每天都在做的「盖章」。
+2. 对勾从印章右下角**穿出边框**：表示「逐项核对」，也让图形有动势。
+3. 红色印章 + 藏青字标的配色关系。
+4. 字标：粗黑体「标博士」+ 拉宽字距的拼音「BIAOBOSHI」。
+
+## 3. 要改进的问题
+
+| 问题 | 要求 |
+|---|---|
+| 粗糙的印泥纹理、手绘边缘 | 主稿用**干净的几何矢量**（直边、统一圆角、统一笔画宽度）。可以另做一个「印泥纹理」版，只用于宣传物料 |
+| 小尺寸下糊掉 | 另出一版**小尺寸专用图形**（≤ 32px）：去掉断开的内框，加粗笔画，对勾和「标」字保持清晰。在 16px 和 32px 下按像素网格检查 |
+| 「标」字和字标用的是普通字体 | 以 **思源黑体 / Noto Sans SC（SIL OFL 1.1，可商用）** 的 Heavy 或 Black 字重为基础，**转成路径并做调整**（字重、重心、笔画末端），让印章里的「标」和字标里的「标」属于同一套造型。**不能**用方正、汉仪、微软雅黑等需要商业授权的字体。拼音用开源字体（如 Montserrat、Inter、Barlow，均为 OFL），也要转成路径 |
+| 对勾压住「标」字的笔画 | 调整对勾和「示」部右下笔画的关系：要么让对勾干净地从笔画外侧穿出，要么让它和笔画共用一段，不能看起来像重叠出错 |
+| 「印章 + 对勾」可能被理解成「审核通过章」 | 图形可以保留，但使用规范里要写明：**不能把标志当作「通过 / 合格 / 已审核」章盖在检查报告、投标文件或任何结论上**，也不能和「通过」「合格」字样组合。这是产品红线（不承诺结果） |
+
+## 4. 颜色
+
+| 用途 | 要求 |
+|---|---|
+| 印章红 | 参考草稿，取一个纯正的朱红 / 印泥红，例如 #D2282E 附近。**只用在 logo 上** |
+| 字标藏青 | 参考草稿的藏青，向 A 方向的「墨」#1D2733 靠拢，取一个偏蓝的深藏青，例如 #1C2554 附近；在白底上的对比度要 ≥ 7:1 |
+| 界面「致命」红 | A 方向里的 #C4122F，用于界面中的致命问题。和印章红要能区分（印章红偏橙，致命红偏洋红），请在规范里写出两者的区别和使用边界 |
+| 反白 | 深色底上：印章保持红色，字标改为白色；另出单色版本（全黑、全白） |
+
+给出每个颜色的 HEX、RGB，以及印刷用的 CMYK 近似值。
+
+## 5. 交付物（全部放在 `docs/design/logo/` 下）
+
+```
+docs/design/logo/
+  BRIEF.md                    # 本说明（不要改）
+  drafts/                     # 原始草稿（不要改）
+  svg/
+    mark.svg                  # 印章图形主稿（干净矢量）
+    mark-small.svg            # 小尺寸专用图形（≤32px）
+    mark-textured.svg         # 印泥纹理版（宣传用，可选）
+    logo-horizontal.svg       # 横版：印章 + 标博士 + BIAOBOSHI
+    logo-vertical.svg         # 竖版：印章在上，字标在下
+    wordmark.svg              # 只有字标
+    logo-horizontal-reverse.svg   # 深色底反白版
+    logo-mono-black.svg / logo-mono-white.svg
+  png/
+    favicon-16.png favicon-32.png apple-touch-icon-180.png icon-192.png icon-512.png
+    logo-horizontal@2x.png
+  favicon.svg                 # 网页图标（用 mark-small 的造型）
+  logo-sheet.html             # 预览页：所有版本 × 浅色 / 深色背景、最小尺寸、安全区示意、16/32/64/128px 实际效果、错误用法
+  logo-spec.md                # 使用规范：构成网格、安全区、最小尺寸、颜色值、字体与授权、正确和错误用法（含第 3 节的红线条款）
+```
+
+要求：
+
+- SVG 里**不能有 `<text>`**，所有文字都转成路径；`viewBox` 要紧贴图形；不能有内嵌的位图。
+- 在 `logo-spec.md` 里写明所用字体的名称、版本、许可证和下载来源。
+- 工具和临时文件放在 `docs/design/logo/.work/`（已加入 `.gitignore`），例如 Python 虚拟环境、下载的字体文件。不要全局安装软件包。
+- 只改 `docs/design/logo/` 里的文件；不要修改仓库其他文件，**不要提交 git**。
+
+## 6. 已经准备好的工具（不需要联网）
+
+| 工具 | 位置 |
+|---|---|
+| 思源黑体可变字体（Noto Sans SC，字重 100–900，OFL） | `.work/fonts/NotoSansSC[wght].ttf`，许可证见 `.work/fonts/OFL-NotoSansSC.txt` |
+| Montserrat 可变字体（OFL，用于拼音） | `.work/fonts/Montserrat[wght].ttf`，许可证见 `.work/fonts/OFL-Montserrat.txt` |
+| fontTools 4.68（用于取字形轮廓、生成可变字体实例） | `.work/venv/bin/python`（例如 `fontTools.varLib.instancer` 生成 900 字重，`fontTools.pens.svgPathPen` 导出路径） |
+| SVG 转 PNG | `rsvg-convert`、`resvg`（Homebrew 已安装），也可以用 `magick` |
+
+拼音字体可以换成其他 OFL 字体，但需要自己下载，并在规范里写明来源。
+
+## 7. 完成标准
+
+1. 横版 logo 在 120px 宽时清晰可读；印章图形在 16px 下仍然能认出「标」字和对勾。
+2. 和草稿 1 对比，用户能一眼认出是同一个 logo，但更精致、更规整。
+3. `logo-sheet.html` 用浏览器直接打开就能看到全部版本。
+4. 最后用几句话总结：做了哪些造型调整、为什么这样调、还有哪些需要用户决定的地方。