Yihui Liu是一名UI/視覺設計師和插畫家,對以人為本的設計有著極大的熱情。在北京學習和工作后,在大學完成了她的第二個碩士學位。目前在柏林擔任Spacebase的設計負責人。
品牌插圖是一個建立公司視覺品牌一種有效的方式,本文中給大家概述了如何建立一個強大的品牌插畫系統過程。
寫在前面
品牌插圖是一個建立公司視覺品牌一種有效的方式。在這篇文章中,Yihui Liu 概述了她如何建立一個強大的品牌插畫系統過程。她在中國和歐洲的10多年研究和專業經驗使她的方法得到完善,并從她作為Spacebase首席設計師的工作中提取了一些例子。
那么,你應該如何著手設計一個有效的品牌插圖系統呢?帶你看看我的設計過程,并以最近我們在Spacebase進行的設計為例。
研究品牌
首先要知道你要設計的品牌,這可能聽起來很簡單,但是不要低估你所涉及的工作。即使你認為自己已經掌握了工作知識,也值得花時間更新或加深對你對品牌的理解。
深入的了解公司及其產品或服務背后的文化。他們的主要信息是什么,他們現有的視覺標識采取什么形式,公司想要朝什么方向發展?一開始你就徹底地去研究這些,避免你以后遇到更多的麻煩。
組織靈感
一個情緒板對于掌握你接收到的信息和組織你的想法是很重要的。收集競爭對手或公司在該領域與你的預期目標類似的圖像,然后匯編成一個資源。這是一個對于自己激發靈感的方法,也可以作為你想要實現的整體基調的指南。
對于Spacebase設計,我特別受到Airbnb、IBM和Shopify插圖的啟發。簡單的人物和空間設計讓我印象深刻,讓我更加感興趣的是它們柔和的調色板如何使插圖集中,又不會淹沒圖案元素。?它們給人一種平靜、溫暖和包容的感覺。
設計概念設計
經過研究和情緒板之后,我開始在PS上進行草圖繪制。有時我使用Wacom手繪板,但主要是我使用鋼筆工具來控制鼠標。我使用形狀創建一個基本結構,并使用鋼筆工具添加細節和加強基本輪廓。
記住,你設計的圖像應該結合在一起形成一個統一的系統,而不是形成獨立的場景。因此,即使這是第一次迭代,也要使插圖具有獨特的風格,將來可以在不同的場景設計中使用它們。
借助Spacebase插圖,我們將重點放在人的性格和配色方案上,使圖像與其他視覺品牌元素保持一致。
我開始畫人物的基本輪廓,來感受他們所代表的情感。我想要流暢的線條,給他們動態的輪廓和動作的建議。我還想避免任何看起來過于沉重的內容,輕量級和友好是關鍵字。多樣化對我來說也很重要,因為Spacebase是一家國際公司,我一直希望插圖的觀看者能看到自己。
除了人物之外,我還希望對象和環境具有一種獨特的風格(抽象),未來主義和前衛設計。我們想要展示明亮和美麗的內部空間,讓用戶參與到空間動態中,并且使用一些物體建一個理想化的專業工作環境。同時,這些也不是為了分散注意力。Spacebase致力于激發會議室的靈感,品牌更多的是關于使用這些空間的人。這需要多次的迭代才能得到正確的結果。

草圖經過細化之后,我想到很多種配色方案。色彩非常有力,可以引起即時反應,所以對我來說,重要的是不要壓倒插圖。我想要細微的陰影來增強和補充場景。色彩方案也要體現品牌的個性,與其他視覺元素相匹配。對于Spacebase配色方案,重要的是要打破單色并遠離通常與會議室相關的色調顏色。他們的主要品牌色是橙色,所以我用更柔和的色調來平衡,比如紫色、天藍色、灰色和芥末黃。
收集反饋
在第一次迭代之后,盡可能收集所有的反饋。顯然,你需要與主要涉眾溝通,談談他們對設計的看法。但如果你有用戶或同事的意見,也要試著征求他們的意見,尤其是那些不在設計領域工作的人。他們的回答可以引導你下一步應該采取什么樣的步驟來改善插圖。為真實的目標用戶設計,而不是想象的需求。
總的來說,我更喜歡聽到人們的意見。夸獎雖然是挺好的,但用處不是很大。我們了解用戶的痛點,告訴他應該把注意力集中在哪里。即使他們不同意你的想法,涉眾和他們的用戶也必須喜歡這個設計。好的設計取決于用戶的眼光。
我在Spacebase中最糾結的一個插圖是取消郵件的橫幅。當用戶取消預訂或當Spacebase取消預訂時,他們就會收到這些信息。沒有人喜歡看到不好的東西,所以我希望設計能夠給用戶傳遞一些理解。不過早期的版本太復雜了。
最后,我們把所有的人物都去掉了。這是一種避免插圖變得過于情緒化并給人以更中性的感覺的方法。最新的迭代最小化了戲劇性,它通過半抽象的屏幕表現來呈現一個問題,但也指出了取消之前的預期。
參考資料庫
我們經歷了很多階段才達到了最終迭代…
不斷的迭代是一個成功的視覺識別的最重要的部分,不斷的創建新的版本,獲取反饋,并設計新的迭代。一切都是原型,你必須保持調整的態度,以使你的品牌盡可能貼近用戶。讓相關人士了解最新情況和參與進來,并為意外的轉折做好準備,設計也是一個過程,每一步都讓你更接近一個更好的結果
只要你專注于研究和反饋,你就會朝著正確的方向前進。這就是我從設計中獲得的最大收獲,我對正在進行的過程充滿了動力,當我感覺自己在不斷改進時,我很樂意做我所做的事情。
原文地址:smashingmagazine
譯文地址:小阿田的設計筆記(公眾號)
轉載請注明:學UI網 » 如何建立一個強大的品牌插畫系統