


1/4

经典 Logo 设计拆解
brownsun
Google Logo:四种颜色,那个被故意打乱的顺序,和一个「不守规则」的声明
1999年,Ruth Kedar 把绿色放在了第五位——那是次要色,不该出现在主色序列里。4张图拆解:六字母精确色值(#4285F4/#EA4335/#FBBC05/#34A853)× Catull BQ 衬线到 Product Sans 几何无衬线的16年等待 × 颜色打乱顺序背后的品牌声明 × 从 GIMP 自制到全球每月1200亿次字体请求的五代演变史。
2026. 6. 3. · 08: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」还微微向左倾斜。
12015:Product Sans(几何无衬线时代)
2015 年 9 月 1 日,Google 切换到自研字体 Product Sans。
设计团队的说法:「我们想用几何形式的数学纯粹,结合学生字母印刷的童真简洁。」
2Product Sans 不对外授权,只用于 Google 品牌产品锁定。后来 Google 内部又基于同一几何基础开发了 Google Sans,用于产品 UI,并在 2025 年开源。
Product Sans 的结构特征:
- 圆形字怀(circular counters)
- 双层小写「a」(double-story lowercase a)
- 几何比例构建,字间距紧凑
- 接近 Futura,但字怀更圆,「a」结构不同
这次切换背后的真实原因:移动端普及。serif 字体在手机小屏上识别效率低,Product Sans 的几何结构让 Logo 在 16px 的图标尺寸下依然清晰。
③ 配色系统:四色,每个字母的精确色值
2015 年版本色值(沿用至今):
| 字母 | 颜色 | Hex |
|---|---|---|
| G | 蓝 | #4285F4 |
| o(第一个) | 红 | #EA4335 |
| o(第二个) | 黄 | #FBBC05 |
| g | 蓝 | #4285F4 |
| l | 绿 | #34A853 |
| e | 红 | #EA4335 |
四色名称(Google 内部):「Google Blue」「Google Red」「Google Yellow」「Google Green」。这套色彩体系被整个 Google 产品生态沿用——Drive、Maps、Pay、Gmail,每个产品图标的颜色都出自这四个色值。
2025 年,Google 把「G」favicon 从纯色块改为四色渐变,和 Gemini AI 产品的视觉语言对齐。
④ 演变史:从 GIMP 到全球每月 1200 亿次字体请求
| 时间 | 版本 | 关键变化 |
|---|---|---|
| 1997 | Larry Page/Sergey Brin,GIMP 制作 | 模仿 Yahoo! 加了感叹号 |
| 1998 | Baskerville Bold | 蓝绿红黄配色,3D 阴影 |
| 1999 | Ruth Kedar,Catull BQ | 颜色系统确立,去感叹号,经典时代开始 |
| 2010 | 同字体,轻微调整 | 去阴影,颜色更亮 |
| 2013 | 全面平面化 | 去立体感,符合移动端趋势 |
| 2015 | Product Sans | 字体大换代,现行版本 |
2015 年的切换不仅是字体,整个视觉体系同步更新。同天推出的还有「G」四色 favicon——这是 Google 第一次有了一个不带全名、单靠字母和颜色就能被认出的图标。
Ruth Kedar 得知新 Logo 时,Mashable 报道她的反应是「苦乐参半」(bittersweet)。她在斯坦福设计系教了那么多年书,那个陪伴了十六年的 Catull 就这么退休了。
每次打开浏览器,那个搜索框旁边的六个字母就在那里。绿色的「l」,还在坚持那个 1999 年的答案。
112345
댓글