一只屋脊兽的诞生

P-Pass 的图标是只”屋脊兽”：两个 P 面对面，圆弧是眼睛，外挑的双角，嘴中间的闪电正好落在画布的竖向中线上。

它前后迭代了九轮，草稿从 A 排到 P，最后还在尺寸面前低了一次头。这篇把过程原样写下来，包括被否掉的方案。

第一轮：从颜文字开始

产品叫 P-Pass，本身是个颜文字，两个 P 像一双眼睛。第一版设计很直接：绿瞳猫眼。两个圆眼睛，P-P 中间的连字符正好当鼻子。

第一轮：绿瞳猫眼

瞳孔用了调色板里唯一的绿色——safe #2E6B4F。这个绿在产品里只表示一件事：“已存好”。猫眼是绿的，说的是”都存好了”。这个设定从第一轮保留到了最后。

B 眨眼、C 夜巡、D 纯字标……E、F 尝试了”鼻影连嘴”和”双眼+嘴”，G 把嘴连了起来。这些轮次都在找”脸”的感觉，但都不够。图标要在一厘米见方里被认出来，不能只靠好看。

中途有个新想法（来自产品决策者本人）：右边既然是镜像，就让它”虚”——左半实线是家里的电脑，右半虚线是在外面的手机，嘴巴正中一道小闪电把两端接上，画的是手机连上家里电脑、把照片传回去的那一下。

概念一次通过。第一种画法死得很快：圆点虚线上板当天就被提案人自己否了，原话是”圆点虚线有点儿太恶心了”。

圆点虚线版：已否

之后”虚”的表达换了三种画法：短划线、浅墨色阶、最后落在碳纤维斜纹上。回头看，这里该分开评审的是概念和画法：“左实右虚+中心闪电”从提出活到了定稿，被否的只有圆点虚线这一种画法。

屋脊兽版本出来后，问题出在间距上。初版（J0）眼嘴间距只有 12 单位，脸显得挤，眼睛和嘴几乎贴在一起，像被捏住了。

初版：净空 12

修订版（J）把间距逻辑改成了”留白节奏 = 笔画节奏”：眼环外缘到嘴线的净空加到正好一个笔画宽（72）。嘴线落在脸高 75%、眼心在 47%，挤的感觉没了，脸沉稳下来。

修订版：净空 72

这个”间距铁则”后来写进了设计规格：特征间净空 ≥ 一个笔画宽。它能直接量：眼环外缘到嘴线的距离够不够 72，一量就知道。

后来的色阶版（O）试了另一条路：右半整段换浅墨，闪电以中点为界严格分色。这个版本干净，但用户（真正的决策者）提了个新方向：碳纤维质感。

于是有了碳纹版（P）：右半笔画填 45° 墨/透明相间斜纹，纹宽 36、间隙 32。闪电同样中点分色，虚侧那半也是斑马纹。

碳纹版

大尺寸下材质感明显；但 40px 以下斜纹会糊成半灰。设计笔记里对此只写了一句：“视觉上自动退化成 O 的色阶效果，不算坏。”

最终我们保留了三个版本的图标，按尺寸分工：

碳纹版（主图标）：macOS/Android 的 App 图标、启动页。用户钦定。
色阶版：斜纹不宜的中小尺寸场景的备选。
屋脊兽全实线版：托盘、favicon、通知小图标。16px 下斜纹糊成灰块，必须换全实线。三个版本是同一张脸：碳纹版和色阶版只差右半的笔画填充，全实线版左右都用实墨，嘴线是一条直线，没有中间的闪电。

最终版把”分界”做到了几何级严格：画布是 1024×1024，闪电中段那条斜线恰好穿过竖向中线与嘴线的交点 (512, 768)，颜色就在这个点上换。左半墨、右半斑马纹，切口垂直于斜线，实侧不再越界半分。

每个数字都能被脚本验证：笔画宽 72、眼环 r=146、闪电四段坐标、碳纹周期 68。换个人拿着这组数字，能画出同一个图标。源文件（SVG + 全部草稿 + 规格文档）都在仓库里：