f4ef7af542
v1 为 Codex 精细化的草稿 1；v2–v4 为 SVG 程序化模拟印泥质感的尝试。 调研结论：印泥质感本质上是位图，改用位图生成后矢量化。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
70 lines
4.9 KiB
Markdown
70 lines
4.9 KiB
Markdown
# 标博士 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。
|