零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

看完本文,你差不多能在5分鐘內(nèi)自己設(shè)計出一個logo,沒錯,零基礎(chǔ)。

當(dāng)然,如果你想做一個特別好看?的 logo,我建議你還是要去找最專業(yè)的設(shè)計從業(yè)者。

在開始之前,你要下載兩個軟件:Sketch 和 Illustrator 或者 Figma,別虛,不要擔(dān)心用不明白,我們只需要用里面最基礎(chǔ)的、最簡單的圖形功能和文本編輯即可。

我假設(shè)我開了個公司,名字叫做「Dancygram」,我就用這個名字來設(shè)計 logo。

Step.1 選擇一個經(jīng)典的字體

很多設(shè)計師會選擇一個經(jīng)典的字體,然后快速出原型。舉個例子,Target 的 logo,沒什么特別的,就是用了 Helvetica Neue 字體而已。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

用不同的字體,把我們的 logo 寫出來,來看看不同的大小寫,字體,樣式。操作如下:

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

Step.2 得到你的文字版 logo

然后我為 Dancygram 選擇 Futura這個字體,這是一個有趣的,矮粗胖的非襯線字體。

我們要探索字體粗細、間隙和空間感,究其窮變,思其型盡。

思考你要表達的價值,舉個例子:

  • 細體會表達出優(yōu)雅,簡潔和精致漂亮。
  • 粗體會表達出友好,堅固和穩(wěn)重可靠。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

Step.3 給你的 logo 設(shè)計一個 icon

當(dāng)你有了一個 logo 字體之后,也可以設(shè)計一個簡單的 icon,一個最簡單的辦法就是用名字的首字母配合簡單的圖形,比如圓形、方形等等。

比如我的「Dancygram」,我提取了首字母「D」,然后做了簡單的設(shè)計,無外乎加粗、陰影、加外部輪廓、加外框等等的方法,得到如下設(shè)計稿。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

Step.4 添加顏色

一個視覺形象需要顏色和風(fēng)格的統(tǒng)一來加深印象。而顏色那么多,我們經(jīng)常挑花眼,這里推薦一個配色網(wǎng)站,能夠幫我們解決不少問題:Color Claim(園長:這個網(wǎng)站內(nèi)容較多,加載時間稍微有點長,相信我等待是值得的?。?/p>

我在 Color Claim挑選了一些奇怪的和好看的配色方案,然后和我的 icon 結(jié)合。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

Step.5 完成logo,把它貼出來

我喜歡#64這個配色(上面第三個),非常搶眼。重復(fù)上述步驟,做出彩色版,黑色版,白色版,和透明版的icon。

你可以在你的設(shè)計稿和照片上面打上 logo。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

附加Step,其他圖像的icon

雖然用首字母非常簡單,但是很有可能無法到達我們的要求,所以我們可以把實物矢量化,用它們做logo。

這里有一個項目 the Noun Project?,icon everything,你一般用到的 icon 在這個網(wǎng)站上都能找到。

我用我的「Dancygram」和牛仔褲 icon 配合,出現(xiàn)了戲劇性的效果(僅僅是換了個 Step.3 的icon,其他步驟不變)。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

希望大家能夠通過本文,設(shè)計出屬于自己 logo。

歡迎同學(xué)們關(guān)注譯者的微信公眾號:「極光日報」以及知乎專欄:https://zhuanlan.zhihu,每天為開發(fā)者導(dǎo)讀三篇優(yōu)質(zhì)英文文章。

零基礎(chǔ)專屬技能!教你五分鐘快速設(shè)計出一個LOGO

「技多不壓身的設(shè)計師工資高!」

  1. 平面設(shè)計:《超贊!設(shè)計師完全自學(xué)指南》
  2. 交互設(shè)計:《交互設(shè)計師修煉指南!教你從零開始成為優(yōu)秀交互設(shè)計師》
  3. UI設(shè)計:《超實用新手指南!零基礎(chǔ)如何自學(xué)UI設(shè)計?》
  4. 前端開發(fā):《天貓高手來教你!零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個實用方法幫你全面搞定配色》
  7. DPI指南:《基礎(chǔ)知識學(xué)起來!為設(shè)計師量身打造的DPI指南》
  8. 交互設(shè)計自學(xué)路徑圖:《零基礎(chǔ)入門!給非科班生的自學(xué)路徑圖之交互設(shè)計篇》

原文地址:journal.designinc

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com

收藏 17
點贊 2

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。