f4ef7af542
v1 为 Codex 精细化的草稿 1；v2–v4 为 SVG 程序化模拟印泥质感的尝试。 调研结论：印泥质感本质上是位图，改用位图生成后矢量化。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
70 lines
4.1 KiB
Markdown
70 lines
4.1 KiB
Markdown
# 标博士 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。
|
||
- 每个版本都要渲染出来，**自己先看一遍**；觉得不像真实印章的，先迭代再交付。
|