編者按:新手看完這篇完全可以入門LOGO設(shè)計(jì)了。今天Summer同學(xué)將工作中的一個LOGO設(shè)計(jì)思路分享出來,過程循序漸進(jìn),關(guān)于需求和找靈感部分說得超級贊,借鑒價值很高,建議馬克。 Summer:下面,我就設(shè)計(jì)Coding 猴頭的過程具體說說如何設(shè)計(jì)一個 logo。方法僅供參考,如有雷同,純屬巧合…
第一步:搞清楚需求——我們需要一個什么樣的 Logo? 工具:交流(如果這也算的話) 對于整個Coding的logo,老大跟我說明了他的想法,主要思路是:卡通形象(猴子)+CODING 字樣,logo上可以加我們的slogan——Cloud Development。 其實(shí)想到猴子這個形象并不復(fù)雜,因?yàn)槲覀兎?wù)的用戶是程序“猿”,很自然得想到了更加可愛的猴子;當(dāng)然我們也想過是不是可以用其他的形象代替,但一直沒有找到更好的。 而關(guān)于整體的視覺呈現(xiàn),我們對此討論的結(jié)論是——一定要高大上! 是的,作為一個互聯(lián)網(wǎng)公司,我們一定要緊跟潮流,不能做出那種out了的logo,同時我們希望自己能給用戶一種親切的感覺,而且要一眼能被人記住。 于是,就有了一些關(guān)鍵詞——猴子、扁平、簡潔、可愛。
第二步:思維導(dǎo)圖 工具:白紙、鉛筆 思維導(dǎo)圖確實(shí)是一個能很好的幫助我們發(fā)散思維的方式,一支筆,一張紙就好。當(dāng)然你也可以借助一些專業(yè)的思維導(dǎo)圖軟件。 下圖是我設(shè)計(jì)猴頭時所畫的思維導(dǎo)圖:
確實(shí)我這個思維導(dǎo)圖并不是很美觀,思維也只是簡單的發(fā)散,大家自己在設(shè)計(jì)從一個關(guān)鍵詞去構(gòu)建整個思維導(dǎo)圖時,盡量去發(fā)散,尋找更多的可能性,不要局限自己的思維。 雖然圖畫的丑,但并不能阻止我得到一些可用的關(guān)鍵詞: 猴子——猴頭、帽子、可愛、大耳猴、眼睛、眺望… 利用這些關(guān)鍵詞,我得開始尋找“靈感”,把想法圖形化出來。就有了下一步——繪制草圖。
第三步:草圖 工具:白紙、鉛筆和網(wǎng)絡(luò) 紙筆是最簡單也最好用的畫草圖的工具,你的思維不會受限于電腦的各種操作,會更開放,姿勢會更隨意舒適。 所謂靈感,其實(shí)就是根據(jù)你的需求去尋找一個與之契合的點(diǎn),然后表達(dá)出來。 現(xiàn)在來看,網(wǎng)絡(luò)是最直接獲取靈感的方式——因?yàn)槲覀儾豢赡軕{空想象所有的東西,特別是當(dāng)我們思維被局限在某一點(diǎn)時,我們需要靠各種各樣的圖片去打開自己的思維,網(wǎng)絡(luò)自然是找圖最方便的地方啦。 但不一定說你設(shè)計(jì) logo 就一定要去欣賞各種漂亮的 logo,你可以看隨便點(diǎn)進(jìn)去看,攝影、繪畫、廣告設(shè)計(jì)、服裝…更不是說你直接去抄一個 logo,而是根據(jù)你的關(guān)鍵詞尋找與你想要的東西的相關(guān)畫面。 說實(shí)話,因?yàn)槲也⒉皇菍I(yè)學(xué)美術(shù)出身的,上面一些關(guān)鍵詞我并不能很好的想像它究竟會是怎么樣子的。我會 Google 倒掛在樹上的猴子的圖片,看它們究竟是什么姿勢;看看假如猴子帶個帽子會是什么樣子;還有看怎么用漫畫的形式表現(xiàn)一個猴子。
(Google 搜索倒掛的猴子) 同時,我會參考各種 logo,我上Dribbble找一些我去找我們這個行業(yè)的 logo,不只是有猴子形狀的 logo,而且我會參考一些互聯(lián)網(wǎng)公司的 logo。 (在 Dribbble 上搜索有關(guān)猴子的圖片) (一些漂亮的 logo) 看圖借鑒,并不代表「抄襲」,在設(shè)計(jì)的時候不要去抵制看各種優(yōu)秀的作品,唯一你要確認(rèn)的是,你是在做適合這個主題的東西,不是一味的生搬硬套。 看了很多之后,有了下面的草圖…… 畫好草圖,找老大商量看看哪些是可行的,然后選擇感覺合適的圖形進(jìn)行矢量化。上面草圖左下角的那個猴子便是候選之一。
第四步:logo 數(shù)字化 工具:AI(當(dāng)然你也可以用 PS 或者 CDR 等) 當(dāng)有了好的想法,數(shù)字化其實(shí)是最簡單的工作了,不過要得到一個完美的 logo 確實(shí)需要不斷地優(yōu)化。下面的圖片是一些猴頭的優(yōu)化過程,中間那個是最后你們在網(wǎng)站上看到的那個猴頭。 這個猴頭基本上就是以圓/橢圓為基本形狀去變化的,得到基本的形狀后再進(jìn)行視覺上的調(diào)整,所以得到的圖片并不是那種完全符合數(shù)學(xué)規(guī)范得到的 logo,人眼看著舒服也是一種標(biāo)準(zhǔn),相信自己的眼睛也是一種方法。 不過我也可以舉一個完全數(shù)字化的例子,下面這個 CLOUD 是我以前的一個練習(xí),它就是完全用各種正圓切出來的。
不過也要分情況,并不是所有的 logo 都試用于這樣的方式去發(fā)展,就像我們可愛的猴頭!
第五步:最后,來個完美組合 我們的 Coding 字樣和猴頭是分開設(shè)計(jì)的,文字 logo 的設(shè)計(jì)過程和猴頭是一樣的,具體的過程就不說了。 最后,給大家推薦一本書——《超越LOGO設(shè)計(jì)》,上文中的方法基本來源于這本書,讓我從一個完全不知道如何開始的狀態(tài)到現(xiàn)在也做出了幾個能拿得出手的logo。