Files

YANG JIANKUAN f4ef7af542 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

4.9 KiB

Raw Permalink Blame History

标博士 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 必须包含：

和参考图并排对比：ref-baiwen-chenjulai-zoom.png、v3 轻质感、G1、G2，同样大小（512px）放在一排。对比页可以引用 .work/refs/ 里的图片，但要注明这些参考图仅供内部对比、不会随资产发布；
G1、G2 在 256 / 128 / 64 / 32px 下的效果（32px 用干净版）；
横版组合，白底和深底；
说明：你从参考图里学到了什么、每个方案怎么体现的、你推荐哪个。

5. 自检（交付前逐条确认）

放大到 512px，红色区域有没有均匀的细颗粒和大片的浓淡变化？
四条边是不是笔直的？四个角是否各不相同？有没有 1–2 处崩口？
白字边缘是刀刻的直边，而不是撕纸状？
G1 是否已经看不出宋体的三角和细尖？G2 的斜笔画是否是真正的斜线，没有阶梯？
64px 下是否依然干净、认得出「标」？
和参考图放在一起，像不像同一类东西？

6. 约束

不替换正式资产；SVG 里不能有 <text>、<filter>、<image>；只改 docs/design/logo/；不提交 git。

4.9 KiB Raw Permalink Blame History Unescape Escape