MENGZHAO LI
PORTFOLIO
DESKTOP EXPERIENCE
mengzhaoli.cn
Brand Consistency Audit
品牌一致性审查
把品牌规范变成可执行的判定程序。物料进入系统后，得到带坐标的违规清单、可复现的测量值，以及一份可以直接发送给代理商的中文意见稿。
MY ROLE / 我的角色
独立负责项目全周期
PROJECT CONTENT
01问题与架构02测量与判定03输出与复盘
PROJECT OVERVIEW
- CLIENT
- YINNSHINE / Brand Governance
- DISCIPLINE
- AI-Agent & Brand Governance
- YEAR
- 2026
- 品牌规范结构化
- CIEDE2000 色差
- WCAG 对比度
- 审查报告自动化
01
Problem
Problem
A rule that cannot be measured will not be followed.
VI 手册写得再厚，落地全靠人肉盯。外部代理商交来的物料、业务线自己出的开屏，主色差一点、文字压了边、副标对比度不够——每一条都能看出来，但没人能一张张看完，也没人能说清「差多少」。
品牌治理真正缺的不是标准，是把标准变成可执行判定的那一步。
02
Architecture
Architecture
Two layers.
One verdict.
审查如果只是让模型「觉得」哪里不对，说服力等于零。所以分工是硬性的：能测的一律不交给模型。
最典型的一处配合在文字对比度——Agent 只负责框出文字区域，实际的 WCAG 比值由算法在那个区域内实测。
| 规则 | 判定内容 | 层 |
|---|---|---|
| C-01 | 色彩越界 · CIEDE2000 比对色板 | 算法 |
| C-02 | 主色占比不足 | 算法 |
| C-03 | 平涂区用色数量越界 | 算法 |
| L-01 | 安全区侵入 · 扫描线跨越计数 | 算法 |
| T-01 | 文字对比度 · WCAG 实测 | 算法 |
| B-01～04 | 标识变形 / 改色 / 保护区 / 过小 | Agent |
| H-01 · I-01 | 信息层级 / 必要信息缺失 | Agent |
03
Measurement
Measurement
Perception isn't linear. Neither is the metric.
色差用 CIEDE2000 而不是 RGB 欧氏距离——人眼对色差的感知不是线性的。实现对 Sharma 标准测试集验证，11 组全部吻合到 1e-5。
色彩角色分配也是量出来的：品牌绿在浅底上只有 1.49:1，不能作正文；品牌蓝在墨底上只有 2.41:1。所以浅底用墨/蓝，墨带上用绿/浅灰——引擎里那条自动选色就是照这个来的。
#EFEFEF → #EFEFEF匹配 · 最接近「纸色」· 肉眼几乎不可分辨
54.4%
#3A60C4 → #0241CF越界 · 最接近「品牌蓝」· 明显可见的色偏
28.4%
#EC7834 → #8A8D93越界 · 最接近「中灰」· 肉眼一眼就是两个颜色
2.4%
YINNSHINE spec · Tolerance ΔE 5.0 · Flat-fill regions only · 平涂区 85.3%
04
The Hard Part
The Hard Part
False positives are the credibility killer.
物料底图但凡是张照片或渐变，色板提取会检出几十个「越界色」，整屏飘红。发生一次，这工具在团队里就死了。
解法：品牌色是平涂上去的，照片和渐变不是。只在平涂区做色彩比对。
6→0同一张照片底物料上的
C-01 误报数
C-01 误报数
| 判据 | 阈值 | 排除对象 |
|---|---|---|
| 局部标准差 | 5px 窗口 < 3.0 | 照片 · 噪声 · 纹理 |
| 带符号梯度均值 | 15px 窗口 < 0.09 | 渐变 |
用带符号均值，是因为渐变的梯度方向系统性一致，而 JPEG 压缩噪声方向随机、求和相消——所以压缩过的平涂区不会被误伤。
05
Three Wrong Answers
Three Wrong Answers
Measuring contrast took three tries.
Agent 只负责框出文字区域，WCAG 比值由算法实测。听起来简单，真实物料上错了三次——每次修完都暴露出反方向的错误。
| 版本 | 做法 | 暴露的问题 |
|---|---|---|
| v1 | 亮度二分聚类 | 假阴性：主标题掩盖了 1.37:1 的副标 |
| v2 | 多色簇逐个比对 | 假阳性：抗锯齿边缘被当成独立文字色 |
| v3 | 只在平涂区内测 | 全军覆没：文字笔画 100% 是过渡像素 |
| v4 | 原始分辨率 + 直方图找峰 + 剔除线性混合峰 | 六种框选情形全部正确 |
最后那条判据
抗锯齿像素是背景与前景的线性混合：解出的混合比例 t 在 R/G/B 三通道上高度一致。真正的另一种文字色带自己的色相，t 会发散。
| 样本 | t 三通道离散度 | 判定 |
|---|---|---|
| 抗锯齿光晕 | 0.019 | 混合 · 剔除 |
| 真实浅灰文字 | 0.050 | 文字色 · 保留 |
差 2.6 倍 · 阈值取中间的 0.035
06
Discrimination
Discrimination
One crossing, or fifty-two.
安全区检测最难的不是检出，是不误报——出血色块本来就该压到边缘。第一版用梯度密度，色块出血 0.53% 压线过阈，直接误判。
换判据：平涂色块的边界在任一扫描线上只产生 1 次跨越，文字会产生几十次。行列双向扫描，取并集。
| 情形 | 期望 | 峰值跨越 |
|---|---|---|
| 竖向色块出血 | 放行 | 1 |
| 横向色块出血 | 放行 | 1 |
| 对角色块出血 | 放行 | 1 |
| 边缘装饰细线 | 放行 | 2 |
| 四边出血描边 | 放行 | 2 |
| 标识压右上角 | 检出 | 7 |
| 文字压下边 | 检出 | 23 |
| YINNSHINE 物料底部信息行 | 检出 | 38 |
10 种情形全部分类正确 · 分离度 2 vs 7
07
Output
Output
Findings with coordinates.
Not opinions.
YINNSHINE 代理商交付物，检出 P0 2 项、P1 5 项，合规分 10。每条结论都带画面坐标、严重度、可复现的测量值，以及「修正后 +N 分」。
| 文字区域 | 实测前景 / 背景 | WCAG |
|---|---|---|
| Kicker | #3A60C4 / #EFEFEF | 4.98:1 达标 |
| Headline | #101012 / #EFEFEF | 16.52:1 达标 |
| Subline | #CED1D6 / #EFEFEF | 1.33:1 ★不达标 |
Memo
中文意见稿，一键复制直接发代理商
Annotated
带编号标注的 PNG
Report
含全部测量值的 JSON
Summary
批量汇总 CSV
08
Position
Position
判断沉淀成规则，
规则沉淀成工具。
设计是从琐碎与平凡中找出本质，再用它说服视角各异的人。而本质最容易死在传递途中——所以我把判断沉淀成规则，把规则沉淀成工具。
这个工具里的每一条阈值，都是先做、再看、再补出来的：梯度密度误判过出血色块，标注框一度覆盖海报 66% 的面积，对比度测量错了三次。规则不是设计出来的，是被实测逼出来的。