f4ef7af542
v1 为 Codex 精细化的草稿 1；v2–v4 为 SVG 程序化模拟印泥质感的尝试。 调研结论：印泥质感本质上是位图，改用位图生成后矢量化。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
19 lines
6.6 KiB
HTML
19 lines
6.6 KiB
HTML
<!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:14px 0 20px}h2{margin:65px 0 10px;font-size:25px}h3{font-size:17px;margin:0 0 10px}.kicker{font-size:12px;letter-spacing:.15em;color:#5c6670}.intro{color:#5c6670;max-width:70ch}.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(270px,1fr));gap:14px}.card{background:#fff;border:1px solid #d9ddd8;padding:22px}.sizes{display:flex;align-items:end;gap:24px;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;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}.vertical{width:200px;max-width:100%;display:block;margin:30px auto}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">标博士 / 视觉探索 03</div><h1>宋体入印，轻重有度</h1><p class="intro">本轮聚焦 S1 纯印章与 W1 字标：去掉内框和对勾，用思源宋体 Black 的「标」入印。轻、中两档质感由固定种子的高分辨率模拟生成，再矢量化为路径。</p><p class="recommend"><b>推荐轻质感。</b>它保留了印章边缘和局部着墨的变化，64px 下更克制；中质感适合较大的宣传场景。32px 统一使用无碎点的专用版。</p>
|
||
<h2>01 / 五版并排 · 512px</h2><p class="intro">从左向右查看：原始草稿局部、第二阶段 S1、本轮干净版、轻质感、中质感。横向滚动可逐一比较；草稿为原图印章局部裁切。</p><div class="strip">
|
||
<div class="seal-card"><h3>草稿 1 · 印章局部</h3><img src="draft-1-seal-crop.png" width="512" height="512" alt="草稿 1 印章局部"><p class="caption">参考原始草稿，保留对勾与断框。</p></div>
|
||
<div class="seal-card"><h3>第二阶段 · S1</h3><img src="../v2/seal-S1.svg" width="512" height="512" alt="第二阶段纯印章"><p class="caption">作为修改前参照。</p></div>
|
||
<div class="seal-card"><h3>本轮 · 干净版</h3><img src="seal-clean.svg" width="512" height="512" alt="宋体纯印章干净版"><p class="caption">均匀红底与宋体白字，用于极简场景。</p></div>
|
||
<div class="seal-card"><h3>本轮 · 轻质感 <span class="badge">推荐</span></h3><img src="seal-textured-light.svg" width="512" height="512" alt="宋体纯印章轻质感"><p class="caption">边缘轻微磨损，低压力区域有少量成片缺墨。</p></div>
|
||
<div class="seal-card"><h3>本轮 · 中质感</h3><img src="seal-textured-medium.svg" width="512" height="512" alt="宋体纯印章中质感"><p class="caption">局部缺墨更明显，适合较大尺寸。</p></div></div>
|
||
<h2>02 / 实际尺寸</h2><p class="intro">128px 与 64px 显示各自版本；32px 均使用独立的轻微不规则轮廓版，不带碎点。16px 继续使用已确认的方案 B。</p><div class="grid">
|
||
<div class="card"><h3>干净版</h3><div class="sizes"><figure><img src="seal-clean.svg" width="128" height="128" alt="干净版 128px"><figcaption>128px</figcaption></figure><figure><img src="seal-clean.svg" width="64" height="64" alt="干净版 64px"><figcaption>64px</figcaption></figure><figure><img src="seal-32.svg" width="32" height="32" alt="专用版 32px"><figcaption>32px 专用</figcaption></figure></div></div>
|
||
<div class="card"><h3>轻质感</h3><div class="sizes"><figure><img src="seal-textured-light.svg" width="128" height="128" alt="轻质感 128px"><figcaption>128px</figcaption></figure><figure><img src="seal-textured-light.svg" width="64" height="64" alt="轻质感 64px"><figcaption>64px</figcaption></figure><figure><img src="seal-32.svg" width="32" height="32" alt="专用版 32px"><figcaption>32px 专用</figcaption></figure></div></div>
|
||
<div class="card"><h3>中质感</h3><div class="sizes"><figure><img src="seal-textured-medium.svg" width="128" height="128" alt="中质感 128px"><figcaption>128px</figcaption></figure><figure><img src="seal-textured-medium.svg" width="64" height="64" alt="中质感 64px"><figcaption>64px</figcaption></figure><figure><img src="seal-32.svg" width="32" height="32" alt="专用版 32px"><figcaption>32px 专用</figcaption></figure></div></div></div>
|
||
<h2>03 / 印章 + W1 字标</h2><p class="intro">横版两档分别在白底与深墨底展示；组合图使用字形真实边界并预留画布空间。</p><div class="grid">
|
||
<div class="card"><h3>轻质感 · 横版</h3><div class="pair"><div class="plate"><img src="combo-light.svg" alt="轻质感横版白底"></div><div class="plate dark"><img src="combo-light-reverse.svg" alt="轻质感横版深底"></div></div></div>
|
||
<div class="card"><h3>中质感 · 横版</h3><div class="pair"><div class="plate"><img src="combo-medium.svg" alt="中质感横版白底"></div><div class="plate dark"><img src="combo-medium-reverse.svg" alt="中质感横版深底"></div></div></div>
|
||
<div class="card"><h3>轻质感 · 竖版</h3><img class="vertical" src="vertical-light.svg" alt="轻质感竖版组合"></div></div>
|
||
<h2>04 / 使用边界</h2><div class="note">印章是产品标识，不得作为「通过 / 合格 / 已审核」章盖在检查报告、投标文件或任何结论上，也不得与「通过」「合格」字样组合。实际产品结论仍需人工确认。</div><p class="small">字标沿用第二阶段 W1：思源宋体 Black + Cinzel SemiBold；字体许可副本位于 <a href="../v2/licenses/OFL-NotoSerifSC.txt">思源宋体</a> 和 <a href="../v2/licenses/OFL-Cinzel.txt">Cinzel</a>。方案确认前，第一阶段正式资产保持不变。</p></main></body></html>
|