esc0rp 发表于 2024-7-30 22:16:20

藏的挺深，有人发掘了谷歌的新LOGO！


    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/f094cec9669b4348b6f09181d3bdcb43~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=MU4e1edhojPJkiX2Tm8ASCVPUXQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">近期</span>，有网友<span style="color: black;">发掘</span>谷歌正在其搜索引擎主页测试新的LOGO！难道谷歌<span style="color: black;">亦</span>要准备换新LOGO了？</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">要<span style="color: black;">晓得</span>，谷歌<span style="color: black;">日前</span>的无衬线LOGO（基于 Product Sans 字体设计）于2015年推出，如今已有八年之久了，<span style="color: black;">此刻</span><span style="color: black;">调节</span>LOGO<span style="color: black;">亦</span>不是不可能。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">记得八年前谷歌推出该LOGO时曾<span style="color: black;">暗示</span>：这不是谷歌<span style="color: black;">第1</span>次更新LOGO，<span style="color: black;">亦</span>不是最后一次，<span style="color: black;">不外</span>，这是1998年<span style="color: black;">败兴</span>风格变化最大的一次。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/a549c42c91554cf99626bc14a73e7098~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=LR81Ptt9buvb51WTdTZgonV6Uhk%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/1aeae76815334a5daea9b070c086abdf~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=Wh9bkL9mPLeXWJPl37lK7xVpFVs%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">网友 Christian Kunz 爆料<span style="color: black;">叫作</span>，他在所<span style="color: black;">运用</span>谷歌搜索时，左上角的谷歌LOGO和以前有点不<span style="color: black;">同样</span>，「新」LOGO的字体更接近常规的无衬线体Arial。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/736f4051b0bc4f6c8408bcbbc5ca1530~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=hPL0J1%2Fu3fUdSub2qJvg9Yc7IJM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">Arial 字体</span></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Arial 是一款无衬线字体，由Robin Nicholas和 Patricia Saunders 设计，并由字体<span style="color: black;">机构</span> Monotype 于 1982 年发布。它是 Helvetica 的替代品，因字体简洁、易读、适用范围广而受到欢迎。它<span style="color: black;">亦</span>是 Windows 和 Mac OS X 操作系统的默认字体之一，<span style="color: black;">亦</span>是常用于Web设计和印刷品中的字体。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/34bc058244f24517834fa39addb682f3~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=ngF96EHhKgyty1fhWGVF2hgP6tU%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">然而，Christian Kunz的<span style="color: black;">发掘</span>其实是谷歌LOGO的一种特殊<span style="color: black;">表示</span>方式，</span><strong style="color: blue;"><span style="color: black;">谷歌并<span style="color: black;">无</span>测试新LOGO，<span style="color: black;">亦</span><span style="color: black;">无</span>计划更新LOGO。</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">上图中被<span style="color: black;">发掘</span>的「新」LOGO并不是一张<span style="color: black;">能够</span>复制粘贴的<span style="color: black;">照片</span>，而<span style="color: black;">是由于</span>纯文本<span style="color: black;">构成</span>。<span style="color: black;">为么</span><span style="color: black;">不消</span>标准的字体LOGO，<span style="color: black;">这般</span>做的目的是什么？</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">其实答案很简单，</span><strong style="color: blue;"><span style="color: black;">在<span style="color: black;">有些</span>特殊环境下，如浏览器<span style="color: black;">没法</span><span style="color: black;">表示</span><span style="color: black;">照片</span>或浏览器版本较低、网络环境差等等，为了<span style="color: black;">保证</span>谷歌Google的LOGO不受影响，正常展示。</span></strong><span style="color: black;">用文本和CSS渲染要比加载图像效率更高，速度更快。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/91678623318c48a488f8dee85723dde8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=9dopfU1D6h7K83P0UYOSp6eTUzg%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">DIV:</span></strong></p>&lt;div <span style="color: black;"><span style="color: black;">class</span></span>=<span style="color: black;">"cOl4Id"</span>&gt;
    <span style="color: black;"><span style="color: black;">&lt;<span style="color: black;">a</span> <span style="color: black;">href</span>=<span style="color: black;">"#"</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"V6gwVd"</span>&gt;</span>G<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"iWkuvd"</span>&gt;</span>o<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"cDrQ7"</span>&gt;</span>o<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"V6gwVd"</span>&gt;</span>g<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"ntlR9"</span>&gt;</span>l<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;<span style="color: black;">span</span> <span style="color: black;">class</span>=<span style="color: black;">"iWkuvd tJ3Myc"</span>&gt;</span>e<span style="color: black;">&lt;/<span style="color: black;">span</span>&gt;</span>
      <span style="color: black;">&lt;/<span style="color: black;">a</span>&gt;</span></span>
    <span style="color: black;"><span style="color: black;">&lt;/<span style="color: black;">div</span>&gt;</span></span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">CSS:</span></strong></p><span style="color: black;">.cOl4Id</span> {
    <span style="color: black;">letter-spacing</span>: -<span style="color: black;">1px</span>;
    <span style="color: black;">text-align</span>: center;
    <span style="color: black;">font</span>: <span style="color: black;">22pt</span> Futura, Arial, sans-serif;
    ...
    }
    <span style="color: black;">.cOl4Id</span> <span style="color: black;">span</span> {
    <span style="color: black;">display</span>: inline-block;
    }
    <span style="color: black;">.V6gwVd</span> {
    <span style="color: black;">color</span>: <span style="color: black;">#4285f4</span>;<span style="color: black;">/*蓝色*/</span>
    }
    <span style="color: black;">.iWkuvd</span> {
    <span style="color: black;">color</span>: <span style="color: black;">#ea4335</span>;<span style="color: black;">/*红色*/</span>
    }
    <span style="color: black;">.cDrQ7</span> {
    <span style="color: black;">color</span>: <span style="color: black;">#fcc934</span>;<span style="color: black;">/*黄色*/</span>
    }
    <span style="color: black;">.V6gwVd</span> {
    <span style="color: black;">color</span>: <span style="color: black;">#4285f4</span>;<span style="color: black;">/*黄色*/</span>
    }<span style="color: black;">.ntlR9</span> {
    <span style="color: black;">color</span>: <span style="color: black;">#34a853</span>;<span style="color: black;">/*绿色*/</span>
    }
    <span style="color: black;">.tJ3Myc</span> {
    -webkit-<span style="color: black;">transform</span>: rotate(-<span style="color: black;">20deg</span>);<span style="color: black;">/*字母e逆时针旋转20°*/</span>
    <span style="color: black;">position</span>: relative;
    <span style="color: black;">left</span>: -<span style="color: black;">1px</span>;
    <span style="color: black;">display</span>: inline-block;
    }<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">从上面的代码中<span style="color: black;">能够</span><span style="color: black;">发掘</span>，在不展示<span style="color: black;">照片</span>LOGO的时候优先渲染Futura字体，用户端<span style="color: black;">无</span>安装该字体时再渲染Arial字体。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">相比于单薄生硬单薄的Arial，Futura的字形结构更接近谷歌的LOGO字体。该字体由Futura字体最初由德国设计师 Paul Renner 于1927年设计。它以简洁的几何形状和清晰的线条著<span style="color: black;">叫作</span>，被广泛用于设计、标志、海报和印刷物中。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/1e9a42d18ad742f286f189e7b23bf472~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=Vytq6ZyyNM24loTwXCQ6gLKgOBo%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Futura字体</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/679a70f517a847b7a90d4c6469b22b49~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=1%2FHMAFrSMvdzPEmEBxyjZmln45g%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">Futura 与Helvetica Neue 的区别</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">怎样</span>查看谷歌的文本LOGO？您只需要将自己浏览器的User Agent（用户代理）更改为以下字符串头，<span style="color: black;">而后</span>就<span style="color: black;">能够</span>看到它了。</span></p><span style="color: black;">//谷歌用于搜索索引的网络爬虫</span>
    <span style="color: black;">//logonews.cn</span>
    <span style="color: black;">Mozilla</span>/<span style="color: black;">5</span><span style="color: black;">.0</span> <span style="color: black;">AppleWebKit</span>/<span style="color: black;">537</span><span style="color: black;">.36</span>(KHTML, like Gecko; compatible; Googlebot/<span style="color: black;">2.1</span>; +<span style="color: black;">http</span>:<span style="color: black;">//www.google.com/bot.html) Chrome/W.X.Y.Z Safari/537.36</span>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">（谷歌用于搜索索引的网络爬虫）</span></span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/8d7e51041f244fd6836e9757d87cb9c6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=ALwQ7gyhHhINAl%2BvqnPu6GQKmxc%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">为了更好的适用<span style="color: black;">区别</span>的智能终端，<span style="color: black;">包含</span>智能手机、电视、手表、汽车等。谷歌于2015年9月2日宣布启用新LOGO。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">新LOGO维持了原有的配色，但舍弃了成熟的衬线字体。谷歌在发布新标志时说，<span style="color: black;">期盼</span>这个新的标志家族，能在最小的屏幕上都有辨识度。</span></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/883ff95d0bb8400a883660f970010589~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722925619&amp;x-signature=b3mRucJ4r2n7FRCVWSG6hgG4aDY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">❊文内<span style="color: black;">显现</span>的商标及图像版权属于其合法持有人，只供传递信息之用，非商务用途。如无意侵犯到您的权益，请<span style="color: black;">即时</span>联系<span style="color: black;">咱们</span>处理。</span></p>




b1gc8v 发表于 2024-10-7 23:01:29

我完全赞同你的观点，思考很有深度。

b1gc8v 发表于 2024-10-11 05:36:25

说得好啊！我在外链论坛打滚这么多年，所谓阅人无数，就算没有见过猪走路，也总明白猪肉是啥味道的。

nqkk58 发表于 2024-10-11 18:58:50

楼主果然英明！不得不赞美你一下！

qzmjef 发表于 2024-10-29 22:54:39

感谢楼主的分享！我学到了很多。
页: [1]
查看完整版本: 藏的挺深，有人发掘了谷歌的新LOGO！