幾何

Yihui Liu是一名UI/視覺設計師和插畫家,對以人為本的設計有著極大的熱情。在北京學習和工作后,在大學完成了她的第二個碩士學位。目前在柏林擔任Spacebase的設計負責人。

品牌插圖是一個建立公司視覺品牌一種有效的方式,本文中給大家概述了如何建立一個強大的品牌插畫系統過程。

 

寫在前面

品牌插圖是一個建立公司視覺品牌一種有效的方式。在這篇文章中,Yihui Liu 概述了她如何建立一個強大的品牌插畫系統過程。她在中國和歐洲的10多年研究和專業經驗使她的方法得到完善,并從她作為Spacebase首席設計師的工作中提取了一些例子。

在大量的在線內容中,公司依靠其品牌形象生存或死亡。一個品牌形象必須表達公司的信息并與用戶建立聯系,用戶應該能夠通過不同的媒體去識別它。
品牌形象通常是由不同的視覺元素構成的,比如logo、調色板、特定的字體。除了這些,插圖是另一種強大的視覺傳達手段,對于在UI的界面上也越來越需要了。

為什么?因為插圖可以將敘事元素引入視覺內容中,并從微妙的情緒或更復雜的情況中表達。包括人的形象使思想變得活躍和更容易理解,通常以一種輕松或異想天開的方式。插圖脫離了現實主義,讓你構建品牌所看到的世界。

那么,你應該如何著手設計一個有效的品牌插圖系統呢?帶你看看我的設計過程,并以最近我們在Spacebase進行的設計為例。

 

研究品牌

首先要知道你要設計的品牌,這可能聽起來很簡單,但是不要低估你所涉及的工作。即使你認為自己已經掌握了工作知識,也值得花時間更新或加深對你對品牌的理解。

深入的了解公司及其產品或服務背后的文化。他們的主要信息是什么,他們現有的視覺標識采取什么形式,公司想要朝什么方向發展?一開始你就徹底地去研究這些,避免你以后遇到更多的麻煩。

 

組織靈感

一個情緒板對于掌握你接收到的信息和組織你的想法是很重要的。收集競爭對手或公司在該領域與你的預期目標類似的圖像,然后匯編成一個資源。這是一個對于自己激發靈感的方法,也可以作為你想要實現的整體基調的指南。

對于Spacebase設計,我特別受到Airbnb、IBM和Shopify插圖的啟發。簡單的人物和空間設計讓我印象深刻,讓我更加感興趣的是它們柔和的調色板如何使插圖集中,又不會淹沒圖案元素。?它們給人一種平靜、溫暖和包容的感覺。

 

設計概念設計

經過研究和情緒板之后,我開始在PS上進行草圖繪制。有時我使用Wacom手繪板,但主要是我使用鋼筆工具來控制鼠標。我使用形狀創建一個基本結構,并使用鋼筆工具添加細節和加強基本輪廓。

記住,你設計的圖像應該結合在一起形成一個統一的系統,而不是形成獨立的場景。因此,即使這是第一次迭代,也要使插圖具有獨特的風格,將來可以在不同的場景設計中使用它們。

借助Spacebase插圖,我們將重點放在人的性格和配色方案上,使圖像與其他視覺品牌元素保持一致。

我開始畫人物的基本輪廓,來感受他們所代表的情感。我想要流暢的線條,給他們動態的輪廓和動作的建議。我還想避免任何看起來過于沉重的內容,輕量級和友好是關鍵字。多樣化對我來說也很重要,因為Spacebase是一家國際公司,我一直希望插圖的觀看者能看到自己。

除了人物之外,我還希望對象和環境具有一種獨特的風格(抽象),未來主義和前衛設計。我們想要展示明亮和美麗的內部空間,讓用戶參與到空間動態中,并且使用一些物體建一個理想化的專業工作環境。同時,這些也不是為了分散注意力。Spacebase致力于激發會議室的靈感,品牌更多的是關于使用這些空間的人。這需要多次的迭代才能得到正確的結果。

草圖經過細化之后,我想到很多種配色方案。色彩非常有力,可以引起即時反應,所以對我來說,重要的是不要壓倒插圖。我想要細微的陰影來增強和補充場景。色彩方案也要體現品牌的個性,與其他視覺元素相匹配。對于Spacebase配色方案,重要的是要打破單色并遠離通常與會議室相關的色調顏色。他們的主要品牌色是橙色,所以我用更柔和的色調來平衡,比如紫色、天藍色、灰色和芥末黃。

 

收集反饋

在第一次迭代之后,盡可能收集所有的反饋。顯然,你需要與主要涉眾溝通,談談他們對設計的看法。但如果你有用戶或同事的意見,也要試著征求他們的意見,尤其是那些不在設計領域工作的人。他們的回答可以引導你下一步應該采取什么樣的步驟來改善插圖。為真實的目標用戶設計,而不是想象的需求。

總的來說,我更喜歡聽到人們的意見??洫勲m然是挺好的,但用處不是很大。我們了解用戶的痛點,告訴他應該把注意力集中在哪里。即使他們不同意你的想法,涉眾和他們的用戶也必須喜歡這個設計。好的設計取決于用戶的眼光。

我在Spacebase中最糾結的一個插圖是取消郵件的橫幅。當用戶取消預訂或當Spacebase取消預訂時,他們就會收到這些信息。沒有人喜歡看到不好的東西,所以我希望設計能夠給用戶傳遞一些理解。不過早期的版本太復雜了。

最后,我們把所有的人物都去掉了。這是一種避免插圖變得過于情緒化并給人以更中性的感覺的方法。最新的迭代最小化了戲劇性,它通過半抽象的屏幕表現來呈現一個問題,但也指出了取消之前的預期。

參考資料庫

當你在畫插圖的時候,建立一個你已經使用過的不同元素的資料庫是很有用的。這意味著你在以后可以去參考它們,可以確保你的風格在不同的插圖上保持一致。從長遠來看,保持插圖的一致性是系統整體有效性的關鍵。

我們經歷了很多階段才達到了最終迭代…

不斷的迭代是一個成功的視覺識別的最重要的部分,不斷的創建新的版本,獲取反饋,并設計新的迭代。一切都是原型,你必須保持調整的態度,以使你的品牌盡可能貼近用戶。讓相關人士了解最新情況和參與進來,并為意外的轉折做好準備,設計也是一個過程,每一步都讓你更接近一個更好的結果

只要你專注于研究和反饋,你就會朝著正確的方向前進。這就是我從設計中獲得的最大收獲,我對正在進行的過程充滿了動力,當我感覺自己在不斷改進時,我很樂意做我所做的事情。

譯文地址:小阿田的設計筆記(公眾號)

原文地址:smashingmagazine

作者:By Yihui Liu譯文作者:Tzw_n

轉載請注明:學UI網 » 如何建立一個強大的品牌插畫系統

登錄收藏
 
你可能喜歡的:
從什么時候開始,你覺得自己做設計不會排版?從什么時候開始,你覺得自己做設計不會排版?
《拍一張照片,就能設計成一幅海報》之創意從何而來?《拍一張照片,就能設計成一幅海報》之創意從何而來?
怎么畫一個萌萌噠的手繪頭像?(視頻+圖文教程)怎么畫一個萌萌噠的手繪頭像?(視頻+圖文教程)
干貨|如何設計并落地一個插畫系統?干貨|如何設計并落地一個插畫系統?
繪制多層次光影扁平風人物插畫(含詳細思路解析)繪制多層次光影扁平風人物插畫(含詳細思路解析)
提高運營設計效率的2個小妙招提高運營設計效率的2個小妙招
海報的信息太多,該如何解決?海報的信息太多,該如何解決?
設計沉思錄|解密服務品牌設計設計沉思錄|解密服務品牌設計
春節海報不會做,該如何解決?春節海報不會做,該如何解決?
電商詳情頁不會做?這些實用技巧你都會嗎?電商詳情頁不會做?這些實用技巧你都會嗎?
?
天津十一选五app 甘肃快三 金牛配资网是否合法 河北排列五开奖号码 山东体11选5走势 极速时时彩是真的吗 华东15选5今晚胆号预测 体育彩票每周开奖时间 20万理财一年赚13万 黑龙江快乐十分开奖结果 三分彩开奖是同步的吗