点击按钮总结全文核心内容,让你的阅读更高效率。
近日,有网友发现谷歌正在其搜索引擎主页测试新的LOGO!难道谷歌也要准备换新LOGO了?
要知道,谷歌目前的无衬线LOGO(基于Product Sans字体设计)于2015年推出,如今已有八年之久了,现在调整LOGO也不是不可能。
记得八年前谷歌推出该LOGO时曾表示:这不是谷歌第一次更新LOGO,也不是最后一次,不过,这是1998年以来风格变化最大的一次。
网友 Christian Kunz 爆料称,他在所使用谷歌搜索时,左上角的谷歌LOGO和以前有点不一样,「新」LOGO的字体更接近常规的无衬线体Arial。
Arial 是一款无衬线字体,由Robin Nicholas和 Patricia Saunders 设计,并由字体公司 Monotype 于 1982 年发布。它是 Helvetica 的替代品,因字体简洁、易读、适用范围广而受到欢迎。它也是 Windows 和 Mac OS X 操作系统的默认字体之一,也是常用于Web设计和印刷品中的字体。
然而,Christian Kunz的发现其实是谷歌LOGO的一种特殊显示方式,谷歌并没有测试新LOGO,也没有计划更新LOGO。
上图中被发现的「新」LOGO并不是一张可以复制粘贴的图片,而是由纯文本组成。为何不用标准的Futura字体LOGO,这样做的目的是什么?
其实答案很简单,在一些特殊环境下,如浏览器无法显示图片或浏览器版本较低、网络环境差等等,为了确保谷歌Google的LOGO不受影响,正常展示。用文本和CSS渲染要比加载图像效率更高,速度更快。
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?您只需要将自己浏览器的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
为了更好的适用不同的智能终端,包括智能手机、电视、手表、汽车等。谷歌于2015年9月2日宣布启用新LOGO。新LOGO维持了原有的配色,但舍弃了成熟的衬线字体。谷歌在发布新标志时说,希望这个新的标志家族,能在最小的屏幕上都有辨识度。
海树
2023/08/21 at 13:45 · 福建现在看,扁平化确实比拟物好看直观,苹果还是牛逼
AllenWorking
2023/08/28 at 09:34 · 江苏回复 @海树:苹果又不是第一个转成扁平化的