點擊按鈕總結(jié)全文核心內(nèi)容,讓你的閱讀更高效率。
近日,有網(wǎng)友發(fā)現(xiàn)谷歌正在其搜索引擎主頁測試新的LOGO!難道谷歌也要準備換新LOGO了?
要知道,谷歌目前的無襯線LOGO(基于Product Sans字體設計)于2015年推出,如今已有八年之久了,現(xiàn)在調(diào)整LOGO也不是不可能。
記得八年前谷歌推出該LOGO時曾表示:這不是谷歌第一次更新LOGO,也不是最后一次,不過,這是1998年以來風格變化最大的一次。
網(wǎng)友 Christian Kunz 爆料稱,他在所使用谷歌搜索時,左上角的谷歌LOGO和以前有點不一樣,「新」LOGO的字體更接近常規(guī)的無襯線體Arial。
Arial 字體
Arial 是一款無襯線字體,由Robin Nicholas和 Patricia Saunders 設計,并由字體公司 Monotype 于 1982 年發(fā)布。它是 Helvetica 的替代品,因字體簡潔、易讀、適用范圍廣而受到歡迎。它也是 Windows 和 Mac OS X 操作系統(tǒng)的默認字體之一,也是常用于Web設計和印刷品中的字體。
然而,Christian Kunz的發(fā)現(xiàn)其實是谷歌LOGO的一種特殊顯示方式,谷歌并沒有測試新LOGO,也沒有計劃更新LOGO。
上圖中被發(fā)現(xiàn)的「新」LOGO并不是一張可以復制粘貼的圖片,而是由純文本組成。為何不用標準的Futura字體LOGO,這樣做的目的是什么?
其實答案很簡單,在一些特殊環(huán)境下,如瀏覽器無法顯示圖片或瀏覽器版本較低、網(wǎng)絡環(huán)境差等等,為了確保谷歌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逆時針旋轉(zhuǎn)20°*/
position: relative;
left: -1px;
display: inline-block;
}
從上面的代碼中可以發(fā)現(xiàn),在不展示圖片LOGO的時候優(yōu)先渲染Futura字體,用戶端沒有安裝該字體時再渲染Arial字體。
相比于單薄生硬單薄的Arial,F(xiàn)utura的字形結(jié)構(gòu)更接近谷歌的LOGO字體。該字體由Futura字體最初由德國設計師 Paul Renner 于1927年設計。它以簡潔的幾何形狀和清晰的線條著稱,被廣泛用于設計、標志、海報和印刷物中。
Futura字體
Futura 與Helvetica Neue 的區(qū)別
如何查看谷歌的文本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
(谷歌用于搜索索引的網(wǎng)絡爬蟲)
為了更好的適用不同的智能終端,包括智能手機、電視、手表、汽車等。谷歌于2015年9月2日宣布啟用新LOGO。新LOGO維持了原有的配色,但舍棄了成熟的襯線字體。谷歌在發(fā)布新標志時說,希望這個新的標志家族,能在最小的屏幕上都有辨識度。
現(xiàn)在看,扁平化確實比擬物好看直觀,蘋果還是牛逼
回復 @海樹:蘋果又不是第一個轉(zhuǎn)成扁平化的