这是一篇关于品牌设计的文章。诠释了一个品牌从无到有的过程,作者JackMorgan将其设计理念倾注在文中,对设计师来说这是一篇不可错过的好文章。

Google Squared是2012年最初由Google伦敦推出的一个教育项目。这个项目主要为广告及其他创意领域的人员服务,鼓励人们以理论为基础在实践中学习;让参与到这个项目中的人们理解技术是如何改变社会的,并且可以将他们的行业习惯做出一些改变。
能够邂逅Squared对我来说是一件非常幸运的事情,当我第一次进入Squared时,就对这个团队的远见卓识和处事方式有强烈的认同感。然而,我深深地觉得Squared迫切需要一个好的品牌形象来展示他们积极进取的工作态度和开拓创新的教学方法。我也尝试为他们重新设计一个图标。

2013年7月份的时候,我为Squared设计的新图标有了大致轮廓。在整整两周的时间里,我做了以下这个概念设计方案。其间我努力让新的品牌显得更有张力,能够表现Squared团队雄心抱负和创新思维。

这个方案在Twitter上被广泛转载,许多人(当中也有很多是设计师)发表了不同的看法。具体内容被整理发布在Smashing
Magazine网站上:
A massive case-study on the design process
of theSquared education initiative by Google: http://t.co/xQWbKuT0NP
— Smashing Magazine (@smashingmag) August
11, 2013
2013年8月在我发布这个概念设计后不久,Google伦敦的Squared团队就主动约我并邀请我为Squared进行品牌重塑,这次是来真的了。
下面是一些关于我们这次重塑Squared的简短过程。
过程

无论做任何事情,找准方向才是最关键的。为了圆满完成Squared的重塑任务,我必须全身心融入到Squared团队中去,不放过这里的一本书,一张纸,还要全方位地了解Squared的市场状况。
在此期间,我还参与了他们的网上小组讨论,研究Squared一些大事记的照片并参观了他们在伦敦的一个原始工作室。通过这些事情,我真真切切地了解了Squared的学习生活。
学员对Squared的看法

Squared不仅仅是一个教育机构,它更是一个大网络。这里学生和其他人正在做的事情是塑造一个有着无限前景的行业的未来。
Squared今后10年的命运可以说就在这些人手中,他们对Squared今后的发展道路是否有正确的认识至关重要。从这些学生的反馈中,可见Squared在发展中也不断在发展改变。而从下面这些形容Squared的词汇,也可以看出这种变化。

Squared的这种追求进步的态度应该渗透到我们的整个设计中,并成为新的品牌精神基石。当我将新的标志的第一份草图展示给团队时。我在PPT中写道“
为未来而设计 ”因为我自己也不确定:"Squared以后的发展也许会远远超过现在?如果将来Squared成为Google面向全世界的全球教育平台,拥有最强的师资力量,最尖端的技术和最新的支付手段。到那时我们又会是什么样子的呢?"
新的Squared的品牌由下面这几个部分组成。
logo
Sqared最初的黑色标志是在产品的实验室阶段设计出来的。现在Squared已经走向成熟,标志上就没必要出现机构的名称了。

新logo很好的继承了Google的设计理念:简单,抽象,多彩缤纷并带有极客风。
设计灵感

Google的标志是极简主义的代表。既有趣又让人印象深刻。

Google产品Logo遵循统一的样式(不包括Icon在内):每一个创新产品都配上简约的标志,使人一眼就认出是Google家出来的。我们的Squared既然出自Google,当然也要符合Google的风格,但也不能丢掉自己的个性,从而让人感到别扭。
Logo的设计过程

在重塑的概念设计阶段我尝试了很多不同的抽象设计,包括“[ ]”方括号还有一些其他类似的风格,后来我想起了一个月前我在Twitter上看到的一张照片,就是下面这张。

Squared学员在一起拍照时经常会做出这些手势,就像我们拍照之前伸出的剪刀手一样。我是在2012年设计完成前看到这张照片的,它也成了Squared文化的一个部分。

将这个手势和Squared经典方括号形状结合起来,就创造了一个完美的新标志,我们称它为——a
frame。
The frame

让人过目不忘
人的大脑总是会首先接收图像信息。不断地将标志曝光给公众会让品牌更容易让人记住,苹果、耐克这些国际品牌就是这样做的。这也就是为什么道路标志不用写就知道什么意思,因为这些标志到处都有,人们要一遍又一遍地把看到它。
接下来就是颜色,蓝,红,黄和绿这些都是Google的标志性颜色。你一定已经看了不下千次了,而且每次打开Google主页还是要不停地看。

在新的Squared Logo上做的所有努力都是为了一个简单的目标:创造一个简单,好记,面向全球的Squared标志,有一天可以成为标杆。

多样化应用
为了让标志随处可见,“Frame”必须要有广泛的应用性。通过和团队的同力合作设计,“Frame”已经成为一个可以应用在任何场合的标志。



不限平台
虽然Squared是Google的一个项目,但Squared团队的教学是不限平台的,他们不会因为
Google的原因而鼓励使用Google的产品,相反,为了提高学生的学习体验,Squared愿与任何人合作。

Google的一个员工在讨论Squared的未来发展目标时,将其描述为“安卓教育平台”,可以说Squared是:生于Google,服务大众。因此,将Squared从Google传统的logo样式中分离出来,并作为独立品牌运作是非常重要的。也就是说Squared虽然是Google的项目但不能完全依附于Google。

这样的logo保留了Google字体的一些风格但又不完全一样,既继承了Google的基因,又完美的在视觉上保持平衡和独立性。
我最初的一个想法是用一个粗体的方框,然后将“SQUARED”包含在其中。

这样看以来似乎更有力量,但让人有一种自大的感觉,塑形也不是很好。所以我们就选择更轻盈,更有平衡感的版本,字体选用的是Google自家的“Open
Sans”。
最终效果

标语
现在要用一个清晰有力的标语来代表我们的新品牌。Squared以前的标语让人感觉很别扭,用作标语太长,用作宣传语又太短。
在Squared我们谈论了很多关于“数字革命”的话题,而且我们已经进入了这个领域,位于伦敦巴比肯的Google艺术展览馆甚至以此为命名——再一次验证了改变是Squared一个永恒的话题。我们的新品牌形象要符合数字革命的发展趋势。如今全社会已经有了一个共识:那就是数字革命已经发生了,我们必须跟上它步伐并充分发挥它的作用。

这就是我们设计的Squared的新标语,传递出一个品牌的自信。在这里我用到了一种新的东西,我称它为“The
Google accent”。
The Google accent
看看Google的这些核心产品——从还在实验室阶段的Google笔记本到Google的营销登陆界面,都是清一色的蓝,红,黄,绿这四种颜色。
我一直以来都非常喜欢这样的风格。粗犷,有力量又多姿多彩,完全有别于简约却单调的风格。这样的风格很好的和Google主页保持一致。

除了将Google的经典颜色运用到“frame”中之外,借助Google
accent来强调我们想要传递的信息,也可以很好地将Google的基因融入Squared这个品牌当中。
有了这样一个易辨识的标志,Squared成了教育界一股新生力量。
Welcome to the revolution.


和我们的Logo一样,新的标语设计也符合通用性和全球性的要求。


为了将标语融入生活场景中,我们设计一个概念广告推广,将它新标语运用到一些最近反映数字革命图片中。





我们是Squared
新的标志和标语相结合可以应用到无数的广告执行当中。全球推广就是一个很好的例子,试着想象你是一个比你自身大的多的实物的一部分。

辨识系统
Google的设计理念贯穿Squared的整个辨识系统的设计,使新品牌更具统一性和真实性。
颜色

为达到这个目标,我们限制自己只能使用Google的核心颜色,这样很好的帮助我们的设计风格可以始终与Google保证一致。
字体

无论是电脑上在,还是印刷品上,我们都将Open Sans 作为新品牌的唯一字体。
图标

第一次推出标识时,我们用的是一组开放的图标。当2014年Google I/O发布MaterialDesign时,我们也马上换上了这套新的图标。
标识指南

为了将以上这些设计整合在一起,我们专门设计了一本简单的品牌指南。这本小册子包含了我们的设计标准,哪些你可以用哪些你不能用。遵循这本指南可以让Squared的品牌在全世界范围内保持一致性。
其他
极致简约是Squared的一个重要特性。无关紧要的东西都要被剔除或删减,确保所有信息简明扼要,一目了然,让人感觉舒适。

新Logo和基本色也同样用在材料文件上,使其保持一致性。











邀请
2013年当我完成Squared的概念设计时曾说过“被邀请加入Squared应该要让人有一种隆重感,就好像被一所梦寐以求的大学录取又或是一个门槛很高的俱乐部让你加入了。”
Squared的邀请方式可以是电子邮件或者邮寄。现实中学员在加入Squared之前会通过他们的公司先收到一份确认邮件。这样的话,我们就要避免使用冷冰冰、空泛的字眼,才能将报名表顺利地递给他们
注册期间通常是学员和Squared的第一次接触,也就是在这时候,我们可以了解我们的学员。创造友好的氛围,让他们感觉自己是受欢迎的,这点非常重要。

网站建设
和Squared的早期标志一样,Squared在线远程学习网站在整个项目建设之初就已经开始构思了,而现在它需要一番大重建了。
Squared的课程申请量是非常惊人的,考虑到这一点,我们的新网站既要在视觉上和Squared
Logo保持一致性,又要尽可能的降低课程的申请难度。

新的网站上充分使用了Google的标准和样式,在视觉风格上也和Google的登陆页面保持一致。这样做的目的是简化站内容,建立一个快速、流畅、干净的客户端。


新的登陆页面甚至加入的Google的视频群聊功能,学员几乎每天都可以在线使用它交流学习,一起完成课程。

将网站移植到移动设备上时,我们删减了很多内容,只保留一些主要的信息和申请入口,这样的网站访问速度更快,界面也会让人感到轻松。
广告宣传
Squared 大胆和直接的风格使其本身就能很好的进行广告宣传,向人们展示一个真实的Squared:职业学习领域的新力量。





Welcome to the revolution.

全球推广
第一次和Squared团队见面时,他们还是只有一个3个人组成的团队,但就是这3个充满激情,干劲十足的人所做的事,还有他们所激励的人(也包括我)为一个了不起的事业的建立铺平了道路.

自从2014年8月完成品牌重塑以来,Squared已经扩张到了新加坡,纽约,香港和德国。在全球化的道路上,Squared培育了成千上万的学生,并且将以此为基础朝着更具国际化的教育机构前进。
在此我想向Squared团队致谢:谢谢你们让我有机会成为这伟大事业的一部分,真的非常幸运可以加入你们,对我来说这是一次很棒的经历。我真是迫不及待想看看你们即将构建的未来了。
|