6个动画告诉你谷歌究竟改变了什么

   Google品牌形象的每一次改变都牵动着全世界用户的心,无疑是这家科技巨头的强大影响力所造就的结果。随着最新的Google视觉形象的发布,吐槽和赞誉就没有停止过,但是此刻我们不妨将脑洞先填上,看看新设计背后Google到底有着怎样的考虑。特别感谢@-川行者-同学,原文中的视频均被他亲手压制成GIF动画!


  谷歌并不是一家传统公司。我们的使命是整合全世界的信息,让它们更易于获取并让用户从中受益,并且我们也一直推动着这件事情,不断发展。去年,我们推出了Material Design,让设计师和开发者拥有更强的拓展性,轻松拥抱这个多屏、多设备的世界。因此,今天很高兴能和你们分享我们全新的品牌形象,希望全新的谷歌无论何时何地都能让用户更方便。

  自Google成立以来,Google.com的网页设计一直保持着惊人的简约:古怪而多彩的Logo在一个简单直观的输入框上面,整个页面的背景就是单纯的白色。随着技术的发展,设计开始发生变化,需求和投入也变的越发的多样化。全新的设备类型和多样的交互和沟通方式同可穿戴设备、语音技术以及智能硬件结合到了一起,在我们身周并不鲜见。今天的用户通过一系列不同的设备承载谷歌的服务,而我们应当以更为简约而令人愉悦的品牌形象,来回应大家的认可和期望,以新的姿态来拥抱每一个机会和每一块屏幕。

  接下来,我们来看看有哪些设计是大家所认可而喜欢的,并推动整个品牌形象向着更加动态而非传统的方向进化。

  共同设计

  今年年初,来自世界各地的设计师,同谷歌的创意实验室与Material Design团队一起,在纽约一同进行了为期一周的设计冲刺活动,我们共同起草了一份简短的列表,确定了我们要解决的四个主要挑战:

  1、它需要是一个可拓展性的标识,在有限的空间中传达出完整的信息和形象

  2、它需要是一个高度整合的动态形象,将用户交互的不同阶段都整合到一起

  3、它需要是一套系统的方法,不仅要便于我们产品的品牌推广,还要确保用户在同谷歌产品日常接触时候拥有一致的体验和感受

  4、它需要是成就谷歌风格的所有元素的精炼,将用户所喜欢所热衷的谷歌元素集成到当中,并且随着用户需求的变化而进行提升和调整


  于是,我们开始将我们的品牌形象抽象、精炼成最基础的四种色彩,并置于白色的背景上,以为备份。确定了问题,构思被固定在白板上,动画也借由贝赛尔曲线勾勒出来。在上百个小时的设计之后,我们在地板上摆满了不同的设计方案,并且确定了几个令人振奋的设计方向。

  我们同整个团队分享了想法,工程、研发、产品和营销的团队参与了测试和可行性分析,并反复推敲了设计方案的部署和策略。这种协作流程带来了一套足够灵活的系统,足以让营销材料和产品应用于任何平台,并将三种不同状态的设计元素融合为一个LOGO。

  元素

  Google LOGO样式


  确保它是一个包含显著多色彩的无衬线体文字LOGO

  


  具备互动性、辅助性和过渡性的浓缩的动态形象

  Google G


  紧凑版的Google Logo形象

  了解这套体系

  对于这套体系的思考和设计开发远不止于核心元素这么简单,我们的团队设定了一套规范来确保它的广泛应用性和一致性。下面的示例虽然不完全,但是能够展现出我们系统思考的一部分。

  LOGO样式


  Google的LOGO一直保持着简约、友好而平易近人的风格,我们希望通过拥有高纯度数学特质的几何形象和教科书式的字母形象,来保持LOGO孩子般的单纯特质。新的标识采用了几何风格的无衬线体设计,并且结合了多彩的用色和极具趣味性的旋转(字母e)。

  通过在不同的数字环境中进行严苛的测试,我们确定了最终LOGO样式中字体的大小、粗细。为了确保LOGO的屏幕显示和印刷效果,我们所制定的标准涵盖了间距和间隙的规则,产品锁定规则以及产品处理的排除规则等整套规范。

  G LOGO的构建


  Google G标识的设计来源于字母G的形象,但是为了增加它在小尺寸使用时的视觉重量,需要让它同其他的元素共享空间。这个G字母LOGO的设计和Google Logo所使用的栅格系统相同,由于字母G中间横线的存在,为了在使用四色填充的时候确保整体的视觉平衡感,并且根据眼睛的视觉特征,我们重新调整了色彩的区域和次序。

  Google 点状动效


  Google的点状LOGO一直保持着充满活力的运动状态。它代表着Google充满智能的运作方式和为你服务的态度。我们仔细推敲着这些独特而神器的时刻,并且开发出了包含挺、思考、回复、迷惑、理解等不同的动态标识。虽然整个动效看起来是自发而毫无雕饰的,但是实际上它们是遵循一致的路径和相同的变化时间,弧度、长度等几何特征也是遵循着相同的标准。

  色彩


  得益于留白,Google LOGO 中不同字母在视觉上看起来平衡而不冲突,但是当这些色彩混合到一起融入字母G LOGO中的时候,视觉上的混合会让色彩看起来会晦暗,所以我们在制作G的LOGO的时候其实是对色彩进行适当调整,确保它看起来活泼而自然。

  最终实施

  排版


  为了配合全新的标识,我们还重新制作了一套专门的无衬线字体,方便产品和相关材料中使用。我们将这套字体称为Product Sans。这套字体同样借鉴了教科书字体的印刷风格,不过其中的设计细节更多的还是采用了几何无衬线字体的自然特征。如此一来,我们可以确保Google Logo和产品字体之间的差异和识别性。整套字体中包含了全部的数字、标识符号、拉丁语字母、希腊字母和西里尔字母。

  产品


  Google 的整个产品线都会逐步完成新标识的更新升级,不过由于大家对于Google的最早接触多为搜索,所以改变将从Google搜索开始。搜索UX团队和开发团队目前都在致力于文本搜索和语音搜索的品牌形象更新,由此彰显品牌全面的全面升级。

  广泛分布

  随着设计和开发相关素材的逐步增加,版本控制和自我服务会逐步扩展到整个代码库。比如像素完美的SVG格式素材,系统会自动生成数以千计的不同尺寸的变体,以满足不同的尺寸、色彩和背景的需求。随后,相关的源代码会控制在一个相对规范的位置,避免重复,并且确保团队成员和产品所使用的是最正确和最新版的素材。


  在这种运作方式之下,我们可以更加快速便捷地在任何地方使用新的素材,想比起之前LOGO 14000字节的大小,新的LOGO仅有305字节。新版的LOGO由于复杂度的降低使得全世界的用户可以更快的加载使用它了。

  设计之外

  设计仅仅只是我们所付出的努力中的一部分。新的标识让数百横跨不同组织、处于不同工作岗位的Google 员工协同工作,而最终的收获也使得这些巨大的投入显得非常有价值。

  我们会继续打造更优秀的产品和体验,希望我们的努力符合你的预期,能让你能更好地使用谷歌的服务并获得回报。

时间: 2024-10-26 16:46:19

6个动画告诉你谷歌究竟改变了什么的相关文章

移动支付年度盘点:谷歌钱包改变游戏规则

谷歌移动支付业务谷歌钱包 导语:美国科技资讯网站PCWorld撰稿人米卡尔·里克纳斯(Mikael Ricknäs)周三发表文章称,2011年移动支付市场虽已取得进展,但仍未如预期,NFC在支付领域的成功要到2015年之后才能实现.分析师认为,谷歌钱包的推出改变了支付行业的游戏规则,而苹果也可能会进入移动支付领域. 以下为文章全文: 运营商移动支付合作以及小范围移动支付试点的开展将在2012年收获成效,而且一些分析师认为苹果将进入移动支付市场.但尽管如此,该市场仍有巨大潜力有待开发. 从某种程度

谷歌如何改变灾难救援

导语:半岛电视台网站上周一刊登题为<谷歌如何改变灾难救援>(How Google is transforming disaster relief)的评论文章称, 谷歌 凭借着尖端的数据搜集和处理能力,成为了当今灾难救援领域的一股新兴力量. 以下为文章全文: 自从台风"海燕"本月早些时候席卷菲律宾以来,世界各地的爱心人士已经在谷歌Person Finder上发布了10.7万人的信息.失踪人员列表并不是新鲜东西,但在任何的灾难中,要搜寻或找到失踪的人,通常都十分困难.倘若把救援

通过谷歌排名飙升探讨谷歌算法改变

谷歌每年都要进行多次算法更新改变,最近动作也是更加频繁.所以SEOer们要想网站排名能够常期占据首位,领先别人,我们要时刻关注和研究谷歌算法的更新改变.受此次谷歌算法的改变,我操作的一个站点排名也是突然一夜之间,从第三页的位置狂飙到首页第一,可以说"盼得云开月见明",如果说相对于百度经常抽风,而非偶然的话,谷歌应该更趋于理性化.   经过个人分析总结,得出未来在谷歌得排名更越向于以下几个方面: 一.谷歌会更重视文章的内容. 这一点或许有点类似于百度,对于外链的权重会分给原创内容一部分.

“躲猫猫”事件究竟改变了什么

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 看起来,"躲猫猫"事件好像正在收尾.昨日,云南公检机关发布了"躲猫猫"事件的调查结果. 从"躲猫猫撞墙意外死亡",到"瞎子摸鱼被故意伤害",再到"狱霸殴打致死",事情似乎正一步步接近公众"预期".于是,网络上充满感慨,&qu

都说科技改变生活 智慧城市究竟改变了你什么?

想象一下,智能化发展到现在,我们每天走进家门的时候能通过智能终端来遥控家中的所有智能家居,比如自动打开百叶窗窗帘.自动调整灯光亮度.空调温度,在智能终端的指导下快速的找到车位等等,这所有的智能化被我们现在统称为智慧城市.  我们生活在这样一个充满智能化的都市当中,这一切都是智慧城市给生活带来的便捷与时尚,在很多地方,这样的生活正在成为现实.智慧城市离我们不再遥远,不就的将来,人们在智慧城市中就可以一张卡搞定衣食住行和医疗养老. 究竟什么是智慧城市 智慧城市,其实指的就是利用物联网.云计算.网络等

谷歌中国和北京谷歌究竟谁是李逵?哪个是李鬼?

中国法院网讯 知名搜索引擎服务商美国Google公司于2006年正式启用中文名称"谷歌",并在中国成立子公司谷歌信息技术(中国)有限公司.而在"谷歌"名称公布后不到一个小时的时间里,一家名为北京谷歌科技有限公司,法定代表人为田云山的公司通过了工商局审核,挂牌营业.此后,围绕企业名称,谷歌中国和北京谷歌两家公司纠纷不断,究竟谁是李逵?哪个是李鬼? 日前北京市第一中级人民法院给出了答案:在谷歌中国起诉北京谷歌侵犯商标权及不正当竞争纠纷一案中,法院终审认定北京谷歌科技有限

连接互联网必须受制于运营商?谷歌想改变这点

互联网搜索引擎巨头谷歌公司刚刚收购了一家名不见经传的互联网服务提供商,名叫Webpass.谷歌这一举动是为了扩展自己的超高速网络连接服务Google Fiber.但这次收购的一个小细节却向我们揭示了谷歌为何偏偏选择了Webpass而不是其他提供商.其实在完成这次收购后,谷歌等于是拿到了通往最新无线网络科技的门票,该技术被认为可以颠覆当下人们对网络连接的认识. 被收购的Webpass时下正在帮助Artemis Networks公司测试一种名为pCell的技术.Artemis Networks乃是曾

“棱镜门”曝光一周年:它究竟改变了什么?

2013年6月5日,前美国中央情报局雇员德华?斯诺登向英国<卫报>和美国<华盛顿邮报>爆料,曝光了美国国家安全局(NSA)等美国政府部门监视公民隐私的"棱镜"项目,一向标榜"坚决捍卫公民隐私和人权"的美国政府,陷入到巨大的舆论旋窝之中.此消息一出,举世哗然.在此后的时间里,一连串的新闻报道更加印证了许多隐私倡导者担心很久的一个问题:全球的网络.电子通讯,正处在以美国政府为主导的监控之下. 一年之后,"棱镜门"造成的后果和影

谷歌究竟是否被高估?

谷歌母公司Alphabet股票评级被下调,部分原因是因为有券商不合理地使用符合GAAP准则的数据来对公司进行估值,但其实应该用调整后的数据来估值.近日美股FANG科技股大跌,谷歌股价跌至940美元左右,但当前的下跌或许是一个买入机会,下文将说明理由. 贝祥投资集团分析师Michael Graham称谷歌股价最多只值1000美元,他认为谷歌的远期市盈率为24,估值使用的是符合GAAP准则的数据,即2018年预期每股收益40美元. 谷歌一季度财报并未公布以非GAAP为准的调整后数据.科技股的估值通常