新的品牌标识使Google对我们的用户更加方便和有用
由Alex Cook,Jonathan Jarvis和Jonathan Lee
Google不是一个传统的公司。我们的使命是把世界的信息,使其普遍可及和有用 - 不断发展。去年,我们引入了材料设计,帮助设计师和开发人员拥抱扩展的多设备多屏幕世界。考虑到这些考虑,我们很高兴分享一个新的品牌标识,旨在使Google更容易访问和使用用户,无论他们遇到什么。
自创立以来,Google.com首页显得非常简单:古怪的多彩多姿的标志位于一个干净的白色画布上的单一,平易近人的投入领域之上。但是随着技术向前发展,画布本身正在发生变化,投入和需求变得越来越多样化。新一代的设备和互动方式已经出现在我们周围世界的可穿戴设备,语音技术和智能设备上。用户现在可以通过使用一组设备与Google进行互动,而我们的品牌应该在我们的主页上表达同样的简单和喜悦,同时充分接受每个新设备和表面提供的机会。
这里有一些设计考虑,充分利用了人们对Google的了解和喜爱,并将品牌发展为继续像我们一直努力的动态和非常规品牌。
设计在一起
今年初,来自全球各地的设计师,包括创意实验室和材料设计团队,在纽约召开了一个激烈的一周的设计冲刺。我们起草了一个简要说明,确定了我们想要解决的四个挑战:
可扩展的标记,可以传达在限制空间中的完整标识的感觉。
结合动态,智能的动作,在互动的所有阶段响应用户。
在我们的产品中进行品牌化的系统化方法,以提供人们日常遇到Google的一致性。
将我们的网站的优化结合在一起,结合用户所熟悉和喜爱的品牌,以及他们的需求如何变化的深思熟虑。
我们从干净的白色背景开始,将我们品牌的精华放在四色之上,并将其重新构建起来。粘性物质被卡住,引脚被推动,而塞子是动画的。随着切割房间铺满了数百小时的设计工作,我们开始了几个令我们兴奋的方向。
我们与组织中的团队分享了这一想法。工程,研究,产品和营销测试了这些想法,并评估了其可行性,因为我们重复了设计和推广策略。这个合作过程导致系统灵活性足以在任何平台上使用我们的营销材料和产品工作:构成单一标志的三个基本状态。
元素
从左到右:Google徽标使用无衬线,保留了我们独特的多色序列。点是动态蒸馏交互式,辅助性和过渡时刻的标识。Google G是Google徽标的紧凑型版本,适用于小型环境。
了解系统
思维和设计的发展比核心要素深得多,而且开发了一个规范来帮助各种应用程序的团队保持一致。以下示例不全面,但显示了进入系统的一些想法。
打印商标
Google徽标始终具有简单,友好和平易近人的风格。我们希望通过将几何形式的数学纯度与教科书信打印的童心简单相结合来保留这些素质。我们的新标识设置在一个自定义的几何无衬线字体中,并保持多色的俏皮感和旋转“e”我们以前的标记 - 提醒我们永远是一个非常规的。
在所有新的数字环境中,最终的标识都以不同的尺寸和重量进行了彻底的测试,以获得最大的可读性。为了指导屏幕和打印的使用,我们制定了涵盖标识的所有方面的标准,包括间隔,清除规则,产品锁定和产品处理的红线规范。
Google G建设
Google G直接来源于标识“G”,但是使用增加的视觉重量可以在需要与其他元素共享空间的小尺寸和上下文中站起来。设计在与我们的产品图像相同的网格上,圆形形状被光学精制,以防止圆形遇到横梁时的视觉“偏斜”。颜色比例传达标识的全谱,并进行排序以帮助围绕字母形状的眼睛运动。
Google Dots in Motion
Google点是标志的动态和永恒的移动状态。它们代表Google的工作情报,并指出Google正在为您工作。我们认为这些独特的魔法时刻。开发了一系列表达方式,包括听力,思维,回答,不理解和确认。虽然他们的动作似乎是自发的,但是他们的动作植根于一致的路径和时间,点数沿着几何弧线移动,并遵循标准的快速松弛曲线。
颜色
谷歌标识受益于字母之间的空格,但是当颜色相邻时,就像Google G的情况一样 - 它们被光学混合,并且可能导致原始值的变暗和变暗。我们调整并推动红色,绿色和黄色的活力,以保持饱和和流行。
履行
活版印刷
在开发标识的同时,我们创建了一种定制的几何无衬线字体,以补充产品锁定中的徽标和支持身份资料。我们称之为产品类。字体设计采用同样的教科书信纸打印风格的提示,但采用了几何无衬线的中性一致性。这使我们能够在Google标识和产品名称之间保持适当的区别。字符集包含数字,标点符号,口音和备用字符,分数,符号和支持扩展拉丁语,希腊语和西里尔字体。下载类型标本更多细节。
产品
Google的许多产品将会发布更新,但对于大多数人来说,新品牌的第一次体验将是通过搜索。搜索UX和工程团队努力提供文本和语音查询的第一个实例,展现了身份的全面表达。
更广泛的分销
随着设计的发展,工程开发了一种独特的方法,用于资产生成,版本控制和我们代码库中的自助服务分发。使用像素完美SVG作为基础资产,我们自动生成数千个基于矢量的变体,以满足大小,颜色和背景要求。然后,这些变体在规范的位置检查到我们的源代码控制中,以避免重复,并确保每个团队都使用最正确的最新资产。
这有助于我们使设计像素在任何地方都可以完美使用,并且允许我们优化这些资产的尺寸和延迟,包括构建一个仅305字节的全彩色标志的特殊变体,与现有标志相比,约为14,000字节。旧的标志,其复杂的内容和更大的文件大小要求我们为低带宽连接提供基于文本的标识近似。新标识缩小的文件大小避免了这种变通方法,当您考虑我们的目标是让Google对世界各地的用户(包括下一个十亿)更易于访问和有用的时候,一致性就会产生巨大的影响。
超越设计
设计只是努力的一部分。实现新的身份要求对数百名Google员工进行集体工作和勤奋工作,不同角色,跨越整个组织。他们应该得到巨大的信誉,建立和实施系统到最后一个像素。
随着我们推动创造新的产品和经验,我们希望这项工作将继续为您提供Google期望的简单和高兴 - 无论新技术可能带给我们什么。