品牌插圖系統:繪製強大的視覺識別
已發表: 2022-03-10在網絡內容的洪流中,公司的生死取決於其品牌形象。 品牌形象必須表達公司的信息並與用戶建立聯繫,用戶應該立即通過不同的媒體識別它,即使遠離公司的網站和營銷內容。 強大的品牌形象就像一個錨,有助於確保用戶依戀並固定價值聯想。
品牌形象通常由不同的視覺元素組成——標誌、調色板、特定字體。 除此之外,插圖是另一種強大的視覺交流方式,對在線 UI 的需求越來越大。
為什麼? 因為插圖將敘事元素引入視覺內容,並允許表達更微妙的情感或更複雜的情況。 包括人物形象使想法變得活躍和易於理解,通常以輕鬆或異想天開的方式。 插圖遠離現實主義,讓您按照品牌的眼光構建世界。
這是在線活動的更大難題中的重要組成部分。 使用矢量的數字設計偏愛乾淨、大膽的圖像,這些圖像可以很好地轉化為獨特的品牌插圖。 這些在線插圖不是一次性設計,而是被用作綜合視覺系統的一部分。 插圖系統中的圖像具有統一的情緒或風格,這使得它們可以與品牌更廣泛的形象和信息相識別,即使它們代表產品或服務的不同方面。
插圖系統增加了公司在視覺上傳達的信息的範圍和深度,從使命陳述到實際的產品支持,同時加強品牌形象。
設計過程
那麼你應該如何設計一個有效的品牌插圖系統呢? 我將帶您完成我的設計過程,並以我們最近在 Spacebase 進行的大修為例。
研究品牌
第一件事是第一件事——知道你要設計的品牌。 這聽起來很明顯,但不要低估所涉及的工作。 即使您認為自己已經掌握了實用知識,也值得花時間刷新或加深您對品牌的理解。
深入了解公司及其產品或服務背後的文化。 他們的主要信息是什麼,他們現有的視覺形象採用什麼形式,公司想要發展的方向是什麼?
一開始就徹底調查這一點,以後會避免頭疼和死胡同。
了解利益相關者的需求
除了進行自己的研究外,您還需要與利益相關者交談。 這種聯繫對於您的設計成功至關重要——因此請儘早讓他們參與進來,並讓他們了解流程的最新情況。
獲取有關設計的關鍵問題的答案:插圖將出現在哪里以及它們需要表達什麼? 他們可能會在什麼樣的情況和情緒上發揮作用? 您需要在哪些技術參數範圍內工作?
在這個階段,利益相關者可能不太清楚他們想要什麼。 儘管如此,您應該仔細傾聽他們的意見,並考慮他們對業務目標和更廣泛的品牌形象的期望。
Spacebase 的目標是讓在線預訂平台更加平易近人、更加人性化。 我深入思考了會議室和使用它們的人之間的關係。 我們希望以流暢、方便、支持的方式捕捉打破常規工作空間的品牌信息,進入新的和令人興奮的工作空間。 這些設計必須給人以友好、現代和簡單的印象。
組織靈感
情緒闆對於掌握您收到的輸入和組織您的想法至關重要。 從該領域的競爭對手或公司收集與您的預期目標具有相似品質的圖像,然後將它們編譯成資源。 看看是什麼激發了你的靈感,可以作為你想要達到的整體基調的指南,並為第一次迭代提出建議。 這也是向利益相關者展示的有用材料,因為它讓他們在創建概念的工作開始之前了解插圖將採取的方向。
對於 Spacebase 設計,我特別受到 Airbnb、IBM 和 Shopify 插圖的啟發。 人和空間的簡單設計對我來說真的很突出,我對柔和的調色板如何保持插圖的重點感興趣,而不會壓倒圖像元素。 它們給人一種平靜、溫暖和包容的印象。
概念創作
在研究和情緒板之後,我開始在 Adobe Illustrator 上素描。 有時我會使用 Wacom 數位板,但我主要使用鋼筆工具來固定鼠標。 我使用形狀創建基本結構,並使用鋼筆工具添加細節並增強基本輪廓。
請記住,您設計的圖像應該連貫起來形成一個統一的系統,而不是形成獨立的場景。 因此,即使這是第一次迭代 - 旨在為插圖賦予獨特的風格,您將來可以在不同的設計中復制。 這可能一開始不會出現,但您會覺得自己的方式朝著品牌插圖的內部邏輯發展,並旨在在您的決策中與此保持一致。
通過 Spacebase 插圖,我們專注於人物角色和配色方案,以使圖像與其他視覺品牌元素保持一致。
我開始用基本輪廓繪製人物角色,以了解他們所代表的情感以及他們將如何居住在室內空間中。 我希望流暢的線條賦予它們動態的輪廓並暗示運動。 我還想避免任何看起來太重的東西——輕量級和友好是關鍵詞。 多樣性對我來說也很重要,因為 Spacebase 是一家國際公司,我總是希望插圖的觀眾看到自己。
除了人物,我希望物體和環境具有獨特的風格——抽象、未來主義和設計前衛。 我們希望展示明亮、美麗的室內設計,讓用戶參與到空間動態中,並使用暗示理想化專業工作環境的物品。 同時,這些也不是為了分散注意力。 Spacebase 是關於鼓舞人心的會議室,但他們的品牌更多的是關於使用這些空間的人。 這需要多次迭代才能正確。
草圖完善後,我想到了一個配色方案。 顏色很強大,能引起即時反應——所以對我來說不要壓倒插圖很重要。 我想要微妙的色調來增強和補充場景。 配色方案還應反映品牌的個性並與其他視覺元素相匹配。 對於 Spacebase 配色方案,打破單色並遠離通常與會議室相關的單調色彩非常重要。 他們的主要品牌顏色是橙色,所以我用更冷的柔和色調來平衡它:紫色、天藍色、灰色和芥末黃。
回饋
第一次迭代後,盡可能獲得所有反饋。
顯然,您需要與主要利益相關者交談,了解他們對您的設計的看法。 但也要嘗試徵求用戶或同事的意見,如果有的話——尤其是那些不從事設計工作的人。 他們的回答可以指導您採取下一步措施來改進插圖。 為真正的目標用戶設計,而不是想像的需求。
總的來說,我更喜歡聽到人們無意中聽到他們的讚美時的挫敗感。 榮譽很好,但不是非常有用。 了解用戶的痛點(或視覺上對他們沒有意義的東西),表明你應該把注意力集中在哪裡。 即使他們不同意你自己的想法,利益相關者和他們的用戶也必須喜歡這個設計。 好的設計在用戶眼中。
我在 Spacebase 最苦惱的插圖之一是取消電子郵件的橫幅。 客戶在取消自己的預訂或 Spacebase 不得不取消預訂時收到這些。
沒有人喜歡壞消息,所以我希望設計能夠分享他們的失望,並表達同情和理解。 不過,早期版本太重了。 同事們說,感覺就像世界末日一樣,已經通過了一些激烈的判斷。 朝著不同的方向發展需要很長時間(和多次迭代)。
最後,我們完全刪除了人物。 這是一種避免插圖變得過於情緒化並賦予它更中性的感覺的方法。 最新的迭代最大限度地減少了戲劇性——它通過屏幕的半抽象表示承認了一個問題,但也指出了取消之後的未來。
參考圖書館
在創建插圖時,建立一個包含已使用的不同元素的庫會很有用。 這意味著您將來可以參考它們,並確保您在不同的插圖中保持風格和感覺一致。 從長遠來看,保持插圖的連貫性是系統整體有效性的關鍵。
重複
準備好多次經歷這個過程。
不斷迭代是產生成功視覺識別的最重要部分。 不斷創建新版本、獲取反饋並起草新的迭代。 一切都是原型,您必須對調整保持開放態度,以使您的品牌盡可能與用戶相關。 讓利益相關者保持更新和參與,並為意想不到的轉變做好準備——設計也是一段旅程,每一步都能讓您更接近非凡的結果。
只要您沉浸在研究和反饋中,您就會朝著正確的方向前進。 這就是我發現設計最有價值的地方——我被正在進行的過程所激勵,當我覺得自己在不斷地改進事物時,我很高興能做我所做的事情。