文章作者 Yihui Liu 是一名 UI/視覺室內設計師和插畫師，熱愛以人為本的設計。通過在北京的學習和工作后，于德國魏瑪包豪斯大學完成了她的第二個碩士學位，目前在柏林擔任 Spacebase 的設計負責人。

品牌插圖是建立公司視覺品牌的一種有效方式。在文章中，Yihui Liu 向我們概述了開發這個強大的品牌插畫系統的過程。通過在中國及歐洲十多年的學習及獲取的專業經驗，作為 Spacebase 首席設計師，Yihui Liu 在她最近的工作中總結了一些經驗。

如今，網絡信息泛濫，企業的生存或死亡都取決于他們的品牌形象。品牌形象必須能夠傳遞企業信息并與用戶建立聯系，即使遠離企業網站和營銷內容，用戶依舊可以在不同的媒體上立即識別它。強大的品牌形象如同船錨一般，有助于確保用戶依附并產生價值關聯。

品牌形象通常是由不同的視覺元素所構成。例如 logo，品牌色，品牌字體。除了這些，插圖作為另一個強大的視覺交流手段，對于線上 UI 的需求也越來越多。

這是為什么呢？因為插圖將敘事元素引入視覺內容，通過更微妙的情感去表達，然后以更復雜的情況去展現。包括人的形象，往往以輕松或異想天開的方式使思想更加活躍，更容易被理解。插圖脫離了現實主義，建立了一個品牌所看到的世界。

這是線上破局設計中的一個重要部分。數字設計，以簡潔，大膽的圖像能被很好地轉化為獨特的品牌插圖，而不是單一用途的設計，線上插圖作為綜合視覺系統的一部分，插圖系統中的圖像具有統一的情緒或風格，即使圖像代表了產品或服務的不同方面，它們還是與品牌的形象和信息相一致。

插圖系統從任務需求到實際的產品支持加深了公司視覺傳達的信息的范圍和深度，同時也提升了品牌形象。

設計過程

如何建立一個有效的品牌插圖系統？接下來我會帶你看看我的設計過程，并以最近我們在 Spacebase 的設計改版為例。

1. 品牌研究

首先，了解你將要設計的品牌。聽起來可能很簡單，但不要低估此項工作的復雜性。即使你認為自己擁有專業知識，但這也值得你去花時間來刷新或加深你對品牌的理解。

深入了解公司及其產品或服務背后的文化，公司的核心價值觀是什么？公司現有的視覺體系采取什么形式？公司未來發展的愿景是什么？

在開始的時候徹底研究這件事可以讓你省去許多麻煩。

2. 了解用戶需求

除了做你自己的研究外，你還需要和利益相關者談談。這種聯系對于你的設計是否成功是至關重要的，所以要盡早讓他們參與進來，并隨時更新設計過程。

關于關鍵設計問題的答案：插圖將出現在哪里？它們需要表達什么？他們可能在什么樣的情況出現和帶有怎樣的情緒？你需要在哪些技術參數內工作？

在這個階段，受眾可能不太清楚他們想要什么。盡管如此，你應該仔細傾聽他們的意見，并考慮他們對企業目標和更廣泛的品牌形象的期望。

Spacebase 的宗旨是使在線預訂平臺更加人性化。我對會議室和使用會議室的人之間的關系進行了深入思考。我們想加入新穎又活躍的設計，以一種平穩，便捷，積極的方式，捕捉品牌信息，打破常規工作空間，這些設計必須是友好的，現代的，簡潔的。

3. 尋找靈感

情緒板對于及時捕捉你的想法和靈感是必不可少的工具。搜集該領域的競爭對手，收集與你的預期目標相似質量的圖片，并整合這些資料進行分析。這是一個激發你創作靈感的源泉，它會向受眾傳達出你所想要達到的整體基調。對受眾而言，這是一種有用的設計材料，因為情緒板讓大眾了解了在創建概念的工作開始之前插圖選擇的方向。

對于 Spacebase 的設計，Airbnb、IBM 和 Shopify 的插圖讓我深受啟發。對我來說簡單的人和空間的設計讓我印象深刻，我對柔和的調色板如何強調插圖，而不淹沒圖案元素感到尤為好奇。這類插圖給人們留下來了一種平靜、溫暖和包容的印象。

概念設計

在研究和情緒板之后，我開始在 Adobe Illustrator 上繪制草圖。有時我會使用手繪板，但更多的時候會用鼠標來設計。我用形狀創建一個基本結構，然后用鋼筆工具增加細節并細化基本的外輪廓。

設計出的圖形應該形成一個統一的系統，而不是獨立的場景。因此，第一次迭代目的是讓插圖具有獨特的風格，并將其運用到未來的不同設計之中。一開始可能不會成功，但將你的感覺與富有內在含義的品牌插圖相結合，目的是為了遵從你的設計理念。利用 Spacebase 插圖，我們把重點放在人物和配色方案上，使圖像與其他視覺品牌元素保持一致。

一開始，我會先用基本線條繪制人物輪廓，體現他們應有情感，以及整體的形體動作。我想用流動的線條賦予他們動態的輪廓，不斷優化。我想避免枯燥和復雜的設計，輕量和友好是關鍵詞。多樣性對我來說也很重要，因為 Spacebase 是一家國際公司，我總是希望同樣熱愛插圖設計的設計者能感同身受。

除了人物形象，我希望物體和環境有一個獨特的抽象風格，未來主義和設計的前衛設計。我們想要展示明亮、美麗的室內設計，讓用戶參與到空間的動態變化中，并通過物體來暗示一個理想化的專業工作環境。同時，這并不會分散人們注意力。Spacebase 的宗旨是激發大眾創造力，但他們的品牌更多關于使用這些空間的人。這需要經過多次迭代才能達到理想的結果。

草圖完善后，我想到了一個配色方案。色彩是強大的，是作品的第一感覺，所以對我來說用顏色突出插圖是很重要的。我想用微妙的陰影來增強和補充場景。配色方案還應體現品牌特色，并與其他視覺元素相匹配。對于 Spacebase 的配色方案來說，重要的是要擺脫單色，遠離像會議室中那種單調色彩。他們的主要品牌顏色是橙色，所以我用更柔和的色調進行中和：紫色，天空藍色，灰色和芥末黃色。

反饋

在第一次迭代之后，收集所有你能得到的反饋。

顯然，你需要和核心用戶談談，讓他們接受你的設計。但也要盡量征求用戶或同事的意見，特別是那些不從事設計工作的人。他們的回答可以作為下一步改進插圖的理由。為真正的目標用戶設計，而不是想象中的需求。

總的來說，我更喜歡聽到人們的意見，贊揚固然是好事，但意義不大。了解用戶的痛點（或一些對他們來說沒有視覺意義的東西），向他表明在哪里集中注意力。即使他們不同意你的想法，受眾和他們的用戶也必須熱愛設計。優秀的設計會受到人們關注。

我在 Spacebase 最糾結的一個插圖是取消郵件的 banner。當客戶取消預訂或當 Spacebase 取消預定時，客戶就會收到這些信息。

沒有人喜歡壞消息，所以我想通過設計讓用戶減輕失望的感覺，并表示同情和理解。但是早期版本太繁雜了，同事們說收到過激的言論感覺就像世界末日，這需要花很長時間（和許多次迭代）才會向不同的方向發展。

最后，我們把所有的人物形象都去掉了。這是一種避免插圖變得過于情緒化并給人更中性感覺的方法。最新的迭代最小化了情緒，它通過半抽象的屏幕表示來呈現問題，但也指向了一個超越取消的未來。

參考資料

建立一個含有不同元素的專用元素庫對設計插圖非常有幫助。從長遠來看，這意味著你可以用作以后的參考，可以確保你的風格在不同插圖中保持一致。保持插圖連貫一致是系統整體有效性的關鍵。

再次聲明

準備好經歷這一繁雜的迭代過程。

不斷迭代是設計出成功視覺標識的最重要部分。繼續創建新版本，獲取反饋，并起草新的迭代。一切都是原型，你必須保持開放的態度，使你的品牌盡可能貼近用戶。保持受眾的更新和參與，并為意想不到的轉變做好準備。設計也是一段旅程，每一步都會讓你更接近一個更好的結果。

只要你專注于研究和反饋，你就會朝著正確的方向前進。這是我在設計方面獲取的最大收獲──這一過程激勵著我，當我覺得自己在不斷進步時，我會為我現在所專注的事情感到開心。

歡迎關注譯者的微信公眾號：「彩云譯設計」