靈魂注入指南-打造富有生命感的產(chǎn)品IP(下)

2022-9-8    seo達(dá)人


圖片

TIPS:

· 全文共計(jì)2643字,閱讀需5分鐘左右

· 文章源自于日常設(shè)計(jì)工作的沉淀與總結(jié),不排除個(gè)人觀點(diǎn)的局限性

 

圖片

靈魂畫手指南-基于人格特質(zhì)的設(shè)計(jì)表現(xiàn)

1、人格特征下的設(shè)計(jì)原則指引

完成人格畫像是塑造生命感的第一步,更重要的是如何將這樣的人格特質(zhì)系統(tǒng)性的體現(xiàn)在IP形象中,為此我們有必要將人格中的核心特質(zhì)轉(zhuǎn)譯為設(shè)計(jì)語言,定義IP在場景、情緒、行為、語言4個(gè)方面的設(shè)計(jì)指引原則。下文我們繼續(xù)以“犀寶”在工作臺的設(shè)計(jì)應(yīng)用為例,基于人格特質(zhì)歸納設(shè)計(jì)原則。

1.1 “犀寶”的核心人格特質(zhì)

圖片

1.2 場景原則

經(jīng)過多輪線上線下調(diào)研,我們對客服崗位建立了基于職業(yè)特征的用戶畫像:高強(qiáng)度、高疲勞、高負(fù)壓。面對即時(shí)溝通、多會員切換、服務(wù)考核等壓力,客服往往需要一個(gè)高效、專注的工作環(huán)境。因此基于人格特質(zhì)的場景原則首先要保證“不打擾”,除功能性需要,應(yīng)避免在客服服務(wù)過程中過度設(shè)計(jì)。結(jié)合“犀寶”利他主義、強(qiáng)共情等的人格特征,更適合應(yīng)用在非上班狀態(tài)的場景中,如:引導(dǎo)教學(xué)、頁面加載、為空狀態(tài)、結(jié)果反饋等。

圖片

1.3 情緒原則

經(jīng)過對IP形象在工作臺中的典型應(yīng)用案例的編碼梳理,我們基于情緒二維模型對“犀寶”的情緒進(jìn)行了管理統(tǒng)計(jì)。情緒象限中所定義的觸發(fā)條件即為應(yīng)用原則,高頻出現(xiàn)的情緒即為典型情緒。

圖片

我們將“犀寶”的典型情緒統(tǒng)計(jì)如下:

高興、冷靜、興奮、放松、慌張、欣喜、疑惑

將“犀寶”的情緒原則進(jìn)行如下歸納:

① 面對客服或客服的正向行為,建議使用帶有正向情感反饋的情緒(如高興、欣喜、興奮等);

② 面對客服的負(fù)向行為,避免使用帶有負(fù)向情感反饋的情緒(如緊張、慌張、沮喪、尷尬、疑惑等);

③ 處于工作狀態(tài)時(shí),建議使用中性的情緒(如冷靜、嚴(yán)肅);

④ 面對工作臺/系統(tǒng)的狀態(tài),不受常態(tài)的正負(fù)向情緒拘束;

⑤ 任何狀態(tài)下,避免使用帶有攻擊性的情緒(如憤怒、厭惡、鄙夷、怨恨等)。

1.4 行為原則

行為原則是在IP人格特質(zhì)與典型場景的基礎(chǔ)上,對IP行為特點(diǎn)的建議與約束。按照以上思路,我們對“犀寶”的行為原則歸納如下:

圖片

① 建議使用具有引導(dǎo)/指向性的動(dòng)作(如舉手引導(dǎo));

② 建議使用具有社交禮儀的動(dòng)作(如揮手問候/告別、雙手呈遞);

③ 建議使用呈現(xiàn)工作狀態(tài)的動(dòng)作(如佩戴耳機(jī)坐在電腦前);

④ 建議使用操作智能設(shè)備的動(dòng)作(如操作虛擬現(xiàn)實(shí)工作臺、使用可穿戴設(shè)備等);

⑤ 建議使用帶有正向情感反饋的動(dòng)作(如擁抱、點(diǎn)贊、鼓掌、加油等);

⑥ 避免使用帶有劇烈運(yùn)動(dòng)的動(dòng)作;(如奔跑、跳躍、健身等)

⑦ 避免使用帶有情感攻擊性的動(dòng)作(如指責(zé)、揮拳等)。

1.5 語言原則

語言原則是在IP人格特質(zhì)的基礎(chǔ)上,對IP聲音、話術(shù)等特點(diǎn)的建議與約束。按照以上思路,我們對“犀寶”的語言原則歸納如下:

圖片

 

2、擬人化的形態(tài)設(shè)計(jì)

在明晰人格特質(zhì)和設(shè)計(jì)應(yīng)用原則后,我們可以進(jìn)一步思考IP形象在產(chǎn)品中的擬人化表現(xiàn)。在這里,簡要的分享一下思路方向。

上文提到,擬人化是把物擬作人,使其具有人的形態(tài)、情緒、行為、語言等特征,轉(zhuǎn)譯為設(shè)計(jì)語言即為IP形象的形態(tài)結(jié)構(gòu)、面部表情、體態(tài)動(dòng)作、聲音文案幾個(gè)部分。其中IP形象的結(jié)構(gòu)決定了表情和動(dòng)作的可塑性、豐富性。從上文JOY的形象設(shè)計(jì)案例中不難看出,人體化結(jié)構(gòu)是IP形象設(shè)計(jì)的主流手段之一。

對于擬人化的表現(xiàn)個(gè)人建議優(yōu)先從結(jié)構(gòu)人體化著手,結(jié)構(gòu)滿足后,具有人格特質(zhì)的擬人化表現(xiàn)自然水到渠成。在這里,我們可以將結(jié)構(gòu)人體化的方式總結(jié)為:

2.1 模仿人類的五官結(jié)構(gòu)

使IP形象具有眉、眼、鼻、嘴、耳的基本結(jié)構(gòu)關(guān)系,幫助IP進(jìn)行生動(dòng)、豐富的情緒表現(xiàn)。

圖片

2.2 模仿人類的形體結(jié)構(gòu)

使IP形象具有頭、手(手指)、軀、腳的基本結(jié)構(gòu)關(guān)系,幫助IP進(jìn)行生動(dòng)、豐富的動(dòng)作體態(tài)表現(xiàn)。

圖片

 

3、仿真化的動(dòng)態(tài)設(shè)計(jì)

在完成人格化、擬人化的設(shè)計(jì)思考后,相當(dāng)于為IP繪制了一幅角色設(shè)定草圖。接下來我們可以結(jié)合品牌/產(chǎn)品氣質(zhì),豐富感官表現(xiàn),精細(xì)化的同時(shí)進(jìn)一步有增強(qiáng)其生命感知。在這里,簡要的分享一下思路方向。

上文提到,仿真化是對形象進(jìn)行物理及生物特點(diǎn)的感官還原,表現(xiàn)在造型、空間、色彩、質(zhì)感、動(dòng)態(tài)、聲音等多方面。然而,不同類型的品牌、產(chǎn)品、應(yīng)用場景,對仿真化的程度需求有所區(qū)別,如:主機(jī)/電腦游戲類產(chǎn)品,娛樂屬性更強(qiáng),為了追求沉浸式的感官體驗(yàn),在各方面的仿真表現(xiàn)都相對較高;品牌/產(chǎn)品宣發(fā)場景,展示性更強(qiáng),仿真表現(xiàn)的權(quán)重也相對較高;在APP/網(wǎng)頁界面中,更注重功能體驗(yàn)和產(chǎn)研效率,風(fēng)格以扁平為主,因此對于仿真表現(xiàn)的訴求也相對較低,在這種情況下,對比造型、空間、色彩、質(zhì)感等元素,IP形象的動(dòng)態(tài)表現(xiàn)最能直觀的表現(xiàn)生命感。

那么,如何通過動(dòng)態(tài)表現(xiàn)增強(qiáng)產(chǎn)品IP形象的生命感?

3.1 模仿真實(shí)的生物規(guī)律

圖片

① 呼吸感:

呼吸是生物的生物學(xué)功能,有節(jié)奏的呼吸起伏是生命體的直觀體現(xiàn);

② 眨眼:

眨眼動(dòng)作屬于生物體基本的生理反射,間隔性的眨眼動(dòng)作可以增加形象的生命感知;

③ 模仿生物習(xí)性:

以“犀寶”為例,犀牛生活在蚊蟲多發(fā)的非洲,靈活直立的大耳朵不僅可以洞察環(huán)境,還可以幫助他們軀干蚊蟲,抖動(dòng)耳朵是一個(gè)非常具有生物習(xí)性的行為反射。在呼吸、眨眼的基礎(chǔ)動(dòng)態(tài)上增加間隔性的抖耳,可以讓整體形象更加真實(shí)生動(dòng)。

3.2 模仿真實(shí)的動(dòng)態(tài)規(guī)律

現(xiàn)實(shí)世界中存在著許多物理運(yùn)動(dòng)規(guī)律,如運(yùn)動(dòng)慣性、速度曲線、落地緩沖等等,想要表現(xiàn)出IP形象真實(shí)生動(dòng)的動(dòng)態(tài)特征,需要了解并掌握其中的動(dòng)態(tài)規(guī)律。從動(dòng)畫的視角來看,迪士尼黃金12定律具有很好的專業(yè)參考性,相對全面的總結(jié)了20世紀(jì)30年代以來迪士尼動(dòng)畫的制作方式,是動(dòng)畫專業(yè)必修的知識點(diǎn)。

圖片

小結(jié):如何基于IP人格特質(zhì)進(jìn)行設(shè)計(jì)應(yīng)用?我們的方式是結(jié)合產(chǎn)品特點(diǎn)、IP人格特質(zhì)擬定設(shè)計(jì)原則;通過擬人化的結(jié)構(gòu)增強(qiáng)IP形象在動(dòng)作表情方面的可塑性;最后通過合理的仿真化手段完成設(shè)計(jì)應(yīng)用。以下是“犀寶”在產(chǎn)品應(yīng)用中的部分設(shè)計(jì)案例。

案例一:培訓(xùn)機(jī)器人對客服模擬練習(xí)的狀態(tài)反饋

圖片

案例二:客服工作臺啟動(dòng)頁加載插圖

圖片

案例三:客服應(yīng)用頁面加載插圖

圖片

案例四:瀏覽器升級提示

圖片

案例五:靜態(tài)插圖合集

結(jié)合設(shè)計(jì)和心理學(xué)理念來看,具有生命感的IP形象能夠帶來更有力的功能及情感價(jià)值。通過對IP生命感的分析,我們認(rèn)為IP形象的生命感由表及里表現(xiàn)出“仿真化、擬人化、人格化”三個(gè)層次。其中人格是決定IP形象如何表現(xiàn)的核心,因此對于形象的設(shè)定邏輯建議由里至表的進(jìn)行思考統(tǒng)籌。從設(shè)計(jì)力度上看,對于各層次的程度把控與配合,建議根據(jù)產(chǎn)品屬性、傳播媒介、表現(xiàn)形式、技術(shù)條件、預(yù)期效果、預(yù)算成本等具體情況進(jìn)行評估。

 

引用及參考文獻(xiàn):

[1] 魯?shù)婪?阿恩海姆. 視覺思維. 四川人民出版社. 2001(3)

[2] 姚浩然.人格化加劇形態(tài)設(shè)計(jì)研究[D].南京:南京林業(yè)大學(xué)木材科學(xué)與技術(shù),2012:12.

[3] 吳龍華.個(gè)性心理結(jié)構(gòu)問題的研究[J].人力資源管理,2012(12)


作者:AlibabaDesign

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》靈魂注入指南-打造富有生命感的產(chǎn)品IP(下)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔