專家的言傳身教：LOGO的外形設(shè)計(jì)與技巧

優(yōu)秀的LOGO總擁有良好的識(shí)別度，許多經(jīng)典的LOGO即使沒(méi)有標(biāo)出公司名，你也能輕松地叫出名字。許多企業(yè)甚至對(duì)一些特定的形狀都擁有了品牌所有權(quán)，這些品牌LOGO在多年使用過(guò)程中已經(jīng)深入人心，即使不是以LOGO形式存在也能夠被用戶識(shí)別、聯(lián)想到。想要讓你的LOGO也同樣讓人無(wú)法忘懷么？看看品牌設(shè)計(jì)專家有哪些值得分享的經(jīng)驗(yàn)吧~

上兩篇文章不容錯(cuò)過(guò)：
《專家的言傳身教：LOGO設(shè)計(jì)的思路與策略》
《專家的言傳身教：文字LOGO設(shè)計(jì)的思路與方向》

11、返璞歸真

最初的耐克對(duì)勾LOGO是Carole Davidson 尚處于學(xué)生時(shí)代的時(shí)候設(shè)計(jì)出來(lái)的，簡(jiǎn)簡(jiǎn)單單的幾個(gè)線條就勾勒出來(lái)的LOGO在隨后的幾十年間成為了經(jīng)典，而最初耐克公司只花費(fèi)了35美元就買下了它。

品牌LOGO設(shè)計(jì)有許多黃金法則，但是堅(jiān)持值得堅(jiān)持也最重要的法則是：保持簡(jiǎn)單。

將你的想法轉(zhuǎn)化為可供傳達(dá)的概念，呈現(xiàn)為L(zhǎng)OGO的時(shí)候，不要進(jìn)行過(guò)度的修飾或者“太過(guò)用力”地設(shè)計(jì)。通常，你希望你的LOGO能夠被輕松的識(shí)別，能大能小能適用各種不同的場(chǎng)合。那么想想看，你的LOGO在網(wǎng)站上作為小圖標(biāo)存在，或者放在高樓的巨幅廣告上，效果會(huì)是怎樣？

想要測(cè)試你的LOGO設(shè)計(jì)是否足夠簡(jiǎn)單的方法很簡(jiǎn)單，試著給LOGO做減法，看看能不能繼續(xù)簡(jiǎn)化。如果你能夠只使用幾個(gè)簡(jiǎn)單的筆畫(huà)將它繪制出來(lái)，它是否依然獨(dú)特，仍然可以輕松被識(shí)別？如果它足夠獨(dú)特，那么將它和其他的LOGO區(qū)分開(kāi)來(lái)的特征是什么？一般說(shuō)來(lái)，LOGO越簡(jiǎn)單，越容易被記住。

12、理解形狀背后的心理學(xué)知識(shí)

正如同 Marco Ugolini 在他的書(shū)《Bauhaus Revisited》中所寫(xiě)到，黃色的三角形，紅色的正方形，藍(lán)色的圓形構(gòu)成了包豪斯設(shè)計(jì)學(xué)院的視覺(jué)形象，它同時(shí)也體現(xiàn)了LOGO設(shè)計(jì)的原則。

值得注意的是有一些約定俗成的LOGO形象是需要規(guī)避的，比如使用燈泡來(lái)表示“想法”，使用地球的圖標(biāo)來(lái)表示“國(guó)際化”或者“語(yǔ)言”，使用小房子來(lái)表示“首頁(yè)”等等。這些形象讓LOGO設(shè)計(jì)師們咬牙切齒。

LOGO背后所涉及到的心理學(xué)因素遠(yuǎn)不止于這些。包豪斯設(shè)計(jì)學(xué)院之所以使用這幾個(gè)不同顏色的圖形來(lái)作為象征，是因?yàn)樗麄冋J(rèn)為圖形和色彩有超越語(yǔ)言的力量，能夠打破文化的壁壘和溝通的障礙。

Kandinsky 認(rèn)為，明亮而顯眼的黃色彌補(bǔ)了三角形給人的鋒銳感，炫酷而又充滿精神力的藍(lán)色和圓形在內(nèi)核上保持了一致，而充滿泥土氣息而又走心的紅色則和方形更搭。稍后我們會(huì)對(duì)色彩進(jìn)行深入的探討。

13、掌握柵格和結(jié)構(gòu)知識(shí)

現(xiàn)在越來(lái)越多的設(shè)計(jì)師和設(shè)計(jì)機(jī)構(gòu)在做LOGO設(shè)計(jì)的時(shí)候，開(kāi)始傾向于展現(xiàn)展現(xiàn)LOGO的幾何細(xì)節(jié)和特征。

在Behance 和Dribbble 這樣的平臺(tái)上，設(shè)計(jì)師和設(shè)計(jì)機(jī)構(gòu)會(huì)將整個(gè)品牌設(shè)計(jì)的細(xì)節(jié)和幾何結(jié)構(gòu)都剖析開(kāi)呈現(xiàn)出來(lái)，方便展示也有利于品牌傳播。

Twitter 的新LOGO就是借助一系列相互嵌套疊加的圓構(gòu)建起來(lái)的，并且整體是符合1:1.618 的黃金比例。

通常LOGO的形狀和設(shè)計(jì)并非憑空而來(lái)的，借助基礎(chǔ)的圓形和矩形的柵格來(lái)搭建出特定的曲線和角度，從而揭示出整個(gè)LOGO的輪廓和細(xì)節(jié)。這樣的設(shè)計(jì)手法本身是很值得學(xué)習(xí)與參考的，本身的價(jià)值也可以和諸如黃金法則這樣的抽象設(shè)計(jì)原則對(duì)接，更容易將自然規(guī)律融入到實(shí)際的設(shè)計(jì)中去。

14、活用負(fù)空間

即使是最微妙的負(fù)空間也是非常有效的設(shè)計(jì)元素。諸如NBC的LOGO，設(shè)計(jì)師只是在六個(gè)彩虹色水滴中加入一點(diǎn)調(diào)整，就將整個(gè)LOGO變成了一個(gè)孔雀。

巧妙的借助負(fù)空間來(lái)設(shè)計(jì)LOGO能夠讓用戶在查看的時(shí)候，發(fā)現(xiàn)其中的“雙關(guān)”從而會(huì)心一笑，從而強(qiáng)化整個(gè)品牌的識(shí)別度。聯(lián)邦快遞 FedEX的LOGO中隱藏的箭頭就是一個(gè)相當(dāng)巧妙的案例。除此之外，還有許多出色的LOGO設(shè)計(jì)案例值得參考和學(xué)習(xí)。

巧妙地針對(duì)LOGO做加法和減法，將負(fù)空間融入到其中，不僅能夠強(qiáng)化LOGO本身的含義，還能讓它更加難忘。

15、幽默風(fēng)趣一點(diǎn)

Turner Duckworth 所設(shè)計(jì)的Amazon 的LOGO看起來(lái)似乎很簡(jiǎn)單，但是其中包含了許多內(nèi)容，橙色的箭頭不僅揭示了Amazon 作為產(chǎn)品銷售的特征，微笑的弧度傳遞出正面的情緒，同時(shí)箭頭收尾從A指向Z則暗示了Amazon平臺(tái)產(chǎn)品的全面。

負(fù)空間的設(shè)計(jì)能讓用戶會(huì)心一笑，但是它本質(zhì)上也只是一種手段。已故的偉大設(shè)計(jì)師 Alan Fletcher 是Pentagram 的合伙人，他也是平面設(shè)計(jì)領(lǐng)域中，以機(jī)智和幽默而著稱的行業(yè)先驅(qū)，他的設(shè)計(jì)思路非常適合做LOGO設(shè)計(jì)。

最初由 Beryl McAlhone 和David Stuard 所編寫(xiě)的設(shè)計(jì)類圖書(shū)《A Smile In The Mind》就是教你如何設(shè)計(jì)出幽默有趣的LOGO。

正如 Quinton 和 Asbury 在 2016版的介紹中所說(shuō)的的：“對(duì)于LOGO設(shè)計(jì)而言，機(jī)智幽默是一項(xiàng)大生意。諸如Google和Apple、可口可樂(lè)這樣的公司都是如此，他們用機(jī)智將行李箱變成冒險(xiǎn)車，他們的幽默將吸塵器化作煉金術(shù)士的好朋友。”

【這些最佳實(shí)踐幫你在UI設(shè)計(jì)上更上一層樓】

1. 《網(wǎng)頁(yè)設(shè)計(jì)中，如何突破柵格的限制又保持協(xié)調(diào)？》
2. 《幫你搞定長(zhǎng)滾動(dòng)網(wǎng)頁(yè)的設(shè)計(jì)最佳實(shí)踐》
3. 《覺(jué)得自己學(xué)了假設(shè)計(jì)？真正的新用戶引導(dǎo)應(yīng)該這么設(shè)計(jì)》
4. 《老生常談！設(shè)計(jì)高素質(zhì)的UI應(yīng)該掌握這7個(gè)關(guān)鍵屬性》
5. 《這8個(gè)要點(diǎn)，能讓你的網(wǎng)頁(yè)首圖抓住用戶注意力》

原文地址：creativebloq
原文作者：Nick Carson
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(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ì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(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