一個高大上的LOGO是如何設計出來的?

新手看完這篇完全可以入門LOGO設計了。今天Summer同學將工作中的一個LOGO設計思路分享出來,過程循序漸進,關于需求和找靈感部分說得超級贊,借鑒價值很高,建議馬克。

Summer:下面,我就設計Coding 猴頭的過程具體說說如何設計一個 logo。方法僅供參考,如有雷同,純屬巧合…

第一步:搞清楚需求——我們需要一個什麽樣的 Logo?

工具:交流(如果這也算的話)

對于整個Coding的logo,老大跟我說明了他的想法,主要思路是:卡通形象(猴子)+CODING 字樣,logo上可以加我們的slogan——Cloud Development。

其實想到猴子這個形象並不複雜,因爲我們服務的用戶是程序“猿”,很自然得想到了更加可愛的猴子;當然我們也想過是不是可以用其他的形象代替,但一直沒有找到更好的。

而關于整體的視覺呈現,我們對此討論的結論是——一定要高大上!

是的,作爲一個互聯網公司,我們一定要緊跟潮流,不能做出那種out了的logo,同時我們希望自己能給用戶一種親切的感覺,而且要一眼能被人記住。

于是,就有了一些關鍵詞——猴子、扁平、簡潔、可愛。

第二步:思維導圖

工具:白紙、鉛筆

思維導圖確實是一個能很好的幫助我們發散思維的方式,一支筆,一張紙就好。當然你也可以借助一些專業的思維導圖軟件。

下圖是我設計猴頭時所畫的思維導圖:

確實我這個思維導圖並不是很美觀,思維也只是簡單的發散,大家自己在設計從一個關鍵詞去構建整個思維導圖時,盡量去發散,尋找更多的可能性,不要局限自己的思維。

雖然圖畫的醜,但並不能阻止我得到一些可用的關鍵詞:

猴子——猴頭、帽子、可愛、大耳猴、眼睛、眺望…

利用這些關鍵詞,我得開始尋找“靈感”,把想法圖形化出來。就有了下一步——繪制草圖。

第三步:草圖

工具:白紙、鉛筆和網絡

紙筆是最簡單也最好用的畫草圖的工具,你的思維不會受限于電腦的各種操作,會更開放,姿勢會更隨意舒適。

所謂靈感,其實就是根據你的需求去尋找一個與之契合的點,然後表達出來。

現在來看,網絡是最直接獲取靈感的方式——因爲我們不可能憑空想象所有的東西,特別是當我們思維被局限在某一點時,我們需要靠各種各樣的圖片去打開自己的思維,網絡自然是找圖最方便的地方啦。

但不一定說你設計 logo 就一定要去欣賞各種漂亮的 logo,你可以看隨便點進去看,攝影、繪畫、廣告設計、服裝…更不是說你直接去抄一個 logo,而是根據你的關鍵詞尋找與你想要的東西的相關畫面。

說實話,因爲我並不是專業學美術出身的,上面一些關鍵詞我並不能很好的想像它究竟會是怎麽樣子的。我會 Google 倒挂在樹上的猴子的圖片,看它們究竟是什麽姿勢;看看假如猴子帶個帽子會是什麽樣子;還有看怎麽用漫畫的形式表現一個猴子。

(Google 搜索倒挂的猴子)

同時,我會參考各種 logo,我上Dribbble找一些我去找我們這個行業的 logo,不只是有猴子形狀的 logo,而且我會參考一些互聯網公司的 logo。

(在 Dribbble 上搜索有關猴子的圖片)

(一些漂亮的 logo)

看圖借鑒,並不代表「抄襲」,在設計的時候不要去抵制看各種優秀的作品,唯一你要確認的是,你是在做適合這個主題的東西,不是一味的生搬硬套。

看了很多之後,有了下面的草圖……

畫好草圖,找老大商量看看哪些是可行的,然後選擇感覺合適的圖形進行矢量化。上面草圖左下角的那個猴子便是候選之一。

第四步:logo 數字化

工具:AI(當然你也可以用 PS 或者 CDR 等)

當有了好的想法,數字化其實是最簡單的工作了,不過要得到一個完美的 logo 確實需要不斷地優化。下面的圖片是一些猴頭的優化過程,中間那個是最後你們在網站上看到的那個猴頭。

這個猴頭基本上就是以圓/橢圓爲基本形狀去變化的,得到基本的形狀後再進行視覺上的調整,所以得到的圖片並不是那種完全符合數學規範得到的 logo,人眼看著舒服也是一種標准,相信自己的眼睛也是一種方法。

不過我也可以舉一個完全數字化的例子,下面這個 CLOUD 是我以前的一個練習,它就是完全用各種正圓切出來的。

不過也要分情況,並不是所有的 logo 都試用于這樣的方式去發展,就像我們可愛的猴頭!

第五步:最後,來個完美組合

我們的 Coding 字樣和猴頭是分開設計的,文字 logo 的設計過程和猴頭是一樣的,具體的過程就不說了。

最後,給大家推薦一本書——《超越LOGO設計》,上文中的方法基本來源于這本書,讓我從一個完全不知道如何開始的狀態到現在也做出了幾個能拿得出手的logo。

如何打造一個高大上的圖片展示網站?
我想你已經搜集了許多德味漂亮的圖片了,那麽接下來你要怎麽處理它們呢?藏于硬盤深處慢慢遺忘,還是Po到社交網絡上曬曬人生?也許,將它們打造成一個高大上的圖片網站是一個不錯的選擇哦~所以,將攝影照片和設計作品包...查看完整版>>如何打造一個高大上的圖片展示網站?
 
7步測試法,如何准確判斷一個Logo設計的好與壞?
7步測試法,如何准確判斷一個Logo設計的好與壞?
舞者們也許會問自己:“邁克爾 · 傑克遜會怎麽看我的舞步呢?”拳擊手們會自問:“拳王阿裏會覺得我的右勾拳怎麽樣?”那麽作爲設計師,我們一定會問自己“Paul Rand會覺得我的Logo...查看完整版>>7步測試法,如何准確判斷一個Logo設計的好與壞?
 
一個好的logo是怎麽設計出來的
一個好的logo是怎麽設計出來的
一個好的logo是怎麽設計出來的?哪裏來的靈感?怎麽爲它選擇合適的顔色?字體怎麽配合,它怎樣延展出多樣的應用……FLEX的這個logo設計應用過程應該可以給你答案。...查看完整版>>一個好的logo是怎麽設計出來的
 
如何讓一個網站看起來高大上且更有設計感?
很多同學關心這個問題,今天魅族的@陳希_CHRISCHEN 總結了四點超實用的建議,附上相關的教程,幫新手們快速打造高大上的設計感,學起來姑且僅理解爲視覺層面上如何更好,當然一個網站不僅僅只有視覺,最終的結果是多...查看完整版>>如何讓一個網站看起來高大上且更有設計感?
 
手把手教你包裝一份高大上的設計稿
手把手教你包裝一份高大上的設計稿
接了一個200萬的單,最後給甲方幾張PNG?當然不行,學會包裝設計稿是一個設計師最基礎的技能,讓甲方看懂你的設計,體驗你的用心,才不會無休止地改改改,過稿率也能迅速提高。今天@庫倪Qoli 做了一份詳盡的教程,從...查看完整版>>手把手教你包裝一份高大上的設計稿
 
怎樣設計高大上的紋理背景
1.Tobias Ahlin是一個設計師常常會光顧的網站,因此網站首頁不意外的用了一些設計師的常用工具拼湊而成的紋理背景。網頁在造型上使用了書本的式樣,這也爲網站的整體感覺加了不少分。2.這樣的網頁背景是不是很特別呢...查看完整版>>怎樣設計高大上的紋理背景
 
20個高大上的公司網站設計
20個高大上的公司網站設計
現如今做哪個行業都要觸網的時代,公司沒網站簡直如同做生意沒門面。雖然每個公司目的和需求不同,但都需要一個專業的網站來展示形象,公司和品牌也應該給客戶傳遞一致的信息。我們之前也收集很多展示型網站,Blog,...查看完整版>>20個高大上的公司網站設計
 
高大上的扁平化交互設計
高大上的扁平化交互設計
確實是這樣的,扁平化不僅僅是界面視覺扁平無立體感,更應該是交互體驗的扁平化,信息架構的扁平化。在進入正題之前,我們先來看一個例子,我發現有人用科幻電影中的UI 畫面來和扁平化視覺相比較,他們說這是未來界...查看完整版>>高大上的扁平化交互設計
 
超贊的高大上的動效設計方法
一、流動的趨勢衆所周知,早些年流行的Flash主頁因其酷炫的效果風靡一時。如今隨著html5和CSS3的發展,在配合高端浏覽器的使用環境下,用戶可以體驗到更流暢順滑的動畫效果。同時,手機端的動態設計效果也提升了用戶...查看完整版>>超贊的高大上的動效設計方法
 
 
回到王朝網路首頁