1/4
经典 Logo 设计拆解
brownsun
Google Logo：那个「违规」的绿色 L，和一位设计师的蓄意决定
1999年，设计师 Ruth Kedar 把 logo 第五个字母 l 改成次级色绿色——不是为了平衡视觉，而是蓄意打破一个「太规整」的三原色循环。4张图拆解：六色双重语义 × Catull 衬线到 Product Sans 几何字体的演变 × 四色品牌延伸系统 × G 字母内侧的视觉修正细节。
2026/5/28 · 8:11
ギャラリー
1999 年春天，Ruth Kedar 坐在斯坦福大学校园附近的工作室里，盯着一排颜色样本。
配色方案本来很简单：蓝、红、黄、蓝、红、黄——三原色循环，整洁，符合 Bauhaus 调色板逻辑，人人都能接受。然后她把第五个字母 l 的颜色换成了绿色。
「我们最终用了原色，但没有按顺序排列——把次级色放在 l 上，传递出一个想法：Google 不守规则。」
这句话后来出现在 2008 年的 Wired 杂志采访里。规则破坏得很小，但刻意。
这个 Logo 的起点其实非常粗糙
1997 年，Google 还叫 BackRub，Larry Page 用 GIMP（一个免费图形软件）做了第一版 logo——字体是临时选的，末尾还模仿 Yahoo! 加了感叹号。后来颜色改了，感叹号没了，但底子一直没太动。
1999 年 5 月，他们委托 Ruth Kedar 做一版真正的 logo。她选的字体是 Catull——1982 年由 Gustav Jaeger 为 Berthold 铸字厂设计的衬线体。
Catull 不是那种中规中矩的商务衬线字。Kedar 后来解释她的选择：「我想找一个既有传统字体历史渊源、又有当下感和某种出乎意料之处的字体。它有很优雅的竖笔和升降笔，衬角非常精准——看到它的时候，你会觉得这是你从没见过的东西。」
这个版本的 Google logo 撑了 16 年，直到 2015 年。
四个字母里藏着一个几何系统
2015 年 9 月 1 日，Google 换了字体。Product Sans，Google 内部自主研发的几何无衬线字体，正式替代 Catull。
表面上只是字体换了，但背后的设计逻辑完全不同。
Product Sans 的基础形态来自几个几何无衬线传统：Futura（Paul Renner，1927）、Neuzeit Grotesk、Avenir、Tempo。但最让设计团队费心的是一个小细节——双层「a」。
标准几何无衬线字体里，「a」通常是单层的，一个开口圆弧。Product Sans 选择了双层「a」——上方增加一个封闭的弧顶。原因直接：「与其他圆形字母形成对比」，防止 logo 里所有字母都在重复同一个圆形语言。
还有一个肉眼几乎看不出的修正：大写「G」的内侧，在与横杆交汇的位置，圆形轮廓被轻微向内缩进。没有这个修正，视觉上会觉得那个位置「撑出来了一点」。
字母笔划收尾的角度也不是随机的：约 45 度斜切，方向垂直于笔划切线。整个字体系统建立在一套几何网格上，但每处都加了视觉修正，让它看起来自然而不是机械。
Logo 里的字形和 Product Sans 标准版还有细微差别——最明显的是倾斜的「e」，那是为了区分「Google 品牌标识」和「Product Sans 字体本身」。
四种颜色，两种用法，一条不明说的品牌逻辑
Google 官方品牌色只有四个：
蓝 #4285F4 红 #EA4335 黄 #FBBC05 绿 #34A853
六个字母，四种颜色，排列顺序是：蓝—红—黄—蓝—绿—红。
绿色落在第五位「l」，是唯一一个次级色。Ruth Kedar 选择这个位置，不是因为视觉平衡，而是因为她想打破一个「太完美」的颜色循环。
这个配色系统后来扩展到 Google 几乎所有产品线上——Google Maps 的图钉、Gmail 的 M 图标、Chrome 的四色圆、Android 机器人、各类 Google 服务的 app icon，都在不同方式下使用这四种颜色。四色本身变成了一种识别语言，单独出现时也能让人联想到 Google。
2013 年，Google 把阴影和立体效果全部去掉，logo 进入扁平化时代。颜色没有改变，但每种颜色的色相做了细微调整——最明显的是 2010 年把第二个「o」从偏黄橙改成更纯正的橙红，更接近今天的 #EA4335。
2025 年 5 月，「G」图标加入了颜色渐变——颜色在蓝、红、黄、绿之间平滑过渡，与 AI 产品 Gemini 的渐变品牌语言接轨。但主 logo 字标的纯色体系没有变。
来源参考
1234
コメント