视频与文字稿

我给“高源外”办了一张数字身份证

我本来只想给博客换个 Logo,最后却建立了 Logo、头像、字标、网站接入、版本规则和完整性校验组成的品牌身份系统。

· 约 9 分钟阅读 · 近 30 天 10 次浏览

高源外品牌标志与标题“我给高源外办了一张数字身份证”在视频号观看

我给“高源外”办了一张数字身份证。

大家可能会觉得奇怪:高源外只是一个网站,网站还有身份证吗?

事情最开始并没有这么复杂。我只是觉得博客应该换一个更合适的 Logo。可 Logo 做完以后,新的问题一个接一个出现:账号头像用哪一张?网站顶部怎么放?手机上缩成一个小图标还能不能看清?浅色和深色背景下是不是都能使用?中文字标、字体和题记又应该怎样组合?

我本来只想换一张图,最后却不得不回答一个更大的问题:

“高源外”到底是谁?

一个 Logo,为什么不够

Logo 可以让人看见一个符号,但一个长期使用的品牌会出现在很多地方。

它会出现在网站顶部、首页主视觉、浏览器标签、手机桌面、社交账号头像、视频角标和宣传材料里。不同位置的尺寸、背景和构图都不一样。如果每次遇到新场景,都临时把 Logo 缩一下、裁一下、换个颜色,那么时间久了,每个地方看见的“高源外”都会有一点不同。

高源外从一个 Logo 扩展到头像、字标、网站 Header、手机图标和深色模式

所以,这次最终得到的不是一个孤立的 Logo,而是几类用途明确的正式资产。

Master Logo:品牌的核心标志

Master Logo 是核心标志的权威版本。它用于网站、海报、视频角标等能够清楚呈现标志的场景。

“Master”并不表示以后所有地方都直接使用同一个文件。它表示其他变体都应该从这个经过确认的核心标志出发,而不是从截图、旧文件或别人转发的图片重新加工。

Avatar Master:专门解决头像问题

头像通常要放进正方形或圆形区域,周围还需要安全空间。如果直接把普通 Logo 强行塞进去,平台一裁切,标志就可能太挤、太小或者失去平衡。

Avatar Master 是为头像场景准备的正方形母版。社交平台、Apple Touch Icon 和 PWA 图标都从正式头像资产中选择,不再从网站截图里临时裁一块。

Chinese Wordmark:让名字本身也保持一致

品牌不仅有图形,还有“高源外”这三个字。

Chinese Wordmark 是正式中文字标。它与 Master Logo 按固定关系组合,用在桌面端 Header 和首页品牌主视觉中。这样,图形、名字和“代码之外,仍有山海。”这句题记不会每次都重新排一遍。

Logo、Avatar、Wordmark 和网站题记组成同一套高源外身份信息

它们很像身份证上的不同信息:照片、姓名和身份字段并不是同一件东西,但共同指向同一个人。

为什么 16 像素还要单独做一个版本

普通 Logo 缩小到 16 px 或 24 px 时,原本清楚的笔画可能粘在一起,留白也可能消失。数学上等比例缩小没有出错,眼睛看到的结果却已经变了。

因此,浏览器 favicon 使用的是专门制作的 Optical 版本。

Optical 可以理解为“小尺寸光学校正版”。它不是随意重画,而是在极小尺寸下,对线条、间距和轮廓进行有控制的修正,让人眼看到的形状仍然清楚。16 px 版本只用于 16 px,24 px 版本只用于 24 px,不能把它们当成新的通用 Logo。

浅色与深色,也不能靠浏览器随便反色

黑色 Logo 放在白色背景上没有问题,到了深色模式就看不见了。

最省事的做法,是用 CSS 滤镜把它反成白色。但滤镜只是在显示时改颜色,无法保证标志、字标和细节在不同浏览器、导出工具与外部材料中始终一致。

所以正式资产同时包含标准版和 Reverse 版:

  • 浅色背景使用标准正向版本。
  • 深色或图片背景使用经过确认的 Reverse 版本。
  • 不通过滤镜临时重着色,也不在使用时自行描边、加阴影或改变结构。

看起来只是多准备了几个文件,实际上解决的是同一个品牌在不同环境中仍然保持身份一致的问题。

Canonical:到底哪一份才是真的

品牌项目很容易出现一串文件:

logo-final.svglogo-final-2.svglogo-new.svglogo-真的最终版.svg……

如果没有明确的权威来源,过几个月以后,连制作者自己都可能不知道应该使用哪一份。更不用说把任务交给其他人或 AI 时,它很可能捡起目录里看起来最像的一个文件继续修改。

Canonical Asset 解决的就是“哪一份才是正式版本”。

高源外的正式品牌资产集中保存在固定目录,清单记录它们的名称和校验值。预览图、品牌板和历史 Logo 可以保留用于追溯,但不能再被当作生产素材使用。

这就像身份证有唯一的签发记录。复印件可以很多,正式身份来源只有一个。

SHA-256 冻结:防止身份被悄悄改掉

确定正式资产以后,我又为它们建立了 SHA-256 清单。

SHA-256 会根据文件内容计算出一串校验值。哪怕 SVG 中只改变一个字符,得到的值也会不同。网站每次构建时,都会重新计算 13 项冻结品牌资产的哈希并与清单比较:

  • 文件缺失,构建停止。
  • 文件内容发生变化,构建停止。
  • 只有经过重新核验和批准,才能更新正式清单。

高源外 Canonical 品牌资产通过 SHA-256 清单逐项验证

这里“冻结”的不是审美,也不是说品牌永远不能升级。

它冻结的是当前已经批准的版本。以后当然可以更新,但更新必须留下原因、影响范围、迁移方式和新的批准记录,不能让某个人或某个 AI 在一次任务中顺手改掉正式身份。

所以,“数字身份证”到底是什么

现在可以回答开头的问题了。

高源外的数字身份证,不是某一张 Logo 图片,而是这一整套能够证明和维持身份的系统:

  • 有明确含义的核心 Logo。
  • 适合头像场景的 Avatar Master。
  • 固定的中文字标和组合关系。
  • 面向 16 px、24 px 的 Optical 版本。
  • 适用于浅色与深色背景的正反色资产。
  • 网站 Header、首页、favicon 和应用图标的使用规则。
  • 唯一的 Canonical 来源。
  • 能够发现意外修改的 SHA-256 完整性校验。

只看 Logo,它像身份证上的照片;把这些资产、规则、来源、批准和校验放在一起,才构成一个品牌真正可以长期使用的身份。

从一次探索,变成可以重复使用的方法

做完高源外以后,我不想让这两天的摸索只停留在这一个网站里。

所以,我又把整个过程整理成了 Brand System Builder Skill

Brand System Builder 把品牌定位、核心 Logo、头像与字标、应用规则、网站接入和治理连接成完整流程

它不是一个“输入名字,生成 Logo”的工具,而是一套让 AI 和人共同建设品牌系统的方法。它会先判断面对的是新品牌、品牌升级、网站接入,还是升级与接入同时进行;再沿着审计、定位、创意方向、身份系统、应用规则、网站接入、规范冻结、迁移和长期治理逐步推进。

这个 Skill 还有一条很重要的原则:AI 可以协助分析、设计、整理和验证,但不能把探索稿自动变成正式资产,也不能代替品牌所有者完成批准。

因为生成一张图可以很快,决定“我是谁”不能草率。

下载这个 Skill

Brand System Builder 已经开源:

前往 GitHub 查看和下载 Brand System Builder

如果你也想为自己的个人品牌、产品或网站建立一套能够长期使用的品牌系统,可以从 GitHub 下载这个 Skill。觉得它有用,也欢迎给仓库一个 Star。

如果你不知道该怎样开始,或者希望我协助你把现有的 Logo、网站和内容整理成一套真正可复用、可验证的品牌身份,也可以联系我。

Logo 只是身份证上的照片。真正重要的是,这个品牌以后会活成什么样。

今天,“高源外”正式拥有了自己的身份。而故事,才刚刚开始。