項目背景
插畫在UI中運用已經不是什么新鮮事，但是在項目中大家都擅長不同的設計風格，在圖形化的工作協同中，風格難復現和統一。所以為了保持圖形化設計輸出的一致性，建立插畫庫就顯得尤為重要。
產品概述
慧徠店是專為商戶推出的數字化管理系統，具有商品管理、會員管理、經營分析、聚合支付、庫存管理、營銷管理等多種新零售解決方案。
產品定位
對產品有了清晰的了解之后，我們來大致梳理一下產品定位，有了統一清晰的產品定位之后，也可以更好的定位設計目標和設計方向。
情緒板
在進行插畫庫設計之前，需要先做好準備工作，對項目有充分的了解和調研，找到合理的設計目標。情緒板可以有效統一大家對產品的理解，并且也可以讓非設計工作人員參與進來，在關鍵詞的腦暴過程中可以更多的去了解大家的想法，從而再有效的進行
關鍵詞
從用戶屬性、行業屬性和產品訴求3個方面進行關鍵詞的分析，提煉出了衍生關鍵詞，再按照指定關鍵詞進行參考圖的收集與整理。
對關鍵詞我們再次進行分析和整理，對于用戶來說，簡潔實用才是第一位的，且由于B端產品的屬性，整體界面并不會像C端那樣色彩豐富，不過由于B端業務場景的多樣化，對于插畫庫的要求也需要能應對較為多樣化的場景。
設計風格參考
B端插畫相對來說對質感要求不高，所以一開始就將目標鎖定在了扁平插畫范疇，在參考時，除了插畫的設計風格，還包括人物的衣服、發型、動作、配色、構圖等等。從以下參考中了解當前主流扁平插畫的運用，從而運用到項目當中。
構圖分類
結合產品與參考，將插畫構成分為了背景、中景與前景，并在畫面不充分或者構圖不和諧時使用點綴元素，以此規范來保證畫面整體的和諧統一。
插畫系統
插畫構成的詳細介紹
人物比例
在人物比例上，男生采用接近真實比例的8頭身，女生則同樣接近8頭身，沒有采用7.5頭身的原因是在排版時，可以使人物基本在同一水平線上。
三視圖展示
制定好基本的結構，并以此為基礎進行人物動作的延展。
動作延展
人物的設定上沒有添加太多細節，沒有設置表情和特定服飾，在適配上可以盡可能多地適配公司多種業務和場景。
背景層組件
背景層以展現大場景為主，列為通用、城市、室內、商戶等，主要結合業務場景，給出大的氛圍方向，在視覺層級上為最弱。
中景層組件
展現B端中常出現的數據分析、電腦、手機、云等元素，增強畫面的凝聚力。
點綴層組件
點綴層作為氛圍補充之用，同樣是圍繞常見的氛圍元素，例如時間、錢包、禮物、盆栽、植物、氣泡等，用來豐富畫面。
組合示例
下圖給出組合規范，對于常用場景的規范搭建，不過基于當前處于業務拓展期，場景和業務會不斷迭代，僅作為參考示范。
總結
此次插畫庫設計有兩個比較大的問題，一是人物動作與比例的統一，二是關于整體場景的適配與適用性。人物比例的統一于協調是插畫庫的關鍵，基本上所有的場景都與人物有關，因此在人物動作上也是盡可能多地進行延展，不過當前人物主要以正面和3/4側面為主，之后還需要盡可能多的補充不同的角度。此外，插畫庫比較適用一些重復性、普適性強的場景，若有其他業務場景，或者當前插畫庫不能適配的，需要根據實際場景或者業務需求進行繪制。
