U1230 01 品牌 logo 設計需要把握的 3 個原則 cover 1024x512

5個品牌 logo 設計軟體使用心得!你也能製作商標

  • Post category:WordPress
  • Reading time:18 mins read

許多人在架設網站初期,並沒有花太多時間思考【個人網站也是需要品牌 logo】這一件事,在經過一段時間之後,才回頭想要好好設計 logo。其實,這樣子也不是不可以,就只是浪費了之前網站營運時,對讀者所累積的網站識別度與信任感而已。

為什麼個人網站也需要擁有一個專屬的個人品牌 logo 呢?其實這個答案應該問自己,當你成立個人網站後,是不是也想要具備與其它同性質網站有不同的特色、亮點呢?而想要達到這個目的,不外乎就是為了讓讀者能明顯感受到【差異化】、【可識別】、【良好體驗】,最終達到吸睛效果。不過,對於創立個人網站品牌識別,最好把握以下幾點原則,才能避免反覆修改品牌 logo而造成有形與無形的損失。

將【品牌】與【logo】做連結的原因

在學生時代,難免都會利用寒暑假的時間,參加短期的戶外活動,而在分組後第一個功課就是要完成:

  • 隊名
  • 隊徽

說穿了,隊名就是品牌;隊徽也就是logo。在活動的過程期間,各組之間都會從事各項動態與靜態的競技,到了最後一天就會公布排名。而記性好的人,也許在過一陣子之後還記的住第一名的隊名與隊徽,但是大部分的人應該只記得隊徽而已吧?!

原因就在於 logo 是一種符號、圖形、意象的視覺傳遞工具,而這類的圖形化工具,正好可以幫助我們閱讀、理解資訊。反觀品牌,它卻是含有豐富、複雜的資訊量在裡面,與logo相比,當然就需要花費更多的時間與信任情感,才能將品牌深植在腦海中。一般而言,品牌會包含:

  • 定位
  • 承諾
  • 個性
  • 故事
  • 聯想

所以就不難理解優秀的 logo 設計,的確可以立即對讀者達到吸睛的效果,若藉由文章內容取得讀者信任感後,就有機會燃起讀者對個人網站的興趣,在這種情況下【品牌】才有機會傳遞出去。

你可能有興趣: 【 Google 手機 】解決跨國會議的語言障礙!

如何設計 logo 呢?分享 logo 設計技巧~

當你已經接受了【logo連結到自身品牌】的觀念後,需要花很多時間在設計 logo 嗎?答案是:不需要!

乍聽之下,好像跟前一個章節的結論有矛盾的地方,但事實上並不會。通常,logo 部分可以區分成:

  • 核心部分也許是包含了:
    • 品牌名稱
    • 品牌商品
    • 品牌服務
  • 非核心部分可以是:
    • 形狀
    • logo色調
    • 文字或符號,二擇一

一個品牌主要提供的標的物不應該經常性變動或更改才對,而 logo 又扮演成輔助傳遞品牌的功能。所以,logo 的非核心部分,往往都會因應時代潮流、本身營運狀況,做出最適合當下的小調整,達到吸睛、時尚、新氣息…等目的。

U1213-02-品牌-logo-設計演進史範例-1024x512-1
品牌標誌(logo)設計演進史範例

在品牌標誌設計演進史範例 (上圖)可以看到,即使是跨國企業,也會在 logo 的非核心部分做出適度的調整。但是,在核心部分,也就是自身品牌想要傳遞的訊息,完全是不會做修改的。

品牌 logo 設計理念

你有發現一個共通點嗎?在日常生活裡,所接觸到的品牌,幾乎都在 logo 設計當中,加入了【文字元素】做為傳達品牌資訊的功能。即使是少數企業使用全圖形方式設計 logo,也會藉由圖形讓讀者直接聯想到它的品牌。

  • 全圖形 logo 設計
    • Apple
    • Volkswagen(光看圖形的話,要連結到品牌名稱有點難度)
    • Mercedes-Benz(例外,圖形跟品牌名稱很難找到直接關係)
  • 全文字 logo 設計
    • Intel
    • LV
    • Google
  • 文字 + 圖形 logo 設計
    • MasterCard
    • Amazon
    • Nissan

建議你在創立個人 logo 的時候,還是以【文字 + 圖形】或【文字】的方式為出發點。未來,可以根據自身品牌的狀況再決定是否把【文字】部分拿掉,針對 logo 非核心部分做與時俱進的調整,例如:Starbucks。

品牌創立初期遭遇的困難

沒錯,這個問題應該大家都知道答案了: 【零知名度】!

所以,在上一章節才會建議對於個人品牌草創階段的族群,最好使用【文字 + 圖形】或【文字】的方式完成 logo 設計,但是又以【文字 + 圖形】較為推薦。因為:

  • 圖形
    • 輔助讀者閱讀、記憶
  • 文字
    • 無形中,讓讀者正確唸出或默念品牌名稱,增加擴散力

你可能有興趣: 【 影片剪輯 】自學心得: 8個免費/付費剪輯軟體的優、缺點比較

中文 logo 設計的限制在哪裡?

首先,要清楚知道你的品牌受眾(Target Audience)在哪裡?假使是針對非中文語系的族群,那麼先恭喜你了,因為市面上所有能找到的 logo 設計生成器,都支援英文字型,可以讓字體看起來很漂亮。但是,假使你的品牌受眾在臺灣的話,那麼繁體中文字體的支援度,就必須要認真考慮一下了,不然的話,陽剛的字型會讓 logo 美感大打折扣。

以我的例子來說明,個人偏好【文字 + 圖形】的方式製作 logo,在操作了幾款 Free Logo Maker 後,最終選擇使用 DesignEvo 完成現階段的個人品牌 logo 設計,原因就在於這款 logo設計app 能夠支援【繁體中文字體】。

logo設計軟體費用繁體中文字體備註
DesignEvo免費/付費完全支援免費版的解析度太低
Canva免費/付費支援度不足繁中字型美觀性不足
Launchaco免費不支援操作方面的限制太多
FreeLogoDesign免費/付費不支援免費版的解析度最低
Looka付費不支援無免費版本
logo設計軟體比較表

DesignEvo

官方網址: https://www.designevo.com/tw/
檔案格式: png, jpg. (付費版包含: svg, pdf, font)
圖片解析度: 300×300. (付費版包含: 5000×5000)

Step 1:註冊DesignEvo帳號

可以利用以下3個方式完成註冊帳號:

  • 自動註冊
    • Facebook帳號
    • Google帳號
  • 手動註冊
    • 電子信箱

建立帳號的目的是用來儲存建立的logo檔案,未來只要是登入DesignEvo之後,就可以在網頁右上角【我的帳號】中,看到之前儲存的logo設計檔案。而當你設計完成logo之後,不論你是選擇【免費】或【付費】的方式來下載檔案,改天當你有新的想法時,就可以登入DesignEvo進行修改。

接著,來到首頁點選【免費製作Logo】的按鍵,就會進入logo設計的畫面了。

U1213 06 DesignEvo free logo maker step 1 800x300
DesignEvo 製作logo

Step 2設計logo

挑選適合的範本開始進行修改,可以在下圖【1】中輸入關鍵字搜尋DesignEvo提供的範本,或瀏覽【2】的分類挑選範本。而搜尋結果或選取分類之後的結果,會將所有logo範本顯示在【3】的位置。預設分類有:

  • 抽象
  • 動物&寵物
  • 藝術&娛樂
  • 汽車&物流
  • 商業&金融
  • 兒童&教育
  • 時尚&美容
  • 食品&飲品
  • 工業&建築
  • 法律&政治
  • 字母
  • 生活方式
  • 醫療&製藥
  • 自然&環境
  • 非盈利
  • 運動&健身
  • 科技&通訊
  • 旅遊&飯店
U1213 07 DesignEvo free logo maker step 2 design logo 800x339
DesignEvo logo範本

Step 3:發揮創意呈現品牌風格

想要設計與眾不同、直覺易理解、耳目一新的logo,現在透過DesignEvo提供的4個功能,完成編輯之後就可以收工了。不過有一點需要提醒,在編輯區下方可以設定logo解析度大小,最好是根據使用的佈景主題要求或個人需求先設定好。這樣子,可以省下logo檔案下載後,還要花時間透過圖片編輯軟體來調整圖片大小,如此一來,不僅可以節省時間也可以避免圖片編輯造成模糊的缺點。

  • 圖示包含了
    • 植物、社群軟體、自然、電子產品、汽車…
  • 文字包含了
    • 繁體中文
      • 超過25種字體
    • BOLD
      • 超過20種字體
    • Modern(Sans)
      • 超過30種字體
    • Traditional(Serif)
      • 超過15種字體
    • Handwriting
      • 超過20種字體
    • Funny
      • 超過15種字體
    • 以上字體都可以套用35種藝術風格的其中一種
  • 形狀包含了
    • 勳章
    • 裝飾
    • 線條
    • 實心形狀
    • 空心形狀
    • 橫幅
    • 符號
  • 背景
    • 透明背景
    • 自行輸入色碼
    • 內建純色
    • 內建漸變色
      • 可自行設定漸變色
U1213 08 DesignEvo free logo maker step 3 add icon-text-shape-background
使用DesignEvo來創造個人品牌獨特的風格

Step 4:下載logo檔案

品牌 logo 的用途主要就是網路商店、販賣實體產品的行業、架設網站或經營社群媒體之類的領域,所以我是覺得:

  • 繳交一次性作業用途的學生或工作上有展示商品需求的朋友
    • 可以考慮下載左手邊【免費】logo來使用
    • 【免費】logo檔案只有300×300解析度
    • 【免費】logo檔案的修改次數有限制
  • 網路商店、個人網站或自由工作族群
    • 可以考慮【中間/基礎套餐】或【右手邊/高級套餐】的logo來使用
    • 兩者差異可以參考官方說明: https://www.designevo.com/tw/pricing.html
    • 畢竟免費版低解析度(300×300)的logo,無法用在大部分的應用情境下,勉強將logo放大後,會發生模糊的結果,造成使用者體驗不佳的負面影響
    • 假使對於logo有【版權所有】的考量,就只能選【右手邊/高級套餐】
U1213 09 DesignEvo free logo maker price list 800x215

DesignEvo
10%折扣碼:
DESIGNEVO10

下圖是我使用DesignEvo設計的成果,之所以會選擇【付費版本】來建立個人品牌 logo 的原因不外乎是:

  1. 一次性付費後,可以不限次數的進行修改(請參考官方說明),如同前面章節提到的,logo應該是針對非核心部分進行修改,不該是大幅度變動
  2. DesignEvo不定期會有折扣,所以不要被牌價給嚇到了
  3. 考慮到未來會訂製贈品,用來輔助曝光個人品牌,例如: 馬克杯、筆記本、名片、T-shirt…等,所以高解析度的檔案才能應付大部分的需求
U1116_Patti blog_180x60

你可能有興趣: 10 款 ONVIF IP Cam 監視器影像管理軟體的使用心得

Canva

官方網址: https://www.canva.com/
檔案格式: png, jpg, pdf. (付費可下載svg)
圖片解析度: 500×500

雖然免費版限制使用許多功能、範本套用與圖片編輯,假使只是要製作基本、簡單的特色圖片或內容圖片, Canva 的確是很好的選擇。但是最大的缺點就是繁體中文字體看起來很陽剛,似乎無法完全支援,而且 logo 設計完成之後,只能下載低解析度圖片。

U1213 04 品牌 logo 設計 Canva download 300x300
Canva無法改變繁體中文字體的樣式

Launchaco

官方網址: https://www.launchaco.com/logo
檔案格式: png, svg
圖片解析度: 3500×1440, 1000×1000

屬於階層式的操作方式,輸入公司名稱、選擇圖案、選擇字體、選擇顏色…後,才能看到成果。假使完成logo製作後,想要進行小修改的話,就只能在有限的選項中做修改了,所以常會發生回到第一步再重新製作。最大的困擾就是我的品牌名稱: 【Patti的窩】是無法正確顯示,光是這一點就讓我放棄使用 Launchaco free logo app 了。

U1213 03 品牌 logo 設計 Launchaco download 300x300
Launchaco的繁體中文字體支援度不足

FreeLogoDesign

官方網址: https://www.freelogodesign.org/
檔案格式: png. (付費可下載PDF, JPG, SVG)
圖片解析度: 200×200 .(付費版包含: 5000×5000)

這一套logo設計軟體,一樣不支援繁體中文字體,而且免費版只能下載png檔案格式,解析度只有200×200。這種解析度即使是用在網站,也是會遇到logo圖片看起來不夠清晰、無法勝任的窘境。

U1213 10 FreeLogoDesign price list 800x288
FreeLogoDesign 不支援繁體中文字體

Looka

官方網址: https://looka.com/
限制: 只有付費版本

無免費版本可以試用,在操作過程中,會覺得跟Launchaco有點類似,屬於階層式的操作方式,只有在最後一刻,才能看到成果長怎樣。而且,Looka提供的範本並沒有分類,所以當你在挑選範本時,眾多logo會讓你看得眼花撩亂。

U1213 11 Looka logo app price list 800x335
Looka logo maker無免費版本

常見問題

DesignEvo可以申請退款嗎?

可以。自購買日起,7天內可以申請退款。

logo設計技巧很難嗎?

把握以下這幾點,新手也能製作專業的logo
1. 善用分割技巧:主元素與副元素可以根據使用情境,適當運用結合或分割方式,達到不同效果。例如:【圖形 + 文字】logo,有些場合只使用【圖形】或【文字】部分就好;而有些場合,就將兩者結合再一起使用。
2. 【簡單】為最高原則
3. 考慮比例與對稱性
4. 根據自身品牌精神,挑選適當的logo色調

哪個logo maker app的操作程序最適合新手呢?

操作過多個logo設計生成器之後,我還是覺得 DesignEvo 的設計頁面是最直覺的一款,很難發生找不到功能的狀況,蠻適合新手使用。

自架網站流程

架站硬體

電腦系統

free desktop pc svgrepo com
click svgrepo com

寬頻網路

globe connection svgrepo com
click svgrepo com

架站工具

軟體懶人包

xampp svgrepo com
click svgrepo com

申請網域

domain www svgrepo com
click svgrepo com

SSL 憑證

certificate ssl svgrepo com
click svgrepo com

商標設計

logo apple ar svgrepo com
click svgrepo com

架站效能

網站設定

setting line svgrepo com 1
click svgrepo com

網站設定

軟體參數微調

快取外掛

shower svgrepo com
click svgrepo com

架站安全

找出惡意爬蟲

crawl svgrepo com
click svgrepo com

網頁標題

quiz title svgrepo com
click svgrepo com

廣告違規

advertisement svgrepo com
click svgrepo com

結論

logo設計軟體,對於經營部落格、個人網站、網路商店…的人而言,絕對是會使用到的工具。因為你一定也想要經營一個【可識別】的品牌,而這個品牌與其他人是具備【差異化】的地方,所以可以利用視覺性的logo傳遞【良好體驗】給對方,這就是 logo 對於個人品牌的重要性。