沒人看得懂Uber的圖標(biāo),我只好和它背后的設(shè)計(jì)師聊了聊

2016-2-13    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

來源:優(yōu)設(shè)網(wǎng)

@PingWest品玩 :關(guān)于Uber的新設(shè)計(jì),你需要知道:

它主要在回答一個(gè)問題:Who exactly is Uber?

這份設(shè)計(jì)是由55位Uber設(shè)計(jì)部門員工參與,歷時(shí)8個(gè)月完成的。

Uber在這份新設(shè)計(jì)中其實(shí)要突出的就是“你”,無論是乘客還是司機(jī),但都不單單是科技圈的事情了。

Uber的新形象設(shè)計(jì)在60多個(gè)國(guó)家有60多個(gè)版本。

Uber的部分圖樣設(shè)計(jì)靈感源自一位美女的浴室。

Uber圖標(biāo)的上一份圖紙最終被否定是因?yàn)槠漕愃朴《纫患毅y行的Logo,但是最終通過的版本卻跟咱中國(guó)的建設(shè)銀行撞車了。

最后,今天的文章我們不提審美,只挖掘?qū)徝辣澈笥嘘P(guān)于Uber人的故事。

正文

跟我在Uber舊金山總部聊天的男人今年37歲。他叫Shalin Amin,是Uber的第一位設(shè)計(jì)師,也是這次Uber Logo的最主要操刀者。

8uber2016-02-10

“剛進(jìn)入U(xiǎn)ber的時(shí)候我還只是個(gè)臨時(shí)工(contractor),”Shalin這樣對(duì)我說。四年過去了,這位曾經(jīng)的臨時(shí)工,已經(jīng)成為Uber CEO Travis 身邊不可或缺的一員大將,帶領(lǐng)著150人的設(shè)計(jì)團(tuán)隊(duì)主要負(fù)責(zé)各種Uber平面設(shè)計(jì),包括Logo,宣傳材料,甚至是叫車應(yīng)用上的一個(gè)小小的圖標(biāo)都最終由他 和Travis一起敲定。

這次也不例外。

本周一,Uber再一次重新公布了自己的Logo和重塑了自己包括應(yīng)用圖標(biāo)、宣傳模版等等一系列的視覺形象。
“其實(shí)換視覺形象這件事是我和我的Uber設(shè)計(jì)團(tuán)隊(duì),以及Uber CEO Travis 的共同決定。從兩年前,我就向Travis提出我們需要改變我們的形象了,現(xiàn)在的Logo已經(jīng)不能代表我們現(xiàn)在的狀態(tài)了,”Shalin說。

“Uber最初只為100個(gè)朋友提供高級(jí)轎車服務(wù),也就是專屬司機(jī)的服務(wù)。但發(fā)展到現(xiàn)在,它提供了一個(gè)順暢的交通網(wǎng)絡(luò)平臺(tái),覆蓋68 個(gè)國(guó)家和地區(qū)的 400 個(gè)城市。Uber和UberPOOL 之類的拼車服務(wù)也在迅猛發(fā)展,我們已從的尊享服務(wù)發(fā)展成為人人可負(fù)擔(dān)的、每天使用的交通方式。另外,除了提供專車服務(wù),Uber還開始提供一鍵食品快 送、包裹速遞等等更加貼近生活的服務(wù)??傊琔ber已經(jīng)不是過去那個(gè)Uber了?!盨halin告訴我。

Travis在一封公開信中也表明了類似的立場(chǎng)。

“大約兩年前,Shalin和我開始思考如何更新Uber的視覺形象,讓Uber的形象能夠更好地代表我們的未來。Uber 是一家互聯(lián)網(wǎng)公司,但我們的服務(wù)卻發(fā)生在真實(shí)的世界當(dāng)中。當(dāng)你在手機(jī)上輕觸一鍵時(shí),就會(huì)有一輛車在城市中穿行并快速到達(dá)你身邊。從數(shù)字到現(xiàn)實(shí),這就是 Uber,不僅關(guān)乎科技,而且通過科技切實(shí)地在現(xiàn)實(shí)生活中幫助人們到達(dá)他們想要去的地方,”Travis寫道。

在Shalin看來,之所以要給Uber的形象換血,完全是因?yàn)閁ber過去冷冰冰、高冷的Logo已經(jīng)不能代表目前Uber現(xiàn)在滿世界接地氣,貼近各個(gè)階級(jí)日常生活的發(fā)展?fàn)顟B(tài)了。

“Uber不再是冷冰冰的科技,而是實(shí)實(shí)在在人們生活中的一部分。所以,我們的Logo也要變,”一邊說,Shalin一邊帶我在Uber總部參觀了Uber設(shè)計(jì)團(tuán)隊(duì)這8個(gè)月來的成果——他們是如何一步一步讓Logo體現(xiàn)出Uber現(xiàn)在的樣子的。

7uber2016-02-10

對(duì)比一下舊Logo:

6uber2016-02-10

其實(shí)當(dāng)Shalin給我看新Logo的第一秒鐘,我就差點(diǎn)沒忍不住問他:這好像沒變啊,但仔細(xì)看看最明顯的變化就是變得字體加粗了,從遠(yuǎn)處看更明顯了;而字母間的間距也變得窄了; 字母設(shè)計(jì)更加簡(jiǎn)潔,沒有了華麗感。

但直到這位Logo他爹給我看了這樣一副圖:

5uber2016-02-10

這就是Logo的進(jìn)化史。

“在過去的8個(gè)月中,我和設(shè)計(jì)團(tuán)隊(duì)中的55個(gè)人(設(shè)計(jì)團(tuán)隊(duì)一共150人左右)共同參與了新Logo的設(shè)計(jì)??赡苣憧床惶鰜碜兓?,但是每一個(gè)比劃,每一個(gè)間距都是經(jīng)過嚴(yán)格討論和測(cè)試的,”Shalin告訴我。

比如最上面第一排的四個(gè)方案就是經(jīng)過8個(gè)月后最后甄選剩下的四個(gè)圖樣(盡管我真沒看出有什么不同)。

而下面幾排都是Uber Logo形成的過程,除了比劃變得更加簡(jiǎn)單和硬朗,去掉了各種華麗的弧度外,線條也變得更粗了。這樣去掉繁復(fù)的看似華麗的設(shè)計(jì),主要就是為了證明Uber 已經(jīng)是普通人生活中的一部分,而并不高不可攀的少數(shù)人的尊享服務(wù)。當(dāng)然加粗的外形,也是為了讓品牌Logo更加醒目,從遠(yuǎn)處看也能一目了然。

據(jù)說加粗,以及到底粗到什么程度都是經(jīng)過嚴(yán)格測(cè)算比對(duì)的,這主要是為了能迎合各種新媒體平臺(tái)的審美需求。

不過,這并不是Uber這次形象變化的重點(diǎn)。

這次變化的重點(diǎn)在于它的形象除了黑與白,還多了很多亮麗的顏色。更讓人驚訝的是,這個(gè)團(tuán)隊(duì)為67個(gè)國(guó)家地區(qū)都分別設(shè)計(jì)了屬于它們的不同的圖樣和顏色。

“我們希望Uber在各個(gè)地區(qū)看起來都像是當(dāng)?shù)赝辽灵L(zhǎng)的企業(yè),而不是一家?guī)е庾逖y(tǒng)的,高冷的跨國(guó)公司。這是我們現(xiàn)在正在努力做,并已經(jīng)見到一 些成效的地方:我們?cè)诟鱾€(gè)城市招聘大量的當(dāng)?shù)貏趧?dòng)力,進(jìn)行大量符合當(dāng)?shù)靥厣男麄骰顒?dòng)。所以為了體現(xiàn)我們的土生土長(zhǎng),我們讓當(dāng)?shù)氐膱F(tuán)隊(duì)提供給我們足夠多的 他們認(rèn)為能夠代表他們國(guó)家地區(qū)的圖片,從而在其中提取我們認(rèn)為合理的圖樣、背景線條以及顏色,”Shalin一邊說一邊指向一副貼著原始參考照片的牌子。

4uber2016-02-10

這30幅圖就是他們對(duì)于中國(guó)的最初理解,或者說是Uber的中國(guó)團(tuán)隊(duì)向總部呈現(xiàn)出的這樣一個(gè)中國(guó)。三十幅圖主要六個(gè)維度詮釋了中國(guó):建筑、環(huán)境、傳統(tǒng)、藝術(shù)、紡織以及時(shí)尚。

就是根據(jù)這樣30幅圖,Uber美國(guó)的設(shè)計(jì)師們進(jìn)行提煉、篩選,最終總結(jié)出下面這幾個(gè)顏色的色調(diào),作為未來幾年uber在中國(guó)的形象代表色。

3uber2016-02-10

不難理解,中國(guó)人喜歡喜慶的大紅色,這是主色。

而湖藍(lán)、藏藍(lán)以及金色與未來將與紅色進(jìn)行搭配的三個(gè)配色。

當(dāng)我看到這個(gè)結(jié)論的時(shí)候,起初我是質(zhì)疑的:我從來不認(rèn)為湖藍(lán)色代表中國(guó)。不過Shalin告訴我說,除了考慮代表性,他們的團(tuán)隊(duì)還從視覺美感、沖突感方面考慮,才最終敲定了這四個(gè)顏色。

也就是說,在未來幾年中,你在中國(guó)看到的Uber宣傳色調(diào)都是基于這四個(gè)顏色搭配的。

它可能是下面這幾種樣子:

2uber2016-02-10

當(dāng)然,關(guān)于背景圖樣也是這樣類似的提取過程,大多是從圖片中建筑的外觀、田壟的走向,服飾的設(shè)計(jì)來獲得靈感的。

主要處理中國(guó)圖案部分的其實(shí)不是Shalin,而是他手下的一位年輕女生Catherine Ray。在一封采訪后期追加的email中,她向我提供了更多關(guān)于Uber中國(guó)元素設(shè)計(jì)的信息。

“我們把來自中國(guó)當(dāng)?shù)貓F(tuán)隊(duì)提交的圖像和參考信息作為我們?cè)O(shè)計(jì)的靈感。中國(guó)有非常豐厚的歷史和傳統(tǒng),但是Uber是非?,F(xiàn)代的科技產(chǎn)物,所以我們希望 將傳統(tǒng)和現(xiàn)代、以及高深的中國(guó)文化體現(xiàn)在我們的設(shè)計(jì)里。中國(guó)的當(dāng)代建筑、時(shí)尚產(chǎn)物中有大量漂亮的,飽和度高的顏色,但同時(shí)也有不少豐富并且充滿活力的色調(diào) 隱藏在它的傳統(tǒng)建筑和織物中。所以在中國(guó)這塊色板上,我們選擇了隆重的金色、充滿活力的水藍(lán)色,以及沉穩(wěn)的藏藍(lán),當(dāng)然還有大量代表傳統(tǒng)喜慶的紅色。大量使 用傳統(tǒng)的顏色在一個(gè)新興的前衛(wèi)的Uber平臺(tái)上其實(shí)是一個(gè)非常有趣的并置。此外,我們的研究也包含豐富的背景圖案設(shè)計(jì)—–來源于很多重疊的形狀、角度和圓 圈。所以,我們根據(jù)那30幅圖總結(jié)出重疊的圓形作為中國(guó)宣傳的新的設(shè)計(jì)基礎(chǔ)。”

除了Logo以及宣傳模版顏色的設(shè)計(jì)外,好像這篇文章也逃不掉App里Uber圖標(biāo)更換的尷尬解讀。

1uber2016-02-10

老實(shí)說,作為一個(gè)外行人,在一個(gè)下午的采訪過后,我其實(shí)似懂非懂,真的白瞎了Shalin給我解釋了半天比特和原子。

“app圖標(biāo)的核心方塊是比特(bit),代表科技,象征著Uber是靠技術(shù)起家的。比特是計(jì)算機(jī)專業(yè)術(shù)語,二進(jìn)制數(shù)數(shù)系中,每個(gè)0和1就是一個(gè)位(bit),是數(shù)據(jù)存儲(chǔ)的最小單位,”Shalin怕我看不懂馬上補(bǔ)充道。

而圍繞著比特的外部形狀,象征著被我們的技術(shù)所推動(dòng)的”原子“,也就是現(xiàn)實(shí)世界。用Shalin的話來解釋,這就是“你”,有血有肉的當(dāng)?shù)爻丝秃退緳C(jī),正是這種與城市中的人息息相關(guān),扎根在現(xiàn)實(shí)社會(huì)中的Uber才是當(dāng)前狀態(tài)下,可以持續(xù)發(fā)展的Uber。

而圖標(biāo)的背景圖案在各個(gè)國(guó)家也不盡相同,也就是Catherine之前提過的本土化的背景圖案設(shè)計(jì),包含了從風(fēng)土人情中提取的有當(dāng)?shù)靥厣膱D樣。

不過,在對(duì)一家美國(guó)媒體的采訪中,Catherine曾表示這些背景線條最初的靈感來自于她家的浴室。仔細(xì)看看,的確這圖標(biāo)跟我家浴缸上方貼的瓷磚不謀而合。

總之,說了這么多,Shalin告訴我,他們過去做的事情與其說是不斷微調(diào)每一根線條,每一個(gè)細(xì)節(jié),倒不如說是希望這些新的圖像變化能夠讓所有人感 受到一個(gè)新的Uber,一個(gè)更有活力的Uber,以及新Uber帶給人們的五種感受:接地氣的,受歡迎的,令人鼓舞的,高度進(jìn)化的以及正在不斷前進(jìn)的。

采訪結(jié)束,可能對(duì)于Logo到底是不是會(huì)被所有人接受我拿不準(zhǔn),但是我感受到的是這個(gè)團(tuán)隊(duì)的激情,一種想要改變的激情。

Catherine告訴我:“這份工作對(duì)她最大的意義就是充滿激情,整個(gè)團(tuán)隊(duì)都充滿激情,都愛著自己所做的改變?!?/span>

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔