「百度健康」插畫體系設(shè)計探索與應(yīng)用
編輯導(dǎo)讀:萌萌的插畫在產(chǎn)品設(shè)計中可以起到塑造形象、拉近品牌與用戶的距離、建立共鳴的作用。具體應(yīng)該如何應(yīng)用呢?本文以百度健康為例,圍繞品牌權(quán)威感知目標(biāo),從產(chǎn)品體驗、設(shè)計推導(dǎo)、系統(tǒng)應(yīng)用三個方面展開分析,與你分享。
插畫體系是百度健康品牌感設(shè)計的重要組成,通過塑造權(quán)威、可信、知識型的醫(yī)生形象,在日常運營和產(chǎn)品界面中滲透,是品牌初期有效和用戶拉近距離、建立心智及情感共鳴的設(shè)計手段。
本文圍繞品牌權(quán)威感知目標(biāo),結(jié)合產(chǎn)品體驗、設(shè)計推導(dǎo)、系統(tǒng)應(yīng)用三個方面展開了分析,與大家分享。
一、產(chǎn)品體驗
百度健康向用戶提供的內(nèi)容和產(chǎn)品服務(wù),不論醫(yī)典健康知識,還是問診、掛號,用戶都會以“專業(yè)性”決定口碑和品牌形象,這是醫(yī)療品牌設(shè)計中的“差異性”所在。
而建立一套“權(quán)威、親民、可信賴”的專家形象體系,可以有效解決品牌初期的設(shè)計問題:
- 醫(yī)生形象短缺(真實照片涉及肖像權(quán)、醫(yī)生等級、排序等敏感話題)
- 風(fēng)格不一、職能形象不全的混亂
進(jìn)而得到以下改觀:
- 品牌性統(tǒng)一、風(fēng)格統(tǒng)一、并拓展醫(yī)生職能角色
- 提升設(shè)計效率、建立素材庫
- 輔助品牌傳播過程中建立用戶感知、情感共鳴
二、設(shè)計推導(dǎo)
基于對產(chǎn)品用戶特征和訴求的分析,再結(jié)合3W原則,即What(在做什么)、Who(目標(biāo)用戶是誰)、Where(使用場景是什么)腦暴制作出情緒版,再拆解分析關(guān)鍵詞,推導(dǎo)出插畫組件庫的設(shè)計風(fēng)格和體系。
根據(jù)對業(yè)務(wù)的理解,確定出權(quán)威、親民、品質(zhì)、可信賴的品牌風(fēng)格定位;根據(jù)用戶人群以及內(nèi)容表現(xiàn)確定出專業(yè)、熱情、自信、開朗的人物特點。根據(jù)產(chǎn)品定位,加強(qiáng)用戶對品牌的感知度,并引起共鳴。
插畫系統(tǒng)從根本上是為了滿足業(yè)務(wù)的需求,根據(jù)對業(yè)務(wù)的分析和業(yè)務(wù)方調(diào)研,對于設(shè)計需求中使用頻率較高的元素進(jìn)行了整理和歸納,總結(jié)出插畫系統(tǒng)的構(gòu)成分為以下幾個部分:
人物是插畫系統(tǒng)中最重要的元素,首先是對人物大體結(jié)構(gòu)進(jìn)行設(shè)定,以此為依據(jù)進(jìn)行接下來的組件化設(shè)計制作。
制定好基本的結(jié)構(gòu),設(shè)計出人物的三維視圖,多方位展示人物效果。
賦予人物動作,從草圖到線稿最后上色,基本確立人物的權(quán)威形象。任務(wù)設(shè)計輕量和友好,動作盡量簡單、易懂。有較強(qiáng)的延展復(fù)用性,用人物形象直觀展示產(chǎn)品屬性。
采用情感化設(shè)計,從用戶角度出發(fā),根據(jù)產(chǎn)品屬性進(jìn)行人物延展設(shè)定,拓展人物形象為男醫(yī)生、女醫(yī)生,性格專業(yè)、權(quán)威、自信、嚴(yán)謹(jǐn);男護(hù)士、女護(hù)士,性格親切、熱情、陽光。
三、系統(tǒng)應(yīng)用
插畫體系的應(yīng)用范圍十分廣泛,從視覺設(shè)計到 UI 設(shè)計,從線上到線下都可以進(jìn)行使用。這里選取了插畫體系的幾類應(yīng)用案例進(jìn)行展示。
案例一:banner上的使用
一圖勝千言,插畫在banner上的使用可以將情感化應(yīng)用到實際項目中,幫助用戶快速了解banner傳達(dá)的信息,建立情感共鳴。
案例二:引導(dǎo)頁上的使用
在引導(dǎo)頁上的應(yīng)用給用戶豐富新鮮的視覺感受,增加了權(quán)威的品牌感知,取得了良好的傳播效果。
案例三:開屏上的使用
形象靈活運用在運營活動彈窗上,根據(jù)不同的主題搭建場景,通過人物形象增加品牌記憶點,提升用戶參與活動的欲望。
四、結(jié)語
在瞬息萬變的互聯(lián)網(wǎng)大環(huán)境下,設(shè)計的高效性顯的尤為重要。插畫體系在品牌一致性的基礎(chǔ)上滿足了業(yè)務(wù)迫切的效率需求,大幅提高溝通效率,強(qiáng)化權(quán)威的品牌感知。
感謝閱讀,以上內(nèi)容均由百度MEUX團(tuán)隊原創(chuàng)設(shè)計,以及百度MEUX版權(quán)所有,轉(zhuǎn)載請注明出處,違者必究,謝謝您的合作。
作者:百度MEUX,百度移動生態(tài)用戶體驗設(shè)計中心,負(fù)責(zé)百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗設(shè)計。
本文由@百度MEUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash, 基于CC0協(xié)議
學(xué)習(xí)了