免費
![20200916145303869.png 20200916145303869.png](http://cdn.meia.me/u/2009/20200916145303869.png)
自如創意設計師周猛
第二場分享由自如創意設計師周猛,講解自如插畫系統的設計、組成。
插畫組件的人物部分,從基礎的角色類型、形體比例,到肢體細節處理、畫面風格統一,都進行了系統化的定義與規范。
![20200916145407475.png 20200916145407475.png](http://cdn.meia.me/u/2009/20200916145407475.png)
自如插畫組件人物的表情庫
例如,角色的頭部設計經歷了細致的拆分迭代,包括眉毛、頭發、臉型等面部細節的多樣化塑造,以及后期多角度、多外貌、多情緒的頭部設定,經過不斷豐富與修正最終完成了人物的表情、年齡、動作、發型方面的擴展。
![20200916145423937.png 20200916145423937.png](http://cdn.meia.me/u/2009/20200916145423937.png)
自如插畫組件自如客人物造型
![20200916145442921.png 20200916145442921.png](http://cdn.meia.me/u/2009/20200916145442921.png)
自如插畫組件服務者人物造型
后期,基于基礎的骨架模型,又擴展到 95 個具象的人物場景。內容覆蓋范圍也從自如客擴展到業主,從管家擴展到服務者,完成了全場景的人物角色覆蓋。
![20200916145522466.png 20200916145522466.png](http://cdn.meia.me/u/2009/20200916145522466.png)
自如插畫組件人物場景模型
插畫組件的產品部分,設計師將自如溫馨、柔和的產品特性,通過特定風格的筆觸、色彩、紋理,融入到插畫組件內容的設計中。
![20200916145534211.png 20200916145534211.png](http://cdn.meia.me/u/2009/20200916145534211.png)
自如插畫組件室內風格場景
![20200916145547878.png 20200916145547878.png](http://cdn.meia.me/u/2009/20200916145547878.png)
自如插畫組件家居產品造型
插畫系統有效性的驗證,則是從產品營銷、產品體驗兩大需求出發。在日常使用中,聚焦于特定的產品、角色、場景、狀態,從風格、規則、色彩、組合 4 個維度,建立起豐富且具有特色的感知體驗,從而達成一個高效信息傳達的解決方案。
![20200916145608397.png 20200916145608397.png](http://cdn.meia.me/u/2009/20200916145608397.png)
場景內組件拆分與組合