Google_logo

新的品牌标识使Google对我们的用户更加方便和有用

由Alex Cook,Jonathan Jarvis和Jonathan Lee

Google不是一个传统的公司。我们的使命是把世界的信息,使其普遍可及和有用 - 不断发展。去年,我们引入了材料设计,帮助设计师和开发人员拥抱扩展的多设备多屏幕世界。考虑到这些考虑,我们很高兴分享一个新的品牌标识,旨在使Google更容易访问和使用用户,无论他们遇到什么。

自创立以来,Google.com首页显得非常简单:古怪的多彩多姿的标志位于一个干净的白色画布上的单一,平易近人的投入领域之上。但是随着技术向前发展,画布本身正在发生变化,投入和需求变得越来越多样化。新一代的设备和互动方式已经出现在我们周围世界的可穿戴设备,语音技术和智能设备上。用户现在可以通过使用一组设备与Google进行互动,而我们的品牌应该在我们的主页上表达同样的简单和喜悦,同时充分接受每个新设备和表面提供的机会。

这里有一些设计考虑,充分利用了人们对Google的了解和喜爱,并将品牌发展为继续像我们一直努力的动态和非常规品牌。

设计在一起

今年初,来自全球各地的设计师,包括创意实验室和材料设计团队,在纽约召开了一个激烈的一周的设计冲刺。我们起草了一个简要说明,确定了我们想要解决的四个挑战:

可扩展的标记,可以传达在限制空间中的完整标识的感觉。

结合动态,智能的动作,在互动的所有阶段响应用户。

在我们的产品中进行品牌化的系统化方法,以提供人们日常遇到Google的一致性。

将我们的网站的优化结合在一起,结合用户所熟悉和喜爱的品牌,以及他们的需求如何变化的深思熟虑。

我们从干净的白色背景开始,将我们品牌的精华放在四色之上,并将其重新构建起来。粘性物质被卡住,引脚被推动,而塞子是动画的。随着切割房间铺满了数百小时的设计工作,我们开始了几个令我们兴奋的方向。

我们与组织中的团队分享了这一想法。工程,研究,产品和营销测试了这些想法,并评估了其可行性,因为我们重复了设计和推广策略。这个合作过程导致系统灵活性足以在任何平台上使用我们的营销材料和产品工作:构成单一标志的三个基本状态。

元素

从左到右:Google徽标使用无衬线,保留了我们独特的多色序列。点是动态蒸馏交互式,辅助性和过渡时刻的标识。Google G是Google徽标的紧凑型版本,适用于小型环境。

了解系统

思维和设计的发展比核心要素深得多,而且开发了一个规范来帮助各种应用程序的团队保持一致。以下示例不全面,但显示了进入系统的一些想法。


google_logo_1

打印商标

Google徽标始终具有简单,友好和平易近人的风格。我们希望通过将几何形式的数学纯度与教科书信打印的童心简单相结合来保留这些素质。我们的新标识设置在一个自定义的几何无衬线字体中,并保持多色的俏皮感和旋转“e”我们以前的标记 - 提醒我们永远是一个非常规的。

在所有新的数字环境中,最终的标识都以不同的尺寸和重量进行了彻底的测试,以获得最大的可读性。为了指导屏幕和打印的使用,我们制定了涵盖标识的所有方面的标准,包括间隔,清除规则,产品锁定和产品处理的红线规范。


google_logo_2

Google G建设

Google G直接来源于标识“G”,但是使用增加的视觉重量可以在需要与其他元素共享空间的小尺寸和上下文中站起来。设计在与我们的产品图像相同的网格上,圆形形状被光学精制,以防止圆形遇到横梁时的视觉“偏斜”。颜色比例传达标识的全谱,并进行排序以帮助围绕字母形状的眼睛运动。


google_logo_3

Google Dots in Motion

Google点是标志的动态和永恒的移动状态。它们代表Google的工作情报,并指出Google正在为您工作。我们认为这些独特的魔法时刻。开发了一系列表达方式,包括听力,思维,回答,不理解和确认。虽然他们的动作似乎是自发的,但是他们的动作植根于一致的路径和时间,点数沿着几何弧线移动,并遵循标准的快速松弛曲线。


google_logo_4

颜色

谷歌标识受益于字母之间的空格,但是当颜色相邻时,就像Google G的情况一样 - 它们被光学混合,并且可能导致原始值的变暗和变暗。我们调整并推动红色,绿色和黄色的活力,以保持饱和和流行。

履行


google_logo_5

活版印刷

在开发标识的同时,我们创建了一种定制的几何无衬线字体,以补充产品锁定中的徽标和支持身份资料。我们称之为产品类。字体设计采用同样的教科书信纸打印风格的提示,但采用了几何无衬线的中性一致性。这使我们能够在Google标识和产品名称之间保持适当的区别。字符集包含数字,标点符号,口音和备用字符,分数,符号和支持扩展拉丁语,希腊语和西里尔字体。下载类型标本更多细节。


google_logo_6

产品

Google的许多产品将会发布更新,但对于大多数人来说,新品牌的第一次体验将是通过搜索。搜索UX和工程团队努力提供文本和语音查询的第一个实例,展现了身份的全面表达。

更广泛的分销

随着设计的发展,工程开发了一种独特的方法,用于资产生成,版本控制和我们代码库中的自助服务分发。使用像素完美SVG作为基础资产,我们自动生成数千个基于矢量的变体,以满足大小,颜色和背景要求。然后,这些变体在规范的位置检查到我们的源代码控制中,以避免重复,并确保每个团队都使用最正确的最新资产。


google_logo_7

这有助于我们使设计像素在任何地方都可以完美使用,并且允许我们优化这些资产的尺寸和延迟,包括构建一个仅305字节的全彩色标志的特殊变体,与现有标志相比,约为14,000字节。旧的标志,其复杂的内容和更大的文件大小要求我们为低带宽连接提供基于文本的标识近似。新标识缩小的文件大小避免了这种变通方法,当您考虑我们的目标是让Google对世界各地的用户(包括下一个十亿)更易于访问和有用的时候,一致性就会产生巨大的影响。

超越设计

设计只是努力的一部分。实现新的身份要求对数百名Google员工进行集体工作和勤奋工作,不同角色,跨越整个组织。他们应该得到巨大的信誉,建立和实施系统到最后一个像素。

随着我们推动创造新的产品和经验,我们希望这项工作将继续为您提供Google期望的简单和高兴 - 无论新技术可能带给我们什么。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,340评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,762评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,329评论 0 329
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,678评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,583评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,995评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,493评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,145评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,293评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,250评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,267评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,973评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,556评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,648评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,873评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,257评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,809评论 2 339

推荐阅读更多精彩内容