v1 为 Codex 精细化的草稿 1;v2–v4 为 SVG 程序化模拟印泥质感的尝试。 调研结论:印泥质感本质上是位图,改用位图生成后矢量化。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
4.1 KiB
4.1 KiB
标博士 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 质感:位图模拟 → 矢量化
在高分辨率位图上模拟盖章效果,再转回矢量路径:
- 用干净的矢量图形渲染出 2048 × 2048 的黑白遮罩(红色区域 = 1)。
- 用固定随机种子的多尺度噪声(低频 + 高频)做以下处理:
- 边缘侵蚀:对遮罩做轻微模糊,再用「阈值 + 噪声」二值化,让外轮廓和白色笔画的边缘都出现自然的不规则,幅度控制在印面宽度的 0.5%–1.5%;
- 着墨不匀:叠加一个低频的「压力场」(比如左上偏实、右下偏虚),在偏虚的区域,用高频噪声挖出少量成片的小白斑,而不是均匀的点;
- 印泥渗入:白色笔画边缘偶尔被红色轻微侵入。
- 用 potracer(
.work/venv里已安装,import potrace)把结果矢量化成 SVG 路径;设置合适的turdsize(去掉过小的碎点)和alphamax(曲线平滑度),避免生成过多节点。目标是文件小于 60 KB。 - 质感的强度做 轻 / 中 两档,放进对比页。
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、第二阶段 S1、本轮干净版、轻质感、中质感五个印章并排,都用 512px;
- 本轮三个版本分别在 128 / 64 / 32px 下的效果(32px 用 seal-32);
- 横版组合,白底和深底各一份,确认没有截断;
- 简短说明和你的推荐。
4. 约束
- 不要替换正式资产(
svg/、png/、favicon.svg、logo-sheet.html),等用户选定后再更新。 - SVG 里不能有
<text>、<filter>、<image>;viewBox 要包住全部图形。 - 只改
docs/design/logo/里的文件,不提交 git。 - 每个版本都要渲染出来,自己先看一遍;觉得不像真实印章的,先迭代再交付。