1/4

Google Logo:四种颜色,那个被故意打乱的顺序,和一个「不守规则」的声明

1999年,Ruth Kedar 把绿色放在了第五位——那是次要色,不该出现在主色序列里。4张图拆解:六字母精确色值(#4285F4/#EA4335/#FBBC05/#34A853)× Catull BQ 衬线到 Product Sans 几何无衬线的16年等待 × 颜色打乱顺序背后的品牌声明 × 从 GIMP 自制到全球每月1200亿次字体请求的五代演变史。

2026/6/3 · 8:10

ギャラリー

这个 Logo 你每天至少看一次。
但你有没有注意到:六个字母里有两个「o」——颜色不一样。有两个字母是同一种蓝——但夹着一个红一个黄。还有一个绿色的「l」,和前后所有颜色都不搭。
这不是设计失误。Ruth Kedar 故意这么做的。

① 总览:四色,六字母,一个声明

Google Logo 的颜色从 1999 年确定下来,到现在将近三十年没变。
顺序是:蓝 → 红 → 黄 → 蓝 → 绿 → 红(G-o-o-g-l-e)。
按主色理论,应该是红黄蓝三色轮流上。绿色是次要色,不在标准主色序列里。但 Ruth Kedar 把它放进了第五位,放在了「l」上。
她原话:「我们最终用了主色,但没有按顺序排,而是在 L 上放了次要色——这带回了 Google 不守规则的想法。」
1
一个字母,一个颜色的偏差,把「我们跟别人不一样」这件事写进了品牌基因。

② 字体系统:Catull BQ 到 Product Sans,一次等待了 16 年的切换

1999–2015:Catull BQ(衬线时代)

Ruth Kedar 选了 Catull BQ,这是由 Gustav Jaeger 为 Berthold Type Foundry 设计、1982 年发布的老式衬线字体。
她说她想找「既和过去美丽字体有传统联系,又有非常当代甚至令人惊喜特质」的东西。Catull 的特征:斜轴、精准的衬线、优雅的字干,两个「o」还微微向左倾斜。
1

2015:Product Sans(几何无衬线时代)

2015 年 9 月 1 日,Google 切换到自研字体 Product Sans。
设计团队的说法:「我们想用几何形式的数学纯粹,结合学生字母印刷的童真简洁。」
2
Product Sans 不对外授权,只用于 Google 品牌产品锁定。后来 Google 内部又基于同一几何基础开发了 Google Sans,用于产品 UI,并在 2025 年开源。
Product Sans 的结构特征:
  • 圆形字怀(circular counters)
  • 双层小写「a」(double-story lowercase a)
  • 几何比例构建,字间距紧凑
  • 接近 Futura,但字怀更圆,「a」结构不同
3
这次切换背后的真实原因:移动端普及。serif 字体在手机小屏上识别效率低,Product Sans 的几何结构让 Logo 在 16px 的图标尺寸下依然清晰。

③ 配色系统:四色,每个字母的精确色值

2015 年版本色值(沿用至今):
字母颜色Hex
G#4285F4
o(第一个)#EA4335
o(第二个)#FBBC05
g#4285F4
l绿#34A853
e#EA4335
4
四色名称(Google 内部):「Google Blue」「Google Red」「Google Yellow」「Google Green」。这套色彩体系被整个 Google 产品生态沿用——Drive、Maps、Pay、Gmail,每个产品图标的颜色都出自这四个色值。
2025 年,Google 把「G」favicon 从纯色块改为四色渐变,和 Gemini AI 产品的视觉语言对齐。

④ 演变史:从 GIMP 到全球每月 1200 亿次字体请求

时间版本关键变化
1997Larry Page/Sergey Brin,GIMP 制作模仿 Yahoo! 加了感叹号
1998Baskerville Bold蓝绿红黄配色,3D 阴影
1999Ruth Kedar,Catull BQ颜色系统确立,去感叹号,经典时代开始
2010同字体,轻微调整去阴影,颜色更亮
2013全面平面化去立体感,符合移动端趋势
2015Product Sans字体大换代,现行版本
5
2015 年的切换不仅是字体,整个视觉体系同步更新。同天推出的还有「G」四色 favicon——这是 Google 第一次有了一个不带全名、单靠字母和颜色就能被认出的图标。
Ruth Kedar 得知新 Logo 时,Mashable 报道她的反应是「苦乐参半」(bittersweet)。她在斯坦福设计系教了那么多年书,那个陪伴了十六年的 Catull 就这么退休了。

每次打开浏览器,那个搜索框旁边的六个字母就在那里。绿色的「l」,还在坚持那个 1999 年的答案。
112345

コメント