編者按：轉(zhuǎn)給幫個(gè)忙的朋友！“隨便畫(huà)個(gè)LOGO給我就行”，下次有人對(duì)你說(shuō)這句話時(shí)把這篇文章給他/她看，療效顯著。藥方內(nèi)含星巴克、Pinterest和Mailchimp的LOGO設(shè)計(jì)過(guò)程，也建議設(shè)計(jì)師學(xué)習(xí)一下，這些經(jīng)典LOGO是如何平衡商業(yè)與美感，有過(guò)哪些修改的，都是干貨，收！

你是否有過(guò)從零開(kāi)始設(shè)計(jì)品牌視覺(jué)的經(jīng)歷？如果有，那你一定懂得面對(duì)那張空白畫(huà)板的恐懼感，各類要求齊聚一堂實(shí)屬一門挑戰(zhàn)，然而，當(dāng)項(xiàng)目圓滿完成后的成就感也是最美好的時(shí)刻了。Logo設(shè)計(jì)可謂設(shè)計(jì)師們的事業(yè)旅途中最恐懼的項(xiàng)目之一了，因?yàn)樗枰阃瑫r(shí)擁有精湛技術(shù)、同理心以及準(zhǔn)確的調(diào)研，也許這些能力單個(gè)分開(kāi)看沒(méi)什么了不起，但如果需要一個(gè)設(shè)計(jì)師能擁有以上這些超能力組合，就不那么簡(jiǎn)單了。這也是為什么許多有名的logo設(shè)計(jì)項(xiàng)目大多是由優(yōu)秀團(tuán)隊(duì)共同完成的。

在正式開(kāi)始學(xué)習(xí)案例之前，我們有必要先來(lái)了解一下各種不同類型的Logo：

圖形、標(biāo)志或品牌圖標(biāo)：指不含文字，單利用一個(gè)圖像來(lái)代表品牌形象

文字商標(biāo)或標(biāo)識(shí)：利用文字或字母樣式來(lái)傳達(dá)品牌信息

組合標(biāo)志：圖標(biāo)和文字的結(jié)合

字母標(biāo)記：使用品牌名的首字母或縮寫(xiě)（選用品牌名中的幾個(gè)代表字母）

徽章符號(hào)：一個(gè)單獨(dú)圖形中同時(shí)含有圖標(biāo)和文字

下面就讓我們來(lái)一起學(xué)習(xí)這三個(gè)出色的logo設(shè)計(jì)，看看它們背后的團(tuán)隊(duì)們有著怎樣的思想：

星巴克

Logo設(shè)計(jì)團(tuán)隊(duì)：Heckler Associates、星巴克全球創(chuàng)意部以及Lippincott

星巴克始于1971年，由當(dāng)時(shí)的三位咖啡忠實(shí)粉Gordon Bowker、Jerry Baldwin和Zev Siegl共同建立，開(kāi)啟了他們一生的投資項(xiàng)目。這三位企業(yè)家邀請(qǐng)了Terry Heckler來(lái)取一個(gè)能表達(dá)他們夢(mèng)想的名字，并創(chuàng)建視覺(jué)形象標(biāo)識(shí)。

星巴克logo的最初草圖來(lái)源于15世紀(jì)的木版畫(huà)——雙尾海妖圖，隱喻“迷人的咖啡海妖之歌讓我們對(duì)咖啡欲罷不能”。

隨著公司的歷史進(jìn)程，Logo設(shè)計(jì)也在不斷進(jìn)化，第一款美人魚(yú)（1971）過(guò)度暴露的胸部不適用于星巴克的第一輛外送車身。于是，Heckler Associates加長(zhǎng)了海妖的頭發(fā)來(lái)遮蓋她的身體。由于各地女性認(rèn)為更改后的Logo仍然遮蓋力不夠，設(shè)計(jì)又應(yīng)聲加大力度。到了1992年，她的身體已幾乎被完全遮蓋。

星巴克Logo進(jìn)化：1971-1992

2011年，星巴克創(chuàng)意團(tuán)隊(duì)與品牌機(jī)構(gòu)Lippincott合作，協(xié)力打造了新版Logo。當(dāng)時(shí)，距最早版本的Logo已有20多年了。最初版本的Logo使用了自動(dòng)描邊，筆觸十分混亂。設(shè)計(jì)團(tuán)隊(duì)改進(jìn)了構(gòu)圖，并繪制了光滑精準(zhǔn)的筆觸。最重要的是，星巴克決定logo中完全不出現(xiàn)品牌名稱。

Mailchimp

由 Jon Hicks 設(shè)計(jì)。

Ben Chestnut 最初設(shè)計(jì)Mailchimp logo的故事很簡(jiǎn)單，當(dāng)他的聯(lián)合創(chuàng)始人說(shuō)：“Ben，MailChimp上線了，我想我們應(yīng)該需要一個(gè)Logo。”于是他就回答：“嗯……好吧，我已經(jīng)有個(gè)開(kāi)著的猴子圖片文件了，那么我加個(gè)帽子就發(fā)給你。”Chestnut 解釋說(shuō)，他當(dāng)時(shí)只是以最快的速度打開(kāi)Fireowrks，然后加了點(diǎn)元素就算完成了，這也就造成了該文件的超低分辨率，無(wú)法放大，更別提印刷了。

就這樣，最早的MailChimp logo誕生了。

在2006年前后，客戶們紛紛開(kāi)始抱怨說(shuō)這個(gè)猩猩Logo看起來(lái)有點(diǎn)“不專業(yè)”。Chestnut意識(shí)到是時(shí)候整改設(shè)計(jì)了。他最初的想法是完全取消猩猩形象，把MailChimp做成文字形式。

然而，在2008年，Chestnut決定把猩猩請(qǐng)回來(lái)，并從原本的平面圖形轉(zhuǎn)為更現(xiàn)代的3D人物形式。他知道，為達(dá)成這個(gè)想法，必須與專業(yè)人士進(jìn)行合作。所以他邀請(qǐng)了Jon Hicks來(lái)操刀，其最著名的作品即是Firefox的Logo。

這個(gè)想法的醞釀過(guò)程很清晰，Chestnut很喜歡任天堂的Logo正式又不失趣味性，肯德基成功地將老爺爺請(qǐng)回了Logo中去也是很好的參考，在風(fēng)格上，他希望能有Firefox logo中的細(xì)節(jié)和風(fēng)格。他甚至將自己的概念做成了一個(gè)方程式：

在開(kāi)始的幾周里， Jon Hicks不斷地將草圖發(fā)給MailChimp團(tuán)隊(duì)來(lái)獲得反饋。最終，Hicks 以一張出色的猩猩姿態(tài)圖獲得了團(tuán)隊(duì)的芳心，MailChimp至今仍將其作為吉祥物。

Pinterest

由 Michael Deal 和 Carlos Pagan設(shè)計(jì)。

2011年，Pinterest決定為產(chǎn)品設(shè)計(jì)一款更成熟的品牌形象，以優(yōu)化市場(chǎng)定位。

2011年，Pinterest 的 Logo 由 Circa 設(shè)計(jì)。

這個(gè)案例清晰地展示出一款真正出色的視覺(jué)標(biāo)識(shí)需要結(jié)合各類不同的專業(yè)共同打造而成。Pinterest由設(shè)計(jì)師Michael Deal和他的朋友，字體設(shè)計(jì)師Carlos Pagan合作，共同達(dá)成了以下幾個(gè)想法：

• 他們決定使用手寫(xiě)字體。
• 字形整體應(yīng)表現(xiàn)輕松感，但細(xì)節(jié)上應(yīng)精致不粗糙，就像Pinterest用戶在網(wǎng)站上“pin”的那些圖片一樣。
• 設(shè)計(jì)應(yīng)傳達(dá)手作及戀舊感，但要避免太過(guò)復(fù)古。
• Logo主要被用于屏幕，因此每個(gè)元素須有識(shí)別度。

因已定大方向?yàn)槭謱?xiě)字體，那么第一步就是理解各類手寫(xiě)字形所表達(dá)的感受和風(fēng)格。

起初的幾款設(shè)計(jì)方案都選用豎直的手寫(xiě)體，字母“P”單獨(dú)排列，其它字幕互相連接。

初步調(diào)研和探索都為Pagan之后的字體繪制作了良好的界定。他有意識(shí)地確保這些精美的字形連接處不過(guò)于花哨。

有一點(diǎn)很奇特，“P”雖然是整個(gè)設(shè)計(jì)中最舉足輕重的角色，卻是他們最后完成的部分。他們將圖釘?shù)男螤钭鳛槠鹗键c(diǎn)，也最終成為了整個(gè)團(tuán)隊(duì)決定選用的方向。

干貨總結(jié)

標(biāo)志是傳達(dá)及分享品牌價(jià)值的交通工具。Logo并不只是一個(gè)花哨或漂亮的圖形，選定Logo方案應(yīng)該被視作一個(gè)商業(yè)決策。星巴克、Mailchimp 和 Pinterest的logo案例向大家展現(xiàn)了創(chuàng)始人們是如何與設(shè)計(jì)師進(jìn)行溝通，向他們傳達(dá)品牌價(jià)值、信條以及策略方向，再由設(shè)計(jì)師們將這些信息在設(shè)計(jì)中展現(xiàn)出來(lái)。品牌標(biāo)識(shí)設(shè)計(jì)需要認(rèn)真地傾聽(tīng)，解決問(wèn)題，并且在失敗中不斷探索。下次，在你開(kāi)始品牌標(biāo)識(shí)設(shè)計(jì)項(xiàng)目之前，請(qǐng)記住，品牌標(biāo)識(shí)的意義在于它傳遞企業(yè)價(jià)值和發(fā)展愿景的方式是語(yǔ)言所無(wú)法表達(dá)的。

【LOGO設(shè)計(jì)經(jīng)典好文】

資深廣告人幫你讀懂甲方真正意圖！
《設(shè)計(jì)師必讀！如何從甲方抽象的概念里提煉LOGO創(chuàng)意》

LOGO再漂亮，還是不能觸及的底線：
《設(shè)計(jì)師必看！LOGO設(shè)計(jì)的忌諱有哪些？》

上中下三篇，今年最完整的LOGO設(shè)計(jì)教程！
《超贊！2014 LOGO設(shè)計(jì)新手指南（上篇）》

原文地址：AIGA
譯文地址：doo-plus

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.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ì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量100萬(wàn)的人氣微博@優(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