uber-brand-logo-design-1

@PingWest品玩 :關于Uber的新設計,你需要知道:

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

這份設計是由55位Uber設計部門員工參與,歷時8個月完成的。

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

Uber的新形象設計在60多個國家有60多個版本。

Uber的部分圖樣設計靈感源自一位美女的浴室。

Uber圖標的上一份圖紙最終被否定是因為其類似印度一家銀行的Logo,但是最終通過的版本卻跟咱中國的建設銀行撞車了。

最后,今天的文章我們不提審美,只挖掘審美背后有關于Uber人的故事。

正文

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

8uber2016-02-10

“剛進入Uber的時候我還只是個臨時工(contractor),”Shalin這樣對我說。四年過去了,這位曾經的臨時工,已經成為Uber CEO Travis 身邊不可或缺的一員大將,帶領著150人的設計團隊主要負責各種Uber平面設計,包括Logo,宣傳材料,甚至是叫車應用上的一個小小的圖標都最終由他和Travis一起敲定。

這次也不例外。

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

“Uber最初只為100個朋友提供高級轎車服務,也就是專屬司機的服務。但發展到現在,它提供了一個順暢的交通網絡平臺,覆蓋68 個國家和地區的 400 個城市。Uber和UberPOOL 之類的拼車服務也在迅猛發展,我們已從奢侈的尊享服務發展成為人人可負擔的、每天使用的交通方式。另外,除了提供專車服務,Uber還開始提供一鍵食品快送、包裹速遞等等更加貼近生活的服務??傊?,Uber已經不是過去那個Uber了?!盨halin告訴我。

Travis在一封公開信中也表明了類似的立場。

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

在Shalin看來,之所以要給Uber的形象換血,完全是因為Uber過去冷冰冰、高冷的Logo已經不能代表目前Uber現在滿世界接地氣,貼近各個階級日常生活的發展狀態了。

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

7uber2016-02-10

對比一下舊Logo:

6uber2016-02-10

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

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

5uber2016-02-10

這就是Logo的進化史。

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

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

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

據說加粗,以及到底粗到什么程度都是經過嚴格測算比對的,這主要是為了能迎合各種新媒體平臺的審美需求。

不過,這并不是Uber這次形象變化的重點。

這次變化的重點在于它的形象除了黑與白,還多了很多亮麗的顏色。更讓人驚訝的是,這個團隊為67個國家地區都分別設計了屬于它們的不同的圖樣和顏色。

“我們希望Uber在各個地區看起來都像是當地土生土長的企業,而不是一家帶著外族血統的,高冷的跨國公司。這是我們現在正在努力做,并已經見到一些成效的地方:我們在各個城市招聘大量的當地勞動力,進行大量符合當地特色的宣傳活動。所以為了體現我們的土生土長,我們讓當地的團隊提供給我們足夠多的他們認為能夠代表他們國家地區的圖片,從而在其中提取我們認為合理的圖樣、背景線條以及顏色,”Shalin一邊說一邊指向一副貼著原始參考照片的牌子。

4uber2016-02-10

這30幅圖就是他們對于中國的最初理解,或者說是Uber的中國團隊向總部呈現出的這樣一個中國。三十幅圖主要六個維度詮釋了中國:建筑、環境、傳統、藝術、紡織以及時尚。

就是根據這樣30幅圖,Uber美國的設計師們進行提煉、篩選,最終總結出下面這幾個顏色的色調,作為未來幾年uber在中國的形象代表色。

3uber2016-02-10

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

而湖藍、藏藍以及金色與未來將與紅色進行搭配的三個配色。

當我看到這個結論的時候,起初我是質疑的:我從來不認為湖藍色代表中國。不過Shalin告訴我說,除了考慮代表性,他們的團隊還從視覺美感、沖突感方面考慮,才最終敲定了這四個顏色。

也就是說,在未來幾年中,你在中國看到的Uber宣傳色調都是基于這四個顏色搭配的。

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

2uber2016-02-10

當然,關于背景圖樣也是這樣類似的提取過程,大多是從圖片中建筑的外觀、田壟的走向,服飾的設計來獲得靈感的。

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

“我們把來自中國當地團隊提交的圖像和參考信息作為我們設計的靈感。中國有非常豐厚的歷史和傳統,但是Uber是非?,F代的科技產物,所以我們希望將傳統和現代、以及高深的中國文化體現在我們的設計里。中國的當代建筑、時尚產物中有大量漂亮的,飽和度高的顏色,但同時也有不少豐富并且充滿活力的色調隱藏在它的傳統建筑和織物中。所以在中國這塊色板上,我們選擇了隆重的金色、充滿活力的水藍色,以及沉穩的藏藍,當然還有大量代表傳統喜慶的紅色。大量使用傳統的顏色在一個新興的前衛的Uber平臺上其實是一個非常有趣的并置。此外,我們的研究也包含豐富的背景圖案設計—–來源于很多重疊的形狀、角度和圓圈。所以,我們根據那30幅圖總結出重疊的圓形作為中國宣傳的新的設計基礎?!?/p>

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

1uber2016-02-10

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

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

而圍繞著比特的外部形狀,象征著被我們的技術所推動的”原子“,也就是現實世界。用Shalin的話來解釋,這就是“你”,有血有肉的當地乘客和司機,正是這種與城市中的人息息相關,扎根在現實社會中的Uber才是當前狀態下,可以持續發展的Uber。

而圖標的背景圖案在各個國家也不盡相同,也就是Catherine之前提過的本土化的背景圖案設計,包含了從風土人情中提取的有當地特色的圖樣。

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

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

采訪結束,可能對于Logo到底是不是會被所有人接受我拿不準,但是我感受到的是這個團隊的激情,一種想要改變的激情。

Catherine告訴我:“這份工作對她最大的意義就是充滿激情,整個團隊都充滿激情,都愛著自己所做的改變?!?/p>

pwqr

歡迎關注作者的微信公眾號喲。

【優設酷站22連發!】

  1. 免費圖庫+導航收集站:《酷站兩連發!高品質免費圖庫站+專注WEB/APP導航收集站》
  2. 音樂站+字體搜索:《酷站兩連發!幫你專心工作的音樂站+谷歌字體在線搜索神器》
  3. 漸變色+代碼比較:《酷站兩連發!漸變色方案全聚合網站+在線代碼比較神器》
  4. 配色+占位圖:《酷站兩連發!在線色彩搭配工具+快速生成占位圖片器》
  5. LOGO下載+字體下載:《酷站兩連發!可商用的矢量LOGO下載+平面最愛的27款免費字體》
  6. 壓縮圖片+在線配色:《酷站兩連發!在線圖片壓縮神器+在線配色工具COLOURCO》
  7. CSS Hover動畫+寵物小精靈配色:《酷站兩連發!寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
  8. 美女圖片+游戲配色:《酷站兩連發!游戲配色網站+免費美女素材特供網站》
  9. 在線配色+字體推薦:《酷站兩連發!在線配色神器+英文字體推薦網站》
  10. 追波作品變代碼+16進制顏色:《酷站兩連發!用代碼呈現DRIBBBLE作品+16進制顏色網站》
  11. 無縫紋理+多邊形背景:《酷站兩連發!專注無縫紋理素材站+多邊形背景生成器》

原文地址:pingwest

uisdc-hao

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量104萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 2

發表評論 已發布 1

還可以輸入 800 個字
 
 
載入中....
相關推薦
1 收藏