看滴滴團隊如何設計並落地一個插畫系統？

擁抱變化，是互聯網人的座右銘。

小步迭代，快速響應，只爲降低成本、提升效率。

一切都在變，對效率的追求不變。

插畫，作爲一種高效的視覺設計形式，自然備受互聯網公司的青睞。

但是，“插畫”真如我們想象的那麼 “高效” 嗎？

不，答案是否定的，未經整合形成系統的插畫，會造成元件重複設計、無法最大程度提升公司的生產效率，並且會影響品牌一致性。

我們要擁抱的高效插畫，不僅是一個高效的單次產出，更是一個高效的生產系統。

插畫所服務的業務目標是什麼？

在滴滴，插畫系統與圖片、三維合成等視覺形式，共同構建出了一個綜合的 “畫面視覺系統”，這三個系統所服務的傳播目標側重點有所不同。

1. 傳播目標是品牌品質，實景圖⽚是最適合的畫⾯形式

實景拍攝可以體現足夠高的畫面品質。但成本高，效率低，在時間緊或預算不足的項目中，難以執行。

2. 傳播目標是促銷促活，氛圍活躍的三維合成是更有效的畫面形式

日常的促銷類項目，要求視覺氛圍熱鬧活躍，作爲實景拍攝的簡化版，三維合成適合表現活躍的氛圍，且效率⼤幅提升。

3. 傳播⽬標是教育說明，插畫是最適合的選擇

從去年開始，滴滴教育類傳播項目⽇漸增多。這類項目的目標是功能演示、行爲解說。通過⻆色間肢體互動傳達信息。插畫具有靈活的肢體表現力，輕鬆、直⽩、易懂，⼗分適合以圖解（illustration）的形式出現在傳播中。

如何選擇⻛格？

明確了插畫的主要目標是圖解說明後 ，我們選擇了能夠表達豐富肢體語言的插畫風格，在此基礎上，考慮到滴滴的產品屬性，我們討論出了四個限制條件，作爲插畫⻛格選擇的依據：大衆產品屬性、出⾏屬性、互聯⽹屬性和效率屬性。

大衆產品屬性：平均風格

滴滴⼤衆產品的屬性，意味着需兼顧各類羣體⽤戶的審美偏好。

個性過於強烈的風格，會形成⼀部分⽤戶極喜歡，⽽另⼀部分極不喜歡的爭議形設計。

所以在保證美觀性的同時，人物形象的設計應該保持平均風格，避免過度抽象和誇張。

出⾏屬性：平穩親和

安全、舒適和輕鬆是用戶出行的情感需求，插畫⻛格要避免過於衝擊性的構圖和奇特的人物外形，使用平和的動作營造平穩感，使用圓潤的造型營造親和感。

互聯網屬性：簡潔扁平

採⽤互聯⽹主流的扁平化畫法，形體在⾼度簡化概括的同時，儘量避免出現線條，運⽤形狀與純⾊表現形體輪廓。

兼顧效率：平⾏透視，斜側⾯⻆度

爲了最⼤程度復⽤元件，元件採⽤平行透視和⽔平視角，形體優先斜側面展示，儘量避免正⾯和側⾯視角。

插畫的應⽤

端內傳播極端天氣項⽬

端內產品插圖

國內運營插圖

關於業務支持效率

時間、人力和預算不足，是互聯網公司的常態。可複用易延展的插畫系統，滿足了互聯網公司迫切的效率需求。

以實景拍攝項目爲例，往往需要投入內部 1-2 名高階設計師，從前期 layout、模特服飾選擇、勘景、到現場跟拍、再到後期修圖定稿，需要一週以上的執行週期。

並且涉及外部供應商，每張畫面的平均成本要在 1W-10w 不等。時間、人力、經費的高投入，決定了實景拍攝不可能作爲日常傳播的主要畫面視覺系統。

而在日常的項目中，插畫則優勢巨大：一位中階設計師，一天內可以完成一幅插畫設計。如果直接使用元件，1 小時內即可完成設計。

也正是出於對成本的考慮，插畫也經常替代實拍圖片、三維合成等畫面視覺系統，被設計師應用到品牌和運營傳播中。

國際化：如何在全球市場應用？

在與國際化業務的合作中，效率需求尤爲迫切。2018 年滴滴國際化業務發力，在海外⼴闊的市場戰役中，前線對高效率低成本的設計支持有極⾼的需求。

作爲總部的創意設計中⼼，⾸先要做的就是⾼效輸出畫面視覺系統，協助各個國家和地區高效運轉，並接受反饋。跨團隊共建，以點線⾯的協作方式達到全球品牌一致性的整合。

插畫在澳新市場的應用

以澳洲市場爲例，通過使⽤插畫系統，⼀位設計師在兩週內快速產出 50 餘套傳播模板，⾼效且有力的⽀持了國際化前線的市場推廣。

插畫在日本市場的應用

** 英文版插畫在大陸市場的應用**

插畫系統的⾼效性，不僅體現在節省時間和外包成本上。

在溝通⽅面，設計師可以直接與合作方快速交換想法，省去⼤量提案和協調外部供應商的時間，在跨語言、跨時差的高難度溝通任務下，⼤幅提高溝通效率，協助前線同事快速推展業務。

如何團隊協作？

插畫系統的早期⻛格定義，由平臺品牌設計和網約⻋體驗設計兩個團隊共同完成，使得插畫系統從根源上具備了線上線下跨平臺傳播的良好兼容性。

插畫系統主要應⽤在網約⻋部門，⽹約⻋創意團隊的視覺設計師，根據繪製規則，延展貢獻出更多的插畫元件，定期會被收錄到插畫庫中，並且同步到其他設計團隊。

插畫應用的實踐中，設計師也會產⽣很多疑問和建議，我們以⽉爲單位，組織跨團隊設計師會議，共同討論規則和使⽤的難點，達成下⼀步優化的共識。

一些思考

1. 團隊協作意識

插畫系統的順利推進，得益於設計體系各個團隊間協調一致、積極共建意識。

2. 形式服務目標

插畫系統肢體靈活性強，修改成本低，十分適合教育類傳播的圖解表意目標，這也是該體系在教育類傳播中⼤量使用的原因。

3. 效率成就⼀致

插畫由於執行的⾼效性，被各部門設計師和需求方廣泛接受，自下⽽上自發延展使⽤，沉澱爲⼀個規範級的畫⾯視覺系統，達成了品牌一致性的價值。

挑戰：如何增加區分性？

⼤衆產品和互聯⽹屬性，使得插畫⻛格必須兼容各類⼈羣喜好，限制誇張特異的視覺語言，加上互聯⽹主流的扁平畫法，使得插畫更趨近於平均風格。在圖形上難免會面臨同質化的挑戰。

爲了增加滴滴傳播畫⾯的識別特性，在形狀和質感之外，我們選擇使⽤⾊彩和輔助圖形來增加插畫的區分性。

準確使⽤品牌⾊彩和輔助圖形，在形成相對獨特且有區分性的插畫風格的同時，也能夠有助於樹⽴品牌形象。這部分內容未來還會有文章進行深⼊探討。

寫在最後

作爲設計人，我們始終記得，設計是爲了解決問題（傳播目標，成本效率），從這個根源出發，並重視團隊共建，一個系統才能自下而上生長整合，才更有機會演化成爲一個被廣泛接受的畫面視覺系統，並最終幫助品牌一致性的提升。

文章轉自：滴滴 CDX 創意設計中心 - 平臺品牌設計

https://mp.weixin.qq.com/s/aGeBE4zNDkd_FrUqGc848w

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/7y0qCnfNc2Ky-zn99aXyTw