Files
bid-doctor/docs/design/logo/archive/briefs/BRIEF-v3.md
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.1 KiB
Raw Blame History

标博士 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。
  • 每个版本都要渲染出来,自己先看一遍;觉得不像真实印章的,先迭代再交付。