點(diǎn)擊按鈕總結(jié)全文核心內(nèi)容，讓你的閱讀更高效率。

這是一篇講述關(guān)于品牌從無到有的過程的文章。作者JackMorgan將其設(shè)計(jì)理念傾注在文中，對(duì)設(shè)計(jì)師來說這是一篇不可錯(cuò)過的好文章。本文提到的Squared并非指2011年谷歌關(guān)閉的搜索服務(wù)?，F(xiàn)Squared是一個(gè)全球性的教育機(jī)構(gòu)。

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ì)我來說是一件非常幸運(yùn)的事情，當(dāng)我第一次進(jìn)入Squared時(shí)，就對(duì)這個(gè)團(tuán)隊(duì)的遠(yuǎn)見卓識(shí)和處事方式有強(qiáng)烈的認(rèn)同感。然而，我深深地覺得Squared迫切需要一個(gè)好的品牌形象來展示他們積極進(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)行品牌重塑，這次是來真的了。

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

過程

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

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

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

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

Squared今后10年的命運(yùn)可以說就在這些人手中，他們對(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中寫道“ 為未來而設(shè)計(jì) ”因?yàn)槲易约阂膊淮_定：”Squared以后的發(fā)展也許會(huì)遠(yuǎn)遠(yuǎn)超過現(xiàn)在？如果將來Squared成為Google面向全世界的全球教育平臺(tái)，擁有最強(qiáng)的師資力量，最尖端的技術(shù)和最新的支付手段。到那時(shí)我們又會(huì)是什么樣子的呢？”

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

logo

Sqared最初的黑色標(biāo)志是在產(chǎn)品的實(shí)驗(yàn)室階段設(shè)計(jì)出來的。現(xiàn)在Squared已經(jīng)走向成熟，標(biāo)志上就沒必要出現(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家出來的。我們的Squared既然出自Google，當(dāng)然也要符合Google的風(fēng)格，但也不能丟掉自己的個(gè)性，從而讓人感到別扭。

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

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

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

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

The frame

讓人過目不忘

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

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

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

多樣化應(yīng)用

為了讓標(biāo)志隨處可見，“Frame”必須要有廣泛的應(yīng)用性。通過和團(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的未來發(fā)展目標(biāo)時(shí)，將其描述為“安卓教育平臺(tái)”，可以說Squared是：生于Google，服務(wù)大眾。因此，將Squared從Google傳統(tǒng)的logo樣式中分離出來，并作為獨(dú)立品牌運(yùn)作是非常重要的。也就是說Squared雖然是Google的項(xiàng)目但不能完全依附于Google。

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

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

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

最終效果

標(biāo)語

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

在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)語，傳遞出一個(gè)品牌的自信。在這里我用到了一種新的東西，我稱它為“The Google accent”。

The Google accent

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

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

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

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

Welcome to the revolution.

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

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

我們是Squared

新的標(biāo)志和標(biāo)語相結(jié)合可以應(yīng)用到無數(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保證一致。

字體

無論是電腦上在，還是印刷品上，我們都將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è)重要特性。無關(guān)緊要的東西都要被剔除或刪減，確保所有信息簡(jiǎn)明扼要，一目了然，讓人感覺舒適。

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

邀請(qǐng)

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

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

注冊(cè)期間通常是學(xué)員和Squared的第一次接觸，也就是在這時(shí)候，我們可以了解我們的學(xué)員。創(chuàng)造友好的氛圍，讓他們感覺自己是受歡迎的，這點(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)站既要在視覺上和Squared Logo保持一致性，又要盡可能的降低課程的申請(qǐng)難度。

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

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

將網(wǎng)站移植到移動(dòng)設(shè)備上時(shí)，我們刪減了很多內(nèi)容，只保留一些主要的信息和申請(qǐng)入口，這樣的網(wǎng)站訪問速度更快，界面也會(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月完成品牌重塑以來，Squared已經(jīng)擴(kuò)張到了新加坡，紐約，香港和德國(guó)。在全球化的道路上，Squared培育了成千上萬的學(xué)生，并且將以此為基礎(chǔ)朝著更具國(guó)際化的教育機(jī)構(gòu)前進(jìn)。

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

謝謝閱讀

作者：JackMorgan

翻譯 : JesseLuo