IP設(shè)計｜一款好的產(chǎn)品 IP 設(shè)計全面指南

▲點擊"三分設(shè)"關(guān)注，回復"社群"加入我們

歡迎來到專業(yè)設(shè)計師學習交流社區(qū)

三分設(shè)｜連接知識，幫助全球 1 億設(shè)計師成長

轉(zhuǎn)自：58UXD

編輯：章欣怡

共 2462 字 14 圖  預計閱讀 7 分鐘

58到家精選成長體系墩墩，是58UXD用戶體驗設(shè)計中心新推出的成長體系吉祥物，作為家政小能手出道。墩墩從今年7月份開始啟動設(shè)計，目前活動已經(jīng)上線，歡迎大家下載到家精選APP，線上領(lǐng)取屬于自己的墩墩～

墩墩誕生記

一個吉祥物的誕生往往并不是一拍腦袋憑空想象出來的，而是要通過一些可知條件包括現(xiàn)有產(chǎn)品的品牌基因來進行客觀分析、解讀進而設(shè)計。首先塑造一個吉祥物的誕生需要融入所支持產(chǎn)品的價值觀，在此基礎(chǔ)上它要有自己的故事與他人產(chǎn)生共情。在這之后可以在個性和人設(shè)上有些區(qū)別于其他吉祥物的特點。最好是能夠在造型上擁有唯一特征，強化大家對它的印象。

有了這樣前期對于吉祥物的預期和定義，在后面的視覺產(chǎn)出和創(chuàng)造力發(fā)散上才不至于過于跑題。

作為到家精選成長體系的IP形象，首先要融入到家精選的品牌定位。

專業(yè)性、安全感、保障性、品質(zhì)感和溫暖感。

其次品牌顏色的應用會讓我們IP形象的定位更加一目了然。并且我們在主品牌色中運用了提純的方法使IP既不脫離產(chǎn)品，色彩上又體現(xiàn)出IP本身擁有的活潑年輕感。

提取品牌主色，將已知的顏色抽象一些關(guān)鍵詞，對后面的視覺風格進行鋪墊。

接下來匯集了品牌價值觀和品牌色的一些關(guān)鍵詞便可以進行頭腦風暴的創(chuàng)意發(fā)散了。在頭腦風暴中我們也是首先將創(chuàng)意進行了分類。

我們具體將其分為了植物、動物、建筑以及日用品，這幾類生活化具有親切感的類別。

在有了這幾個大類別后，我們將創(chuàng)意進行對號入座進行簡單草圖的繪制，低成本的去和項目中的伙伴進行投票選擇。

最終拖把頭擬人的形象拔得頭籌。

3D還原模型

在3D還原模型這一部分不僅要還原草圖的形象外觀，還要在最終呈現(xiàn)的視覺風格中進行新的定義。在建立模型初期，我們先沒有急于開始動手，而是先去多看。尋找我們要建立的視覺風格，最終選定了我們的風格特點。（以下皆為網(wǎng)圖創(chuàng)意參考）

確認風格特點后，墩墩的模型也相應誕生了。整體以微絨毛感的材質(zhì)作為主體材質(zhì)，體現(xiàn)我們價值觀中的溫暖感、安全感和品質(zhì)感。拖把頭部分加入了針織材質(zhì)，使其更貼合拖把物體本身。為了使角色更具有獨特性，我們也是將拖把設(shè)計成吉祥物的頭發(fā)作為強化視覺特點的一個創(chuàng)意進行呈現(xiàn)。強化用戶對他的記憶。額前的護額同時也凸顯了形象的年輕氣質(zhì)。

    

生活場景搭建

一款app的成長體系，生長環(huán)境肯定是必不可少的。作為一個UI界面中輔助存在的一個視覺部分來說，太過搶眼肯定是不合適的。所以我們在結(jié)合了形象本身的視覺風格，對背景環(huán)境同時也進行了一些設(shè)計。首先在室內(nèi)外的選擇中我們優(yōu)先選擇了室內(nèi)，第一點是畢竟拖把本身更經(jīng)常出現(xiàn)在室內(nèi)，第二點是家庭內(nèi)的氛圍感更能體現(xiàn)溫暖和家庭服務的含義。過程中我們也是精心篩選了室內(nèi)家具和場景中要出現(xiàn)的元素。一個溫暖的家庭一扇明亮的窗戶必不可少，再加一些簡單的家具和綠植基本上就完成了我們的場景搭建。整體色彩還是以我們的品牌色作為主要輸出，輔助黃色賦予家具進行點綴。我們的一期場景就這樣誕生了。

互動動畫設(shè)計

一個不會動的吉祥物無異于沒有靈魂，同時配合app中的引導話術(shù)，墩墩的小動作也就應用而生了。

待機動畫

點擊動畫

鼓勵動畫

領(lǐng)取金幣動畫

創(chuàng)建世界觀

我們說一個人是活的首先它要擁有自己的世界，然后做一些事情，才能產(chǎn)生不同的個性。我們的墩墩現(xiàn)在缺少的就是一個讓他活起來的故事。區(qū)別于其他非常完整冗長的故事，我們想做點輕松有趣的事兒。于是在繪制故事腳本時我們希望他很簡短，就像是一天中發(fā)生的一件事。這一件事可以體現(xiàn)出墩墩的特點和趣味，就意味著我們成功了。于是圍繞我們產(chǎn)品的家政主題繪制了小動畫的腳本。

如片頭所見，墩墩魔性的語氣音和憨中帶著那么點可愛的感覺就是我們想要的差異性。以主app中的環(huán)境搭建我們的動畫場景統(tǒng)一風格，以下為我們的細化場景。

以上就是我們目前58到家精選成長體系墩墩的成長日記，如果你覺得墩墩很可愛，請不要吝嗇你的贊美和點贊，他會在他的世界感受到你的善意～

—  The end  —

?? 社區(qū)資料??

每日開眼，大廠內(nèi)部資料分享

期待與更多優(yōu)秀用戶體驗設(shè)計師一起成長

?? 我們一起聊設(shè)計 ???♂?

高質(zhì)量，學設(shè)計行交流微信群

期待與更多優(yōu)秀用戶體驗設(shè)計師一起成長

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點，準時充電。分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標了公眾號三分設(shè)的粉絲）