編者按：本文作者M(jìn)icah Bowers是Toptal網(wǎng)站的高級(jí)設(shè)計(jì)師。這篇文章最初發(fā)表于Toptal的設(shè)計(jì)博客中，以全球知名公司Zumba(尊巴）為例，一步一步講解了修改一個(gè)LOGO的過(guò)程和思維方式，為設(shè)計(jì)師們提供了有益的經(jīng)驗(yàn)。文譯自 Fast Company 中原標(biāo)題為“How we fixed the world’s worst logo”的文章。
“世界上最糟糕的LOGO設(shè)計(jì)”這個(gè)稱謂既是對(duì)技術(shù)和品味的嚴(yán)正控訴，也是基于主觀偏好的評(píng)價(jià)。很多設(shè)計(jì)師都有那么幾個(gè)不堪回首的設(shè)計(jì)成品，也有很多人會(huì)對(duì)一些見(jiàn)過(guò)的設(shè)計(jì)感到匪夷所思，那么怎么判斷一件設(shè)計(jì)是不是好作品呢？
如何選出一個(gè)最糟糕的LOGO設(shè)計(jì)
為了回答這個(gè)問(wèn)題，我們邀請(qǐng)了全球精英自由職業(yè)者平臺(tái) Toptal 的設(shè)計(jì)師們幫我們鎖定范圍并指出以下條件：
公認(rèn)的糟糕
現(xiàn)被某知名品牌或機(jī)構(gòu)使用
不淫穢、不粗俗
一旦標(biāo)準(zhǔn)出爐，我們的測(cè)評(píng)也馬上有了方向，通過(guò)對(duì)大量品牌設(shè)計(jì)對(duì)收集和甄別，最終這個(gè)“最糟糕”的結(jié)果是什么呢？讓我們一起來(lái)看看——
通過(guò)討論，我們發(fā)現(xiàn)尊巴在各方面都符合標(biāo)準(zhǔn)。不過(guò)，在我們討論它的設(shè)計(jì)風(fēng)格之前先容許我們向那些對(duì)它不太熟悉的讀者們介紹一下這個(gè)品牌。
尊巴公司介紹
即使LOGO不怎么樣，全球還是有許多尊巴的狂熱粉絲們愛(ài)著這種以舞蹈為基礎(chǔ)的健身課程。尊巴課程由特許認(rèn)證教練進(jìn)行教學(xué)，目前已在全球180個(gè)國(guó)家設(shè)有20萬(wàn)多個(gè)分點(diǎn)。尊巴舞中有多種拉丁舞和世界舞風(fēng)格可供選擇，其課程設(shè)計(jì)可為各個(gè)層次技能水平的學(xué)員進(jìn)行量身定制。該公司創(chuàng)立于2001年，現(xiàn)學(xué)員總?cè)藬?shù)已超過(guò)一千五百萬(wàn)。定期舉辦音樂(lè)會(huì)、巡演、舞會(huì)和慈善活動(dòng)的習(xí)俗幫尊巴超越了“常規(guī)健身”的標(biāo)簽，從而一個(gè)培養(yǎng)出了一個(gè)全球品牌倡導(dǎo)者的忠實(shí)社區(qū)。尊巴的社區(qū)和課程體系都十分開(kāi)放，從兒童到老年人都可以找到適合自己到課程。
那么問(wèn)題來(lái)了：為什么尊巴公司在全球如此受歡迎但它的LOGO設(shè)計(jì)卻不盡如人意？
我們的看法
從尊巴的網(wǎng)站、社交賬戶、產(chǎn)品和宣傳海報(bào)上都能看出其課程愉悅輕松的音樂(lè)和運(yùn)動(dòng)風(fēng)格。從LOGO設(shè)計(jì)中松散的字母結(jié)構(gòu)和類如舞者的手勢(shì)姿態(tài)中也反映了其充滿活力的一面。不幸的是，它的設(shè)計(jì)在這幾個(gè)方面都表現(xiàn)平平，并無(wú)過(guò)人之處，以下是我們的員工經(jīng)討論后提出的不足意見(jiàn)：
Bree Chapin：很明顯尊巴公司想用LOGO體現(xiàn)出一種運(yùn)動(dòng)的嬉戲感，但呈現(xiàn)出的效果很容易造成視覺(jué)上的非平衡。書(shū)寫(xiě)“Zumba”的幾個(gè)字母表達(dá)地很有趣，但其上的圓形元素呈現(xiàn)得不是很清楚，離字母太遠(yuǎn)顯得很分離，而這幾個(gè)字母之間的間隔卻過(guò)緊，看起來(lái)不是很舒暢。
Micah Bowers：我老婆每周都去上尊巴課，所以我對(duì)這事兒很關(guān)注。這個(gè)LOGO在設(shè)計(jì)上最大的問(wèn)題就是它沒(méi)呈現(xiàn)出來(lái)原本最想表達(dá)的東西——一種視覺(jué)節(jié)奏上的律動(dòng)。相反，我們看到的卻是一組排列上非常奇怪的字母，這些字母的線條也不大順暢，同時(shí)那個(gè)圓圈里的簡(jiǎn)筆人物似乎在演奏什么幽靈般的低音，而不是在跳舞。
Cameron Chapman：我認(rèn)為這個(gè)LOGO最大的問(wèn)題就是這種設(shè)計(jì)風(fēng)格早就過(guò)時(shí)了，雖說(shuō)經(jīng)典的LOGO永遠(yuǎn)璀璨，但我可不認(rèn)為它也適用這一條，這種畫(huà)風(fēng)確實(shí)有些詭異
改進(jìn)建議
經(jīng)驗(yàn)豐富的設(shè)計(jì)師都知道好的創(chuàng)意提綱才是整個(gè)設(shè)計(jì)中最精彩的部分，它是所有設(shè)計(jì)決策過(guò)程的參考，沒(méi)有好的提綱，設(shè)計(jì)出的作品也會(huì)有一種混亂感。也就是說(shuō)這是一個(gè)純粹自驅(qū)動(dòng)的過(guò)程，在沒(méi)有任何客戶的要求材料下，以自己的方式構(gòu)建自己的品牌，表達(dá)自己的理念。因此我們羅列出了我們認(rèn)為尊巴LOGO需要改進(jìn)的地方：
形狀上：
解決別扭的線條和形狀上的問(wèn)題
解決字母間隔不均的問(wèn)題
固定關(guān)系上：
重新定義字母與圖標(biāo)之間的間距
圓形圖標(biāo)上：
重新思考這個(gè)簡(jiǎn)筆“舞者”形狀是否能夠改進(jìn)，換成別的形狀會(huì)不會(huì)更好？
圖標(biāo)周?chē)菆A形圍框更自然嗎？
配色上：
對(duì)字母的配色嘗試不同的方案，但切記勿失最初的動(dòng)感
新方案VS老方案
雖然設(shè)計(jì)一個(gè)全新的方案會(huì)有更大的可發(fā)揮的空間，但也意味著原來(lái)的理念有一些“變味”，使其價(jià)值難以衡量，因此我們決定在原版基礎(chǔ)上進(jìn)行改進(jìn)，以原版為基本框架進(jìn)行重塑。最重要的是，這樣設(shè)計(jì)出來(lái)的方案也更容易獲得原用戶的認(rèn)可，精髓還是原來(lái)的精髓，但在視覺(jué)呈現(xiàn)上卻能有所拔高。
重塑過(guò)程
其實(shí)改進(jìn)設(shè)計(jì)的過(guò)程就相當(dāng)于重新做設(shè)計(jì)的過(guò)程，在整個(gè)過(guò)程中一樣要經(jīng)歷以下階段：
找出問(wèn)題：設(shè)計(jì)中哪里需要改進(jìn)？
收集信息：作品中中規(guī)中矩的應(yīng)用元素會(huì)是其最大的問(wèn)題所在嗎？
尋找改進(jìn)方案：提供幾種不同的解決方案
收集反饋：假如你是讀者對(duì)這些設(shè)計(jì)方案會(huì)是什么感受？
繼續(xù)改進(jìn)：基于以上思考進(jìn)行設(shè)計(jì)。
接下來(lái)我們就來(lái)仔細(xì)看看設(shè)計(jì)的詳細(xì)過(guò)程。
1. 畫(huà)草圖勾輪廓
改進(jìn)的第一步當(dāng)然是草圖構(gòu)思，先在原來(lái)的設(shè)計(jì)上大概勾出一個(gè)輪廓。之所以要在原設(shè)計(jì)上進(jìn)行構(gòu)思是為了避免遺漏原先一些有趣、有用的元素。
2. 概念構(gòu)思
在上一步疊加圖的基礎(chǔ)上我們開(kāi)始構(gòu)思新的元素，開(kāi)始調(diào)整字母的間距和線條的形狀。
3. 提交過(guò)審
概念草圖完成后，提交給編輯人員進(jìn)行設(shè)計(jì)評(píng)論。
4. 重新修改
在得到編輯人員的評(píng)論后我們就開(kāi)始進(jìn)一步修改，處理一些細(xì)節(jié)，并進(jìn)行設(shè)計(jì)理念的深化。
5. 社區(qū)反饋和小組評(píng)審
我們將手里完成的草圖投放入Toptal社區(qū)成員那里尋求反饋，他們也積極回復(fù)了我們的需求，通過(guò)新舊LOGO對(duì)比，社區(qū)成員們也發(fā)表了一些自己的意見(jiàn)。然后我們和編輯們一起回顧收集來(lái)的建議，并選擇了一個(gè)最適宜的設(shè)計(jì)理念繼續(xù)下一步。
6. 矢量細(xì)化和配色調(diào)整
在這個(gè)階段我們將原圖轉(zhuǎn)化為數(shù)字化形態(tài)，并放入矢量圖繪圖軟件Adobe Illustrator進(jìn)行修改，同時(shí)在顏色上也進(jìn)行了一定取舍。
呈現(xiàn)出全新的尊巴LOGO
新設(shè)計(jì)的LOGO是否生動(dòng)地表達(dá)了原有理念呢？這個(gè)標(biāo)識(shí)與原有LOGO關(guān)系有多大呢？女士們先生們，接下來(lái)我們就來(lái)揭曉答案！
這個(gè)新設(shè)計(jì)不論是從字母排布、形狀上，還是從顏色、比例上都煥然一新，所有微小的細(xì)節(jié)都得到重修，也沒(méi)有增加多余的筆畫(huà)在里面。
為了凸顯我們改進(jìn)后的部分，我們將把新LOGO和舊LOGO進(jìn)行比較，并在創(chuàng)意提綱中重新審視關(guān)鍵部分。
固定關(guān)系的改進(jìn)：
在更新中，我們摒棄了原始LOGO中的偽手繪元素，使線條更為流暢清晰，從而使“舞者”圖標(biāo)周?chē)臉?biāo)志和圓形之間的搭配更加自然。
在最新的版本中，“舞者”的V形軀干舒適地躺在這個(gè)呈“M”形的胯部上方。
我們還翻轉(zhuǎn)了“舞者”姿勢(shì)的方向，讓人感覺(jué)他在視覺(jué)上與標(biāo)識(shí)相互配合。
形狀的改進(jìn)：
我們摒棄了原LOGO中扭結(jié)、扁平的曲線和起伏不斷的筆觸厚度，以均勻的方式重構(gòu)了字母的動(dòng)態(tài)性。
在原LOGO中，有一種傳達(dá)運(yùn)動(dòng)的自發(fā)性和節(jié)奏感的嘗試。我們通過(guò)交替使用字母比例、角度和斜體來(lái)進(jìn)一步闡釋這種律動(dòng)節(jié)拍。
“舞者”元素的改進(jìn)：
對(duì)“舞者”這個(gè)元素對(duì)改進(jìn)算是全過(guò)程中最具挑戰(zhàn)性的部分。在之前設(shè)計(jì)的很多種方案里我們都打算把這個(gè)元素丟掉，但轉(zhuǎn)念一想，這個(gè)元素本身傳達(dá)出的舞蹈性的姿態(tài)本就與這種運(yùn)動(dòng)很是搭調(diào)，于是便留了下來(lái)。
于是我們?cè)谠氐幕A(chǔ)上進(jìn)行了重塑，主要修改了其中的四個(gè)部分：外環(huán)輪廓、頭部、U形臂和Z形臂。
此外，我們還翻轉(zhuǎn)了“舞者”姿勢(shì)的方向，使他的U形臂與軀干重疊。
配色改進(jìn)：
由于尊巴在多個(gè)品牌渠道中使用了較為廣泛的調(diào)色方案，因此我們選擇對(duì)徽標(biāo)的顏色進(jìn)行細(xì)微的調(diào)整。
對(duì)于原來(lái)采用的綠色，我們?cè)谄渲刑砑恿怂{(lán)色，并提高了飽和度，使其不再給人一種像“豌豆湯”的感覺(jué)而更像是“生機(jī)勃勃的植被”。
我們?yōu)樵渖械暮谏蔡砑恿怂{(lán)色成分，并增加了其亮度，使它與綠色的搭配更加輕松活潑。
最后總結(jié)
在對(duì)一家有全球知名度的公司LOGO進(jìn)行修改時(shí)很容易引起爭(zhēng)議和原客戶的不滿，在設(shè)計(jì)中需要額外遵循一定的理念。尊巴是一家通過(guò)健身、緊密團(tuán)結(jié)的社區(qū)和有意義的慈善活動(dòng)來(lái)幫助人們改變生活的公司，它的追隨者們是忠誠(chéng)、熱情的，因而以一種全新的LOGO設(shè)計(jì)來(lái)吸引這些粉絲并得到他們的認(rèn)可也是我們的目標(biāo)?？紤]到這一點(diǎn)，下面是對(duì)我們工作的一個(gè)客觀評(píng)估。
哪里有不足
調(diào)查研究。由于時(shí)間和資金有限，我們的調(diào)查并不全面，沒(méi)有采訪到尊巴的學(xué)員和老師，我們對(duì)尊巴公司的市場(chǎng)目標(biāo)和理念也是從網(wǎng)上找到的資料，沒(méi)有實(shí)地考察。
成功之處
我們保留了原LOGO中的關(guān)鍵元素，在尊重原版的基礎(chǔ)上完整表達(dá)出了尊巴的理念和風(fēng)格。
我們學(xué)到了什么
對(duì)一個(gè)設(shè)計(jì)作品而言，真正難的不是去識(shí)別出它的不足，而是去改進(jìn)它的不足。作為設(shè)計(jì)師也許我們并不需要時(shí)時(shí)刻刻留意那些不足的設(shè)計(jì)方案，但如若我們只把眼光放在精彩的設(shè)計(jì)中，也許會(huì)失去很多學(xué)習(xí)和改進(jìn)的機(jī)會(huì)。
更有效地提升能力的方法其實(shí)是多問(wèn)問(wèn)自己：“為什么這個(gè)不行，怎么做才能行呢？”通過(guò)這種方式，我們可以將觀察水平和解決問(wèn)題的能力相聯(lián)系，從而為創(chuàng)造更多、更好的設(shè)計(jì)打下基礎(chǔ)。
原文鏈接：https://www.fastcompany.com/90282118/how-we-fixed-the-worlds-worst-logo
編譯組出品。編輯：郝鵬程 原文來(lái)自：https://www.36kr.com/p/5170002
