1. 程式人生 > >如何設計一個“高大上”的 logo

如何設計一個“高大上”的 logo

你們 mda pro lin 美的 平衡 漫畫 class develop

前不久,我們老大寫的一篇博客《 Coding,做一個有情懷的產品 》中有提到設計 Coding logo 的大致由來,今天我就設計 Coding 猴頭的過程具體說說如何設計一個 logo。方法僅供參考,如有雷同,純屬巧合…

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

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

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

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

討論的結論是——一定要高大上,碉堡了!

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

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

第二步:思維導圖

工具:白紙、鉛筆

思維導圖我們從小就接觸過(上語文課老師大括號裏面列出來的總結)其實並不是一個高大上的東西,但思維導圖確實是一個能很好的幫助我們發散思維的方式,一支筆,一張紙就好。當然你也可以借助一些專業的思維導圖軟件。

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

技術分享圖片

我深刻感覺我貼出這張圖會讓我掉粉,這字… 我保證這絕對不是我的正常水平!

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

至於如何畫好思維導圖,大家可以網上找一些資料或者買本書看看。

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

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

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

第三步:草圖

工具:白紙、鉛筆和網絡

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

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

動手畫草圖,看著這些關鍵詞,你也許會沒有任何想法。沒關系,網絡便是最直接獲取靈感的方式。但為什麽還需要網絡?因為我們不可能憑空想象所有的東西,特別是當我們思維被局限在某一點時,我們需要靠各種各樣的圖片去打開自己的思維。但不一定說你設計 logo 就一定要去欣賞各種漂亮的 logo,你可以看隨便點進去看,攝影、繪畫、廣告設計、服裝…更不是說你直接去抄一個 logo,而是根據你的關鍵詞尋找與你想要的東西的相關畫面。

其實說實話,因為我並不是專業學美術出身的(我是學計算機的,我自豪,哈哈),上面一些關鍵詞我並不能很好的想像它究竟會是怎麽樣子的。我會 Google 了倒掛在樹上的猴子的圖片,看它們究竟是什麽姿勢;看看假如猴子帶個帽子會是什麽樣子;還有看怎麽用漫畫的形式表現一個猴子(因為我們的 logo 必須簡單,真實的猴子形象太復雜了,我必須學學如何簡化真實的猴子)…

技術分享圖片

(Google 搜索倒掛的猴子)

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

技術分享圖片

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

技術分享圖片

(一些漂亮的 logo)

也許有人會說,你不就是想抄別人的麽!沒錯,確實是這樣,我相信應該沒有一個設計師敢說自己的設計沒有任何“抄”(其實我們更願意說借鑒)。

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

看了很多之後,於是有了下面的草圖。因為是草圖,所以很草…

技術分享圖片

技術分享圖片

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

第四步:logo 數字化

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

當有了好的想法,數字化其實是最簡單的工作了,不過要得到一個完美的 logo 確實需要不斷地優化。

下面的圖片是一些猴頭的優化過程,中間那個是最後你們在網站上看到的那個猴頭。

技術分享圖片

這個猴頭基本上就是以圓/橢圓為基本形狀去變化的,得到基本的形狀後再進行視覺上的調整(其實這個過程並沒能準確化,我能說我是憑感覺的麽…),所以得到的圖片並不是那種完全符合數學規範得到的 logo,人眼看著舒服也是一種標準,相信自己的眼睛也是一種方法。

不過我也可以舉一個完全數字化的例子,下面這個 CLOUD 是我以前的一個練習,它就是完全用各種正圓切出來的,這種圖形通常會給人一種很牛逼的感覺,有木有?

技術分享圖片

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

來個大頭!

技術分享圖片

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

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

不過,最後的結果得他們倆完美結合,感覺上一定要統一。最開始,我設計的字體問題太細,導致兩邊不平衡,經過調整得到最後的結果。

技術分享圖片

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

歡迎大家到 Coding.net 粉我,哈哈,我是 Summer,有什麽好的意見也可以私信我!

https://blog.coding.net/blog/how-to-design-a-great-logo

如何設計一個“高大上”的 logo