docs(logo): 归档 logo 草稿、v1–v4 探索稿与真实印章调研

v1 为 Codex 精细化的草稿 1;v2–v4 为 SVG 程序化模拟印泥质感的尝试。
调研结论:印泥质感本质上是位图,改用位图生成后矢量化。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
YANG JIANKUAN
2026-11-02 20:28:18 +08:00
parent a437b09568
commit f4ef7af542
83 changed files with 1267 additions and 0 deletions

View File

@@ -0,0 +1,15 @@
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>标博士 · 印蜕研究与第四轮</title><style>
*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:#1d2733;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Noto Sans SC",sans-serif}main{max-width:1500px;margin:auto;padding:48px 24px 90px}h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:12px 0 20px}h2{margin:65px 0 8px;font-size:25px}h3{font-size:17px;margin:0 0 10px}.kicker{font-size:12px;letter-spacing:.15em;color:#5c6670}.intro{max-width:75ch;color:#5c6670}.recommend{border-left:4px solid #2f5bd3;background:#e7edfb;padding:14px 18px;max-width:920px}.strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;align-items:stretch}.seal-card{flex:0 0 554px;background:#fff;border:1px solid #d9ddd8;padding:20px}.seal-card img{display:block;width:512px;height:512px}.caption{font-size:13px;color:#5c6670;margin:10px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.card{background:#fff;border:1px solid #d9ddd8;padding:22px}.sizes{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:22px 0}figure{margin:0}figure img{display:block}figcaption{font-size:12px;color:#5c6670;margin-top:8px}.badge{background:#e7edfb;color:#2449a8;padding:3px 8px;font-size:12px}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plate{padding:32px 20px;background:white;border:1px solid #d9ddd8}.plate.dark{background:#1d2733;border-color:#1d2733;color:white}.plate img{width:100%;max-width:650px;display:block;margin:12px auto}.note{padding:20px;background:white;border:1px solid #d9ddd8}.small{color:#5c6670;font-size:13px}a{color:#2f5bd3}@media(max-width:720px){.pair{grid-template-columns:1fr}.seal-card{flex-basis:554px}main{padding:32px 16px}}
</style></head><body><main><div class="kicker">标博士 / 印蜕研究 04</div><h1>看过印蜕,重新刻字</h1><p class="intro">以陈巨来白文印的观察为依据:白字撑近印边,边线总体平直,纸纹细颗粒覆盖整块印泥,压力变化形成成片浓淡。两个方案均无对勾,红色调整为偏橙的朱砂红。</p><p class="recommend"><b>推荐 G1。</b>它保留现代「标」字的熟悉结构,笔画经过方钝化处理;G2 将结构进一步方整,更接近篆刻的几何秩序。实际使用中建议用网页精简版,32px 使用干净版。</p>
<h2>01 / 与参考印蜕并排 · 512px</h2><p class="intro">横向滚动比较局部肌理与笔画。参考图来自本机 <code>.work/refs/</code>,<b>仅供内部设计对比,不随标志资产发布</b>;脱离本工作区时参考图不会显示。</p><div class="strip">
<div class="seal-card"><h3>参考 · 陈巨来白文印局部</h3><img src="../.work/refs/ref-baiwen-chenjulai-zoom.png" width="512" height="512" alt="真实白文印蜕局部"><p class="caption">观察红边、破边、印泥细颗粒及局部浓淡。</p></div>
<div class="seal-card"><h3>v3 · 轻质感</h3><img src="../v3/seal-textured-light.svg" width="512" height="512" alt="v3 轻质感印章"><p class="caption">此前版本:宋体顿笔明显,纹理主要集中在局部。</p></div>
<div class="seal-card"><h3>G1 · 宋体结构改刻 <span class="badge">推荐</span></h3><img src="seal-G1.svg" width="512" height="512" alt="G1 印章"><p class="caption">以宋体「标」的笔画关系为基础,重绘方钝末端和粗细,并在左侧与底部破边。</p></div>
<div class="seal-card"><h3>G2 · 缪篆式</h3><img src="seal-G2.svg" width="512" height="512" alt="G2 印章"><p class="caption">方整的均匀笔画,真实斜直笔画和一竖到底的示部。</p></div></div>
<h2>02 / 实际尺寸</h2><p class="intro">256 / 128 / 64px 为主稿,32px 为干净版。16px 延用已确认的方案 B。</p><div class="grid">
<div class="card"><h3>G1 · 宋体结构改刻</h3><div class="sizes"><figure><img src="seal-G1.svg" width="256" height="256" alt="G1 256px"><figcaption>256px</figcaption></figure><figure><img src="seal-G1.svg" width="128" height="128" alt="G1 128px"><figcaption>128px</figcaption></figure><figure><img src="seal-G1.svg" width="64" height="64" alt="G1 64px"><figcaption>64px</figcaption></figure><figure><img src="seal-G1-clean.svg" width="32" height="32" alt="G1 32px 干净版"><figcaption>32px 干净版</figcaption></figure></div></div>
<div class="card"><h3>G2 · 缪篆式</h3><div class="sizes"><figure><img src="seal-G2.svg" width="256" height="256" alt="G2 256px"><figcaption>256px</figcaption></figure><figure><img src="seal-G2.svg" width="128" height="128" alt="G2 128px"><figcaption>128px</figcaption></figure><figure><img src="seal-G2.svg" width="64" height="64" alt="G2 64px"><figcaption>64px</figcaption></figure><figure><img src="seal-G2-clean.svg" width="32" height="32" alt="G2 32px 干净版"><figcaption>32px 干净版</figcaption></figure></div></div></div>
<h2>03 / W1 横版组合</h2><p class="intro">延用 W1 字标,横版展示朱砂红在浅底与 #1D2733 深底的效果;组合采用颗粒较少的网页版印章。</p><div class="grid">
<div class="card"><h3>G1 + W1</h3><div class="pair"><div class="plate"><img src="combo-G1.svg" alt="G1 组合浅底"></div><div class="plate dark"><img src="combo-G1-reverse.svg" alt="G1 组合深底"></div></div></div>
<div class="card"><h3>G2 + W1</h3><div class="pair"><div class="plate"><img src="combo-G2.svg" alt="G2 组合浅底"></div><div class="plate dark"><img src="combo-G2-reverse.svg" alt="G2 组合深底"></div></div></div></div>
<h2>04 / 细节与使用</h2><div class="note">外轮廓四角各异,以少量崩口和破边体现印石磨损;白字边缘保持直线,印泥颗粒分布随压力缓慢变化,笔画和外缘附近的颗粒更少,形成较实的积色带。印章仅为产品标识,不得作为「通过 / 合格 / 已审核」章用于检查报告、投标文件或任何结论,也不得与「通过」「合格」组合。</div><p class="small">色彩、资产选择和使用边界见 <a href="logo-spec.md">本轮规范草案</a>。本页方案仅用于选择,不替换现有正式资产。</p></main></body></html>