品牌插圖 101：可視化敘事

插圖給你翅膀！

還記得 2000 年代初的那些舊紅牛廣告嗎？ 那些有著大鼻子的鬆散人物從一個瘦小的罐子裡吐出，長出翅膀，快樂地振翅高飛，飛揚而去的動畫？ 你當然知道。 風格和幽默是明確無誤的，並成為紅牛信息的重要組成部分。 在許多方面，這些愚蠢的廣告是當今品牌推廣實踐快速發展的先驅。

什麼是品牌插圖系統？

品牌是一種承諾。 品牌設計師通過用文字、標誌、顏色和排版精心打造這一承諾來幫助企業接觸人們。 插圖越來越多地被用來表達品牌價值，尤其是在網絡上。 需要明確的是，公司正在超越委託一次性插圖突出其網站上孤立的談話要點。 如今，他們將大量時間和資源投入到廣泛的品牌插圖系統中。

品牌插圖系統是一組具有凝聚力和風格的圖像，這些圖像闡明了品牌的承諾，通常是對人類體驗的認可（幽默、希望、諷刺等）。

重要的是要注意，除非有特定的策略另有說明，否則插圖應該是品牌整體框架的補充部分。

如果一個品牌的信息和視覺識別是結構化和嚴肅的，那麼鬆散和俏皮的插圖系統可能會導致混亂，特別是如果風格選擇背後沒有明確的意圖。

為什麼品牌插圖系統有用？

插圖能夠以一種熟悉但又不常見的方式重新想像現實，這使得它在難以解釋的想法時特別有用。 這是一種有效的方式來消除乾擾并快速關聯複雜的情緒。 但是為什麼要設計品牌插圖系統呢？ 為什麼不根據需要創建單獨的圖像，每個圖像都有自己獨特的風格？

第一個答案是語言。 插圖系統是一種豐富品牌視覺語言的方式，可以表達更細微的事物，而徽標、配色方案、字體甚至文字無法單獨傳達。

第二個答案是一致性。 一致的品牌塑造（即做出承諾）會為企業創造滿足期望，而人們會以忠誠度來獎勵滿足的期望。

品牌插圖系統使企業能夠在多個平台（網絡、印刷、社交等）上一致地展示其品牌故事。

領先品牌如何成功實施插圖系統？

讓我們看看三大品牌如何使用插圖系統作為其品牌建設戰略的一部分，為有用但主要是實用的產品帶來活力、活力和情感。

鬆弛

Slack 是一個在線“平台，可將團隊與完成工作所需的應用程序、服務和資源聯繫起來”。 最近，Slack 網站進行了重新設計，並重新出現了美麗、色彩鮮豔的插圖，描繪了衣著光鮮的千禧一代快樂地執行辦公室任務，例如查看消息、共享文件和發送筆記。

Alice Lee 是這些圖片背後的天才插畫家，她很好地解釋了她對她創建的品牌插圖系統的願景，“我喜歡用有限的調色板來展示商業合作等“嚴肅”概念的俏皮和溫暖，整個充滿活力的運動，並在構圖上打破了網格。”

Shopify

Shopify 是一個電子商務平台，為人們提供一套工具來幫助銷售產品和在線開展業務。 該公司的品牌強調其產品的易用性，從建立品牌店面到管理庫存和收款。

Shopify 的插畫團隊採用輕鬆的人形和鬆散的線條，成功地開發出一種休閒但視覺上充滿活力、簡單而精緻的風格。 這種平衡很有趣，因為它反映了品牌承諾的關鍵：“適合初學者和專家”。

投遞箱

Dropbox 是一種文件託管服務，用戶可以在其中存儲和共享信息並就項目進行協作。 在品牌插圖方面，Dropbox 團隊擁有 10 年的豐富實驗歷史。 他們探索了廣泛的技術，並與一群才華橫溢但不斷變化的插畫家合作。 通過這一切，他們已經設法磨練出什麼是有效的，並將他們的創造性努力轉化為一種有凝聚力但不斷發展的插圖風格。

2017 年 10 月，Dropbox 推出了雄心勃勃的品牌重塑計劃，其中包括對其品牌插圖系統進行改進的方法。 新款式使用手勢石墨標記和粗糙的、圖案明亮的形狀和紋理，努力挖掘創意合作的火花和自發性。

如何創建品牌插圖系統？

如果您從未使用過品牌插圖系統，或者您有過但對結果不滿意，那麼這裡列出的關鍵考慮因素將為您的下一個品牌設計項目帶來更多的清晰度。

1.了解品牌。

• 這是顯而易見的，但不應被忽視。 如果您不了解這個品牌，您製作的插圖不太可能引起您想要影響的觀眾的共鳴。 了解品牌比了解視覺識別更深入。 你必須知道承諾。 品牌想成為誰？ 他們希望如何被感知？ 他們想接觸誰？
• 了解品牌並不是很複雜。 如果您知道如何閱讀、記筆記、提問和使用搜索引擎，您就會找到所需的一切。

2. 了解需要什麼類型的插圖以及如何使用它們。

• 您的客戶需要現場插圖嗎？ 圖標插圖？ 全畫幅插圖？
• 插圖是網站的嗎？ 對於應用程序？ 兩個都？
• 插圖會用於印刷嗎？ 為了包裝？ 大格式呢？
• 插圖是否應符合理想的尺寸或比例？ 它們在超小尺寸下是否仍然清晰可辨？

3. 預算充足的視覺研究時間。

• 不要在項目開始時做空自己。 您需要花時間在視覺上研究大量圖像。 看看其他插畫家的作品，新老照片，藝術作品，童書，雜誌，現實生活。
• 在研究時，請保留草圖記錄。 這些是粗略的、未經編輯的草圖。 讓他們快點，讓他們豐富。

4. 追求獨特而靈活的風格。

• 您創建的插圖系統應該具有使其與眾不同的風格。 它應該喚起令人難忘的情感。 但理想情況下，您創建的圖像將無縫地與文本、攝影和其他圖形元素一起存在，而不會壓倒或混淆所呈現的信息。

5. 考慮創建所有插圖必須滿足的標準/規則列表。

• 如果您在創建統一的插圖集合時遇到問題，請為自己制定一些簡單的規則。 這些可以是任意的或唯一地與品牌的視覺識別相關聯。 以下是幫助您入門的示例快速列表：

  • 我只會使用孔蒂蠟筆。
  • 每個插圖都必須包含一個圓形、一個正方形和一個三角形。
  • 我只會從側面繪製面孔。
  • 任何插圖都不能有兩種以上的顏色。

6.不要低估顏色的重要性。

• 品牌插圖系統中的色彩策略需要從視覺研究的最早階段開始考慮。
• 這是一項名為“記憶中的品牌”的迷人新研究的鏈接，該研究要求人們根據記憶重新創建十個標誌性標誌。 研究發現，80% 的人能夠回憶起正確的品牌配色方案，而事實證明形狀和其他視覺元素更難記住。

其他有用的提示

1.為插畫系統創建一個地方或一個世界。

• 有時，一個項目來了，但簡介含糊不清，或者公司的品牌標識有點稀疏，或者它的網站文案令人困惑。 當這些事情發生時，很難想像您將如何創建一個有意義且完全開發的品牌插圖系統。
• 在將鉛筆與紙接觸之前，大膽地詢問有關該項目的更多問題。 您不是在向您的客戶詢問想法，而是在要求他們幫助您更好地了解他們的工作以及為什麼重要。
• 把你最清楚理解的想法、單詞和短語想像成一個快樂的小地方，也許是一個小鎮，你的客戶的品牌在這裡擁有、經營和監督一切。 想像一下該品牌如何與生活的方方面面相結合，讓事情變得更好，然後用縮略圖捕捉心理小插曲。
• 創建一個地方或一個世界是確保對大量插圖的一致感覺並將積極的人類體驗與人們可能會感到冷漠的產品和服務聯繫起來的好方法。

2. 如果可能，以矢量格式工作。

• 不要在任何項目上強制這樣做，但如果它符合願景並且光柵圖形不會增加顯著影響，請使用矢量。
• 為什麼要這樣做？ 編輯速度更快。 調整大小更容易（無像素化）。 顏色更靈活。 文件大小通常較小。 此外，缺乏手繪技能的設計師可以隨著系統的發展更輕鬆地添加新的和一致的資產。

3. 小心不要創造一個無意中變成吉祥物的角色。

• 吉祥物還不錯，但是一個強烈掩蓋品牌情緒和信息的其他部分的角色會適得其反且令人困惑。
• 不要迴避帶有“字符”的字符。 只需確保您的所有品牌插圖都具有一定的平衡和統一性，使它們相互補充並與整個品牌相輔相成。

是什麼讓品牌插圖系統有意義？

最後一句鼓勵的話：快樂和直覺是品牌插畫師最好的朋友。 品牌推廣是人們有時非常重視自己並說“我們所有的設計決策都必須基於數據”或“這不是藝術”之類的領域之一。 我們正在努力解決問題。” 不要讓那刺耳的聲音變得圓潤。

對於專業設計師和插畫師來說，為項目製作的每個元素都必須與品牌產生共鳴。 但是，品牌插圖系統的核心是一系列圖紙，所以玩得開心！ 搞笑。 要有創意。 做人。

呈現給客戶的插圖的外觀和感覺背後是否應該有理由和理由？ 是的。 但不要過度考慮每一個小小的創造性決定。 經驗、直覺、對品牌的紮實把握以及良好的老式辛勤工作為通向既有意義又經久不衰的品牌插圖系統鋪平了道路。

• • •

進一步閱讀 Toptal 設計博客：

• 電子商務用戶體驗——最佳實踐概述（附信息圖）
• 以人為本的設計在產品設計中的重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 移動界面的啟發式原則
• 預期設計：如何創造神奇的用戶體驗