改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

編者按:Adobe 的設(shè)計(jì)團(tuán)隊(duì)也來分享設(shè)計(jì)經(jīng)驗(yàn)咯!前兩天他們的官方團(tuán)隊(duì)在Behance 上放出了一組最新的LOGO形象,包括一篇改版過程中的經(jīng)驗(yàn)分享,現(xiàn)在譯文出來了,一起來看看這群頂尖的設(shè)計(jì)專家是如何在經(jīng)典的LOGO標(biāo)識(shí)上做出創(chuàng)新的。

大公司的LOGO改版經(jīng)驗(yàn):

  1. 《揭秘LOGO設(shè)計(jì)流程!超詳細(xì)的騰訊云LOGO 改版記錄全過程》
  2. 《深度揭秘!聊聊INSTAGRAM 到底為什么要改圖標(biāo)》
  3. 《LOGO改版實(shí)戰(zhàn)!聊聊MEDIUM 2.0新LOGO背后的設(shè)計(jì)故事》

我們?yōu)槭裁葱枰淖?/strong>

過去十幾年,我們的團(tuán)隊(duì)被稱為“Adobe體驗(yàn)設(shè)計(jì)”(Adobe Experience Design)。盡管熱愛極了我們最初的狀態(tài),但是工業(yè)標(biāo)準(zhǔn)不斷在提高,我們也必須與時(shí)俱進(jìn),是時(shí)候要改變了。在與相關(guān)利益者溝通后,我們決定將團(tuán)隊(duì)重塑為 Adobe Design。我們堅(jiān)信,這個(gè)新名字會(huì)與觀眾產(chǎn)生更多的共鳴,也給我們未來共事的伙伴展示更好的面貌。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

Adobe Design 是一個(gè)由160多位成員組成的國(guó)際化的團(tuán)隊(duì),設(shè)計(jì)師、工程師、研究員、項(xiàng)目經(jīng)理、編輯與制作集結(jié)于此。我們?yōu)楦鞣N各樣的設(shè)備創(chuàng)建復(fù)雜而智能的應(yīng)用程序,我們的專業(yè)范圍涵蓋了交互設(shè)計(jì)、VI研究、信息架構(gòu)和編程。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

我們要改變什么

改變的首要任務(wù)是打破新舊標(biāo)識(shí)之間的平衡。舊版標(biāo)識(shí)中有很多我們的熱愛的元素,也是我們不忍拋棄的,我們想要將它們體現(xiàn)到新的標(biāo)識(shí)中。最初的草圖就要達(dá)到這個(gè)目的。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

草圖與構(gòu)思

產(chǎn)生這個(gè)想法之后,我們很快意識(shí)到要想重塑,需要清空一切,從白紙開始。同時(shí),用“D”取代“A”作為標(biāo)識(shí)的基礎(chǔ)元素。那么如何使字母形式的Logo 呈現(xiàn)更好的視覺效果?我們作了很多嘗試,最終確定出三種草圖效果,下面是關(guān)于這幾種草圖和研究的建議:

概念1: 負(fù)空間的使用

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

概念2: 動(dòng)態(tài)骨架

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

概念3:切割

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

選擇一種思路,不斷提煉

最后我們選定了第二種思路,并不斷去做完善。選擇第二種方案的原因,第一是它的創(chuàng)意中包含了“像素”這個(gè)概念,同時(shí)整體架構(gòu)是一個(gè)“D”。一旦我們確定了一種方向,我們就著手一系列的研究,為的是讓整體和局面達(dá)到最完美的比例。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

最終方案

最終確定的Logo 如下圖,將字母骨架“D”的起筆中間截取一個(gè)像素大小的方塊,向右移動(dòng)一個(gè)像素,它呈現(xiàn)的是一個(gè)簡(jiǎn)潔的視覺效果,又兼具優(yōu)雅的風(fēng)格。這小小的舉動(dòng)賦予了Logo 諸多寓意,通過“像素”表達(dá)視覺涵義,并代表了我們的設(shè)計(jì)團(tuán)隊(duì)不斷致力于創(chuàng)造、創(chuàng)新視覺 體驗(yàn)的追求。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

建立品牌系統(tǒng)

確立了新Logo 之后的工作就是創(chuàng)建VI系統(tǒng)。我們將Logo 解構(gòu)出兩個(gè)核心元素:方形像素和圓。以這兩個(gè)形狀為單位,我們推導(dǎo)出一系列我們的視覺語言模塊構(gòu)建。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

海報(bào)

為推廣我們的新Logo ,還需要很多的宣傳海報(bào)。在第一批海報(bào)中,我們繼續(xù)使用“設(shè)計(jì)移動(dòng)一小步”的創(chuàng)意,每張海報(bào)都局限在單一的物品和漸變色上,色板和漸變色的使用也來自老版系統(tǒng)。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

隨著設(shè)計(jì)的推進(jìn),我們嘗試脫離電腦,用剪刀切開 Logo ,然后手動(dòng)排列切割開的元素,在紙上重新排版。我們一直在探索新的創(chuàng)作理念。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

第二批海報(bào)開始運(yùn)用坐標(biāo)和位移,同時(shí)我們也在思考如何使新 Logo 的不同元素可以互相襯托。

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

品牌應(yīng)用

用戶水杯/乙烯基模切貼紙

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

銘牌

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

筆記本/鉛筆

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

手機(jī)壁紙

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

電腦桌面壁紙

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

Adobe 品牌設(shè)計(jì)團(tuán)隊(duì):

Anny ChenShawn CherisSonja HernandezSam Wick

特別感謝:

Talin WadsworthEmma Zhang

「最精彩的音樂軟件設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)分享」

網(wǎng)易云音樂WP端改版實(shí)錄!
《化繁為簡(jiǎn)!網(wǎng)易云音樂WP1.0設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)》

iPad的項(xiàng)目實(shí)戰(zhàn)!干貨更多!
《項(xiàng)目實(shí)戰(zhàn)!網(wǎng)易云音樂iPad V1.0設(shè)計(jì)總結(jié)》

見證奇跡!QQ音樂的字體設(shè)計(jì)項(xiàng)目!
《字體設(shè)計(jì)實(shí)戰(zhàn)!QQ音樂巔峰榜誕生記》

原文地址:Behance
譯文地址:shejidaren

改版實(shí)戰(zhàn)!Adobe 體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的LOGO 重設(shè)計(jì)經(jīng)驗(yàn)分享

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 43
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。