這是一篇關(guān)于品牌設(shè)計(jì)的文章。詮釋了一個(gè)品牌從無(wú)到有的過(guò)程，作者JackMorgan將其設(shè)計(jì)理念傾注在文中，對(duì)設(shè)計(jì)師來(lái)說(shuō)這是一篇不可錯(cuò)過(guò)的好文章。

　　譯者注：本文提到的Squared并非指2011年谷歌關(guān)閉的搜索服務(wù)。現(xiàn)Squared是一個(gè)全球性的教育機(jī)構(gòu)，官方網(wǎng)站為www.wearesquared.com.

　　Google Squared是2012年最初由Google倫敦推出的一個(gè)教育項(xiàng)目。這個(gè)項(xiàng)目主要為廣告及其他創(chuàng)意領(lǐng)域的人員服務(wù)，鼓勵(lì)人們以理論為基礎(chǔ)在實(shí)踐中學(xué)習(xí)；讓參與到這個(gè)項(xiàng)目中的人們理解技術(shù)是如何改變社會(huì)的，并且可以將他們的行業(yè)習(xí)慣做出一些改變。

　　能夠邂逅Squared對(duì)我來(lái)說(shuō)是一件非常幸運(yùn)的事情，當(dāng)我第一次進(jìn)入Squared時(shí)，就對(duì)這個(gè)團(tuán)隊(duì)的遠(yuǎn)見卓識(shí)和處事方式有強(qiáng)烈的認(rèn)同感。然而，我深深地覺(jué)得Squared迫切需要一個(gè)好的品牌形象來(lái)展示他們積極進(jìn)取的工作態(tài)度和開拓創(chuàng)新的教學(xué)方法。我也嘗試為他們重新設(shè)計(jì)一個(gè)圖標(biāo)。

　　2013年7月份的時(shí)候，我為Squared設(shè)計(jì)的新圖標(biāo)有了大致輪廓。在整整兩周的時(shí)間里，我做了以下這個(gè)概念設(shè)計(jì)方案。其間我努力讓新的品牌顯得更有張力，能夠表現(xiàn)Squared團(tuán)隊(duì)雄心抱負(fù)和創(chuàng)新思維。

　　這個(gè)方案在Twitter上被廣泛轉(zhuǎn)載，許多人（當(dāng)中也有很多是設(shè)計(jì)師）發(fā)表了不同的看法。具體內(nèi)容被整理發(fā)布在Smashing Magazine網(wǎng)站上：

　　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月在我發(fā)布這個(gè)概念設(shè)計(jì)后不久，Google倫敦的Squared團(tuán)隊(duì)就主動(dòng)約我并邀請(qǐng)我為Squared進(jìn)行品牌重塑，這次是來(lái)真的了。

　　下面是一些關(guān)于我們這次重塑Squared的簡(jiǎn)短過(guò)程。

過(guò)程

　　無(wú)論做任何事情，找準(zhǔn)方向才是最關(guān)鍵的。為了圓滿完成Squared的重塑任務(wù)，我必須全身心融入到Squared團(tuán)隊(duì)中去，不放過(guò)這里的一本書，一張紙，還要全方位地了解Squared的市場(chǎng)狀況。

　　在此期間，我還參與了他們的網(wǎng)上小組討論，研究Squared一些大事記的照片并參觀了他們?cè)趥惗氐囊粋�(gè)原始工作室。通過(guò)這些事情，我真真切切地了解了Squared的學(xué)習(xí)生活。

學(xué)員對(duì)Squared的看法

　　Squared不僅僅是一個(gè)教育機(jī)構(gòu)，它更是一個(gè)大網(wǎng)絡(luò)。這里學(xué)生和其他人正在做的事情是塑造一個(gè)有著無(wú)限前景的行業(yè)的未來(lái)。

　　Squared今后10年的命運(yùn)可以說(shuō)就在這些人手中，他們對(duì)Squared今后的發(fā)展道路是否有正確的認(rèn)識(shí)至關(guān)重要。從這些學(xué)生的反饋中，可見Squared在發(fā)展中也不斷在發(fā)展改變。而從下面這些形容Squared的詞匯，也可以看出這種變化。

　　Squared的這種追求進(jìn)步的態(tài)度應(yīng)該滲透到我們的整個(gè)設(shè)計(jì)中，并成為新的品牌精神基石。當(dāng)我將新的標(biāo)志的第一份草圖展示給團(tuán)隊(duì)時(shí)。我在PPT中寫道“ 為未來(lái)而設(shè)計(jì) ”因?yàn)槲易约阂膊淮_定："Squared以后的發(fā)展也許會(huì)遠(yuǎn)遠(yuǎn)超過(guò)現(xiàn)在？如果將來(lái)Squared成為Google面向全世界的全球教育平臺(tái)，擁有最強(qiáng)的師資力量，最尖端的技術(shù)和最新的支付手段。到那時(shí)我們又會(huì)是什么樣子的呢？"

　　新的Squared的品牌由下面這幾個(gè)部分組成。

logo

　　Sqared最初的黑色標(biāo)志是在產(chǎn)品的實(shí)驗(yàn)室階段設(shè)計(jì)出來(lái)的。現(xiàn)在Squared已經(jīng)走向成熟，標(biāo)志上就沒(méi)必要出現(xiàn)機(jī)構(gòu)的名稱了。

　　新logo很好的繼承了Google的設(shè)計(jì)理念：簡(jiǎn)單，抽象，多彩繽紛并帶有極客風(fēng)。

設(shè)計(jì)靈感

　　Google的標(biāo)志是極簡(jiǎn)主義的代表。既有趣又讓人印象深刻。

　　Google產(chǎn)品Logo遵循統(tǒng)一的樣式（不包括Icon在內(nèi)）：每一個(gè)創(chuàng)新產(chǎn)品都配上簡(jiǎn)約的標(biāo)志，使人一眼就認(rèn)出是Google家出來(lái)的。我們的Squared既然出自Google，當(dāng)然也要符合Google的風(fēng)格，但也不能丟掉自己的個(gè)性，從而讓人感到別扭。

Logo的設(shè)計(jì)過(guò)程

　　在重塑的概念設(shè)計(jì)階段我嘗試了很多不同的抽象設(shè)計(jì)，包括“[ ]”方括號(hào)還有一些其他類似的風(fēng)格，后來(lái)我想起了一個(gè)月前我在Twitter上看到的一張照片，就是下面這張。

　　Squared學(xué)員在一起拍照時(shí)經(jīng)常會(huì)做出這些手勢(shì)，就像我們拍照之前伸出的剪刀手一樣。我是在2012年設(shè)計(jì)完成前看到這張照片的，它也成了Squared文化的一個(gè)部分。

　　將這個(gè)手勢(shì)和Squared經(jīng)典方括號(hào)形狀結(jié)合起來(lái)，就創(chuàng)造了一個(gè)完美的新標(biāo)志，我們稱它為——a frame。

The frame

讓人過(guò)目不忘

　　人的大腦總是會(huì)首先接收?qǐng)D像信息。不斷地將標(biāo)志曝光給公眾會(huì)讓品牌更容易讓人記住，蘋果、耐克這些國(guó)際品牌就是這樣做的。這也就是為什么道路標(biāo)志不用寫就知道什么意思，因?yàn)檫@些標(biāo)志到處都有，人們要一遍又一遍地把看到它。

　　接下來(lái)就是顏色，藍(lán)，紅，黃和綠這些都是Google的標(biāo)志性顏色。你一定已經(jīng)看了不下千次了，而且每次打開Google主頁(yè)還是要不停地看。

　　在新的Squared Logo上做的所有努力都是為了一個(gè)簡(jiǎn)單的目標(biāo)：創(chuàng)造一個(gè)簡(jiǎn)單，好記，面向全球的Squared標(biāo)志，有一天可以成為標(biāo)桿。

多樣化應(yīng)用

為了讓標(biāo)志隨處可見，“Frame”必須要有廣泛的應(yīng)用性。通過(guò)和團(tuán)隊(duì)的同力合作設(shè)計(jì)，“Frame”已經(jīng)成為一個(gè)可以應(yīng)用在任何場(chǎng)合的標(biāo)志。

不限平臺(tái)

　　雖然Squared是Google的一個(gè)項(xiàng)目，但Squared團(tuán)隊(duì)的教學(xué)是不限平臺(tái)的，他們不會(huì)因?yàn)?Google的原因而鼓勵(lì)使用Google的產(chǎn)品，相反，為了提高學(xué)生的學(xué)習(xí)體驗(yàn)，Squared愿與任何人合作。

　　Google的一個(gè)員工在討論Squared的未來(lái)發(fā)展目標(biāo)時(shí)，將其描述為“安卓教育平臺(tái)”，可以說(shuō)Squared是：生于Google，服務(wù)大眾。因此，將Squared從Google傳統(tǒng)的logo樣式中分離出來(lái)，并作為獨(dú)立品牌運(yùn)作是非常重要的。也就是說(shuō)Squared雖然是Google的項(xiàng)目但不能完全依附于Google。

　　這樣的logo保留了Google字體的一些風(fēng)格但又不完全一樣，既繼承了Google的基因，又完美的在視覺(jué)上保持平衡和獨(dú)立性。

　　我最初的一個(gè)想法是用一個(gè)粗體的方框，然后將“SQUARED”包含在其中。

　　這樣看以來(lái)似乎更有力量，但讓人有一種自大的感覺(jué)，塑形也不是很好。所以我們就選擇更輕盈，更有平衡感的版本，字體選用的是Google自家的“Open Sans”。

最終效果

標(biāo)語(yǔ)

　　現(xiàn)在要用一個(gè)清晰有力的標(biāo)語(yǔ)來(lái)代表我們的新品牌。Squared以前的標(biāo)語(yǔ)讓人感覺(jué)很別扭，用作標(biāo)語(yǔ)太長(zhǎng)，用作宣傳語(yǔ)又太短。

　　在 Squared我們談?wù)摿撕芏嚓P(guān)于“數(shù)字革命”的話題，而且我們已經(jīng)進(jìn)入了這個(gè)領(lǐng)域，位于倫敦巴比肯的Google藝術(shù)展覽館甚至以此為命名——再一次驗(yàn)證了改變是Squared一個(gè)永恒的話題。我們的新品牌形象要符合數(shù)字革命的發(fā)展趨勢(shì)。如今全社會(huì)已經(jīng)有了一個(gè)共識(shí)：那就是數(shù)字革命已經(jīng)發(fā)生了，我們必須跟上它步伐并充分發(fā)揮它的作用。

　　這就是我們?cè)O(shè)計(jì)的Squared的新標(biāo)語(yǔ)，傳遞出一個(gè)品牌的自信。在這里我用到了一種新的東西，我稱它為“The Google accent”。

The Google accent

　　看看Google的這些核心產(chǎn)品——從還在實(shí)驗(yàn)室階段的Google筆記本到Google的營(yíng)銷登陸界面，都是清一色的藍(lán)，紅，黃，綠這四種顏色。

　　我一直以來(lái)都非常喜歡這樣的風(fēng)格。粗獷，有力量又多姿多彩，完全有別于簡(jiǎn)約卻單調(diào)的風(fēng)格。這樣的風(fēng)格很好的和Google主頁(yè)保持一致。

　　除了將Google的經(jīng)典顏色運(yùn)用到“frame”中之外，借助Google accent來(lái)強(qiáng)調(diào)我們想要傳遞的信息，也可以很好地將Google的基因融入Squared這個(gè)品牌當(dāng)中。

　　有了這樣一個(gè)易辨識(shí)的標(biāo)志，Squared成了教育界一股新生力量。

Welcome to the revolution.

　　和我們的Logo一樣，新的標(biāo)語(yǔ)設(shè)計(jì)也符合通用性和全球性的要求。

　　為了將標(biāo)語(yǔ)融入生活場(chǎng)景中，我們?cè)O(shè)計(jì)一個(gè)概念廣告推廣，將它新標(biāo)語(yǔ)運(yùn)用到一些最近反映數(shù)字革命圖片中。

我們是Squared

　　新的標(biāo)志和標(biāo)語(yǔ)相結(jié)合可以應(yīng)用到無(wú)數(shù)的廣告執(zhí)行當(dāng)中。全球推廣就是一個(gè)很好的例子，試著想象你是一個(gè)比你自身大的多的實(shí)物的一部分。

辨識(shí)系統(tǒng)

　　Google的設(shè)計(jì)理念貫穿Squared的整個(gè)辨識(shí)系統(tǒng)的設(shè)計(jì)，使新品牌更具統(tǒng)一性和真實(shí)性。

顏色

　　為達(dá)到這個(gè)目標(biāo)，我們限制自己只能使用Google的核心顏色，這樣很好的幫助我們的設(shè)計(jì)風(fēng)格可以始終與Google保證一致。

字體

　　無(wú)論是電腦上在，還是印刷品上，我們都將Open Sans 作為新品牌的唯一字體。

圖標(biāo)

第一次推出標(biāo)識(shí)時(shí)，我們用的是一組開放的圖標(biāo)。當(dāng)2014年Google I/O發(fā)布MaterialDesign時(shí)，我們也馬上換上了這套新的圖標(biāo)。

標(biāo)識(shí)指南

　　為了將以上這些設(shè)計(jì)整合在一起，我們專門設(shè)計(jì)了一本簡(jiǎn)單的品牌指南。這本小冊(cè)子包含了我們的設(shè)計(jì)標(biāo)準(zhǔn)，哪些你可以用哪些你不能用。遵循這本指南可以讓Squared的品牌在全世界范圍內(nèi)保持一致性。

其他

　　極致簡(jiǎn)約是Squared的一個(gè)重要特性。無(wú)關(guān)緊要的東西都要被剔除或刪減，確保所有信息簡(jiǎn)明扼要，一目了然，讓人感覺(jué)舒適。

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

邀請(qǐng)

　　2013年當(dāng)我完成Squared的概念設(shè)計(jì)時(shí)曾說(shuō)過(guò)“被邀請(qǐng)加入Squared應(yīng)該要讓人有一種隆重感，就好像被一所夢(mèng)寐以求的大學(xué)錄取又或是一個(gè)門檻很高的俱樂(lè)部讓你加入了。”

　　Squared的邀請(qǐng)方式可以是電子郵件或者郵寄。現(xiàn)實(shí)中學(xué)員在加入Squared之前會(huì)通過(guò)他們的公司先收到一份確認(rèn)郵件。這樣的話，我們就要避免使用冷冰冰、空泛的字眼，才能將報(bào)名表順利地遞給他們

　　注冊(cè)期間通常是學(xué)員和Squared的第一次接觸，也就是在這時(shí)候，我們可以了解我們的學(xué)員。創(chuàng)造友好的氛圍，讓他們感覺(jué)自己是受歡迎的，這點(diǎn)非常重要。

網(wǎng)站建設(shè)

　　和Squared的早期標(biāo)志一樣，Squared在線遠(yuǎn)程學(xué)習(xí)網(wǎng)站在整個(gè)項(xiàng)目建設(shè)之初就已經(jīng)開始構(gòu)思了，而現(xiàn)在它需要一番大重建了。

　　Squared的課程申請(qǐng)量是非常驚人的，考慮到這一點(diǎn)，我們的新網(wǎng)站既要在視覺(jué)上和Squared Logo保持一致性，又要盡可能的降低課程的申請(qǐng)難度。

　　新的網(wǎng)站上充分使用了Google的標(biāo)準(zhǔn)和樣式，在視覺(jué)風(fēng)格上也和Google的登陸頁(yè)面保持一致。這樣做的目的是簡(jiǎn)化站內(nèi)容，建立一個(gè)快速、流暢、干凈的客戶端。

　　新的登陸頁(yè)面甚至加入的Google的視頻群聊功能，學(xué)員幾乎每天都可以在線使用它交流學(xué)習(xí)，一起完成課程。

　　將網(wǎng)站移植到移動(dòng)設(shè)備上時(shí)，我們刪減了很多內(nèi)容，只保留一些主要的信息和申請(qǐng)入口，這樣的網(wǎng)站訪問(wèn)速度更快，界面也會(huì)讓人感到輕松。

廣告宣傳

　　Squared 大膽和直接的風(fēng)格使其本身就能很好的進(jìn)行廣告宣傳，向人們展示一個(gè)真實(shí)的Squared：職業(yè)學(xué)習(xí)領(lǐng)域的新力量。

　　Welcome to the revolution.

全球推廣

　　第一次和Squared團(tuán)隊(duì)見面時(shí)，他們還是只有一個(gè)3個(gè)人組成的團(tuán)隊(duì)，但就是這3個(gè)充滿激情，干勁十足的人所做的事，還有他們所激勵(lì)的人（也包括我）為一個(gè)了不起的事業(yè)的建立鋪平了道路.

　　自從2014年8月完成品牌重塑以來(lái)，Squared已經(jīng)擴(kuò)張到了新加坡，紐約，香港和德國(guó)。在全球化的道路上，Squared培育了成千上萬(wàn)的學(xué)生，并且將以此為基礎(chǔ)朝著更具國(guó)際化的教育機(jī)構(gòu)前進(jìn)。

　　在此我想向Squared團(tuán)隊(duì)致謝：謝謝你們讓我有機(jī)會(huì)成為這偉大事業(yè)的一部分，真的非常幸運(yùn)可以加入你們，對(duì)我來(lái)說(shuō)這是一次很棒的經(jīng)歷。我真是迫不及待想看看你們即將構(gòu)建的未來(lái)了。