互联网 · 美国 · 2023.08.21

藏的挺深,有人发现谷歌正在测试新LOGO!?

原创 1.1W 2评
藏的挺深,有人发现谷歌正在测试新LOGO!?

近日,有网友发现谷歌正在其搜索引擎主页测试新的LOGO!难道谷歌也要准备换新LOGO了?

要知道,谷歌目前的无衬线LOGO(基于Product Sans字体设计)于2015年推出,如今已有八年之久了,现在调整LOGO也不是不可能。

记得八年前谷歌推出该LOGO时曾表示:这不是谷歌第一次更新LOGO,也不是最后一次,不过,这是1998年以来风格变化最大的一次。

藏的挺深,有人发现谷歌正在测试新LOGO!?

藏的挺深,有人发现谷歌正在测试新LOGO!?

网友 Christian Kunz 爆料称,他在所使用谷歌搜索时,左上角的谷歌LOGO和以前有点不一样,「新」LOGO的字体更接近常规的无衬线体Arial。

藏的挺深,有人发现谷歌正在测试新LOGO!?

Arial 字体

Arial 是一款无衬线字体,由Robin Nicholas和 Patricia Saunders 设计,并由字体公司 Monotype 于 1982 年发布。它是 Helvetica 的替代品,因字体简洁、易读、适用范围广而受到欢迎。它也是 Windows 和 Mac OS X 操作系统的默认字体之一,也是常用于Web设计和印刷品中的字体。

藏的挺深,有人发现谷歌正在测试新LOGO!?

然而,Christian Kunz的发现其实是谷歌LOGO的一种特殊显示方式,谷歌并没有测试新LOGO,也没有计划更新LOGO。

上图中被发现的「新」LOGO并不是一张可以复制粘贴的图片,而是由纯文本组成。为何不用标准的Futura字体LOGO,这样做的目的是什么?

其实答案很简单,在一些特殊环境下,如浏览器无法显示图片或浏览器版本较低、网络环境差等等,为了确保谷歌Google的LOGO不受影响,正常展示。用文本和CSS渲染要比加载图像效率更高,速度更快。

藏的挺深,有人发现谷歌正在测试新LOGO!?

DIV:


<div class="cOl4Id">
  <a href="#">
    <span class="V6gwVd">G</span>
    <span class="iWkuvd">o</span>
    <span class="cDrQ7">o</span>
    <span class="V6gwVd">g</span>
    <span class="ntlR9">l</span>
    <span class="iWkuvd tJ3Myc">e</span>
  </a>
</div>

CSS:

.cOl4Id {
    letter-spacing: -1px;
    text-align: center;
    font: 22pt Futura, Arial, sans-serif;
    ...
}
.cOl4Id span {
    display: inline-block;
}
.V6gwVd {
    color: #4285f4;/*蓝色*/
}
.iWkuvd {
    color: #ea4335;/*红色*/
}
.cDrQ7 {
    color: #fcc934;/*黄色*/
    }
.V6gwVd {
    color: #4285f4;/*黄色*/
}.ntlR9 {
    color: #34a853;/*绿色*/
}
.tJ3Myc {
    -webkit-transform: rotate(-20deg);/*字母e逆时针旋转20°*/
    position: relative;
    left: -1px;
    display: inline-block;
}

从上面的代码中可以发现,在不展示图片LOGO的时候优先渲染Futura字体,用户端没有安装该字体时再渲染Arial字体。

相比于单薄生硬单薄的Arial,Futura的字形结构更接近谷歌的LOGO字体。该字体由Futura字体最初由德国设计师 Paul Renner 于1927年设计。它以简洁的几何形状和清晰的线条著称,被广泛用于设计、标志、海报和印刷物中。

藏的挺深,有人发现谷歌正在测试新LOGO!?

Futura字体

藏的挺深,有人发现谷歌正在测试新LOGO!?

Futura 与Helvetica Neue 的区别

如何查看谷歌的文本LOGO?您只需要将自己浏览器的User Agent(用户代理)更改为以下字符串头,然后就可以看到它了。

Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Chrome/W.X.Y.Z Safari/537.36

(谷歌用于搜索索引的网络爬虫)

藏的挺深,有人发现谷歌正在测试新LOGO!?

为了更好的适用不同的智能终端,包括智能手机、电视、手表、汽车等。谷歌于2015年9月2日宣布启用新LOGO。新LOGO维持了原有的配色,但舍弃了成熟的衬线字体。谷歌在发布新标志时说,希望这个新的标志家族,能在最小的屏幕上都有辨识度。

藏的挺深,有人发现谷歌正在测试新LOGO!?

Google更换新Logo以适应更多智能终端

为什么无法爱上 Google 的新LOGO

收藏

点击下面的图标分享到你的社交圈吧

取消

撰写评论

有什么想法?欢迎留下你的评论!

已有2人参与讨论

  1. 海树

    2023/08/21 at 13:45 · 福建

    现在看,扁平化确实比拟物好看直观,苹果还是牛逼

把 标志情报局 添加到主屏幕:

请点击按钮 “添加至主屏幕”,便于快速访问 标志情报局。