《NPO與他們的社群基地》課程精摘｜用設計說品牌，掌握品牌秘訣，打造吸睛社群圖片

📍除了好的設計，品牌成功最重要的秘訣：完整的顧客歷程與經驗感受。

文章｜Stinkyfi

在這集的課堂中，Vera將課程分成三部分，接下來將會逐一介紹：

1. 何謂品牌力？好的品牌設計對公司內部員工與外部顧客分別有什麼重要意義？以Uber品牌來舉例
2. 手把手教你設計一張吸引人圖片：設計的基本元素(字體、顏色)、吸引人圖片的Do’s & Don’ts、提升點閱參與度的小撇步
3. 免費的線上資源整理

第一部分：何謂品牌力？

首先，來看看怎麼定義品牌：

📍好的品牌設計透露出公司的靈魂與個性！

一個商業模式的靈魂與個性，和高同質性商品有強大的區別力。使人對之產生情感，建立黏著度，同時對內能具有向心力，吸引具有類似價值觀的人才。

全球型的品牌顧問公司Interbrand每年會發布Top 100 Best Global Brands 報告，提供今日商業品牌的評價分析與未來的行動方向，看到今年榜上的企業品牌好像也不怎麼意外呀(Top 1 : Apple, Top 2：Amazon, Top 3 : Microsoft)。

為什麼需要品牌呢？Vera用三個層面來回答。

1. 對內部的領導來說，好的品牌提供了明確的方向性、校準性、同理性和靈活性
2. 以外部的承諾來考慮，好的品牌提供了區別性、一致性和參與性
3. 與外部的連結，好的品牌提供了在場性、信任感和親和力

Uber 的品牌設計規範｜credit to Vera

以Uber品牌設計來說，

Uber為自己的品牌設計了專屬字體、擬定黑白為主色，因為這是對比度最高的配色、以幾何插畫為主，提供象徵性的趣味、畫面中出現的影像有特定的比例：人物照20%、生活照50%、實際用戶經驗10%、文字圖形20%、特殊的U狀版型等的作為設計的統一規範。

第二部分：手把手教你設計一張吸引人圖片

∎ 設計本身 — 字體、顏色

Vera提供四種設計時可以用的字體，黑體具有現代感，適用於沒有過多轉折的英文字Sans-Serif；明體精緻、細節度最高，適合搭配Serif；圓體可愛，適合童趣設計；黑明體擁有中和的細節感，適合文青風。

Vera推薦的四種字體｜credit to Vera

四種配色方法｜credit to Vera (Source: Ultimate Guide to Color in UX/UI Design)

而同樣重要的色彩，主要有四種配色的方法，也可以使用adobe提供的色彩工具 ，找到色彩的靈感與選色的建議！

1. 單色配色法：飽和度由高到低，色彩一致，優雅和諧，但較為單調。
2. 相似色配色法：選定主色後，在色環中左右各選擇一個顏色，保有優雅中增添一點活力。
3. 互補色配色法：選定主色後，在色環中的對面選擇一個顏色，為跳色的方式，給人較強烈的感受。
4. 補色分割配色法：為互補色配色法的延伸，不會像互補色配色法一樣太過強烈，讓人感覺更舒服。

∎ 設計圖片時的四個Do’s & Don’ts

四個Do’s & Don’ts｜credit to Vera

1. 使用高解析度的影像，也需注意影像需清楚對焦。
2. 展示品牌，透過顯示Logo建立一致的形象和風格提高辨識度。圖片右方為某官方在疫情之下對民眾出入市場的注意事項，但背景過於雜亂，也無法得知出自於哪個縣市。
3. 文字比例低於20%的圖像，大小標分明，讓人一眼看到重點。
4. 要讓閱聽眾一眼就看到焦點訊息，並搭配適合的視覺風格

∎ 該怎麼提升與民眾的參與度呢？

設計完一張吸引人的圖片時，除了讓粉絲參加抽獎、現身說法外，還有什麼方式可以讓大家離不開視線呢！

Shopee的小心思｜credit to Vera

Vera提供的第一個方法是尋找與當下熱點的連結，可以從新聞、活動、節慶等下手，來創造話題性。例如Shopee就透過新垣結衣與星野源結婚做為發想，重新定義了「星火撩垣」，讓民眾在會心一笑間，便不自覺得點下連結，才發現得到老婆餅一袋。老婆餅不是重點，讓你去Shopee網站內晃蕩一圈才是XD

另外，也可以參考Mckinsey用數據、生活、知識等不同表達方式去訴諸同一主題，想知道Mckinsey如何用數據圖表來表達，歡迎看Vera之前寫的這篇文章：和McKinsey & BCG 學圖表設計 ( Data Visualization & Infographic )

第三部分：免費的線上資源整理

最後，Vera分享了她在創作時常用到的線上資源給大家，每一個網站都值得深入探索！

可公開使用的免費高品質圖庫-照片

Unsplash、Pixabay 、Pexels

可公開使用的免費高品質圖庫-插畫 (建議在使用時不要用不同風格的插畫)

DrawKit 、Isoflat 、unDraw 、Mega Creator 、Open Doodles 、Free Vector 、Vecteezy

演講後的大合照

謝謝你看到這裡，歡迎分享！

Hello，我是Vera，總是在思考優化工作流程方法的Designer，喜歡設計、藝術和文學。
如果有任何建議或合作提案可以透過以下這些方式聯繫。
Behance ｜ Dribbble ｜ Website