卡通形象設(shè)計(jì)剖析

15年年初，卡通ip形象開始崛起暴增。各個(gè)設(shè)計(jì)交流平臺(tái)上開始出現(xiàn)企業(yè)形象/吉祥物征集這類比賽開始出現(xiàn)。整個(gè)互聯(lián)網(wǎng)圈都開始重視卡通形象這一塊，除了BAT這種大廠之外，中小企業(yè)或組織也開始對卡通IP形象有了一定的訴求。作為UI設(shè)計(jì)師如果你會(huì)設(shè)計(jì)出可愛的企業(yè)形象，那么相信在面試成功的天枰中又多了一個(gè)砝碼。

企業(yè)形象的優(yōu)勢

1.強(qiáng)關(guān)聯(lián)性（深化企業(yè)和用戶之間的情感溝通）

卡通形象是有溫度的。相對于冷冰冰的企業(yè)的概念，這種強(qiáng)關(guān)聯(lián)性將冰冷抽象的企業(yè)以卡通形象的形式打通和用戶的情感鏈接。

那么什么企業(yè)需要企業(yè)卡通形象呢？

一般情況下，一個(gè)企業(yè)服務(wù)的對象也是企業(yè)，或者是機(jī)器的話，那么是不需要企業(yè)卡通形象的。

往往是企業(yè)服務(wù)的是個(gè)人消費(fèi)者才會(huì)需要卡通形象來傳達(dá)企業(yè)品牌。企業(yè)本身是一個(gè)虛擬抽象的概念，很難直接與用戶溝通傳達(dá)企業(yè)的理念或者產(chǎn)品等，那樣用戶也很難產(chǎn)生共鳴。所以企業(yè)可以通過企業(yè)卡通形象將公司形象以及一些理念實(shí)體化，可以與用戶直接溝通，拉近和用戶之間的距離。讓公司有溫度，使鮮活的卡通形象呈現(xiàn)在用戶眼前。

例如大家都熟悉的三只松鼠，它是一家以生產(chǎn)銷售堅(jiān)果果脯等休閑零食的一家食品公司。該公司為自己的產(chǎn)品設(shè)計(jì)來了三只松鼠的可愛形象，它的電商客服都化稱三只小松鼠，稱呼客戶為主人。這樣就很快拉近了產(chǎn)品與用戶之間的距離，尤其是90后/00后為代表的年輕客戶，迅速打開了市場。

2.裂變式傳播（可自創(chuàng)內(nèi)容，并通過表情/漫畫/動(dòng)畫電影等快速傳播）

卡通形象作為一個(gè)獨(dú)立的存在它是可以自創(chuàng)內(nèi)容的，可以通過表情包（微信/qq平臺(tái)居多），或者四格漫畫/動(dòng)畫電影甚至游戲等快速傳播。只要內(nèi)容有趣人們就很容易去傳播，1傳2，2傳4這種裂變傳播快速在用戶中傳播分享。

例如一汪空氣的非人哉，同道大叔的十二星座都是自創(chuàng)的一系列的IP形象，在微博上發(fā)一些短幅小漫畫，迅速走紅擁有千萬流量。

3.可以商業(yè)化（隨著消費(fèi)升級，消費(fèi)者開始向文化消費(fèi)和服務(wù)消費(fèi)轉(zhuǎn)型）

隨著消費(fèi)群體的消費(fèi)升級，消費(fèi)者開始對文化周邊以及服務(wù)消費(fèi)的需求越來越強(qiáng)烈?？蓯鄣目ㄍㄐ蜗笫亲钅艽騽?dòng)消費(fèi)者購買欲的一種方式。

例如韓國的LINE FRIENDS，2011年LINE FRIENDS以移動(dòng)通信軟件“LINE”的貼紙角色誕生。以親切引發(fā)同感的形象給用戶們帶來歡樂的 LINE FRIENDS角色們超越移動(dòng)通信這一誕生背景，讓我們能夠在日常生活中近距離接觸到。 它已然成為在5,000余種角色產(chǎn)品、動(dòng)畫片、游戲、咖啡廳、酒店甚至是主題公園多種多樣的領(lǐng)域受到世界人們喜愛的品牌。已成功在紐約、東京、上海、北京、香港、曼谷、首爾等地開設(shè)實(shí)體店的LINE FRIENDS是一家國際性卡通形象品牌兼創(chuàng)意工作室。LINE FRIENDS 憑借與全球各地的優(yōu)秀國際品牌攜手推出各類合作商品，同時(shí)為顧客提供 LINE FRIENDS獨(dú)有的特別體驗(yàn)，以獨(dú)具個(gè)性的卡通形象品牌備受關(guān)注，并受到了年輕人的追捧。

卡通形象設(shè)計(jì)的原則

1.簡單的造型/顏色

一個(gè)合格的卡通形象的辨識(shí)度一定要高，外形越復(fù)雜那么越難以記住。所以一般卡通形象的外形一般是可以用簡單的圖形構(gòu)成的。

形象的顏色也是這樣，一般情況下卡通形象的顏色最多不得超過三種（這在設(shè)計(jì)中是一個(gè)通用的法則。如果顏色太多，會(huì)有很多干擾的，不利于快速記住形象的特征。

卡通形象在現(xiàn)實(shí)生活中是不存在的，如果要讓用戶第一時(shí)間記住它，快速吸引眼球。太復(fù)雜的形象是做不到的。

2.形象鮮明
卡通形象最好要有鮮明的性格，不管是軟萌還是可愛無害也好，可以使形象更加的鮮活，拉近與用戶之間的距離，也就是我們經(jīng)常說的人設(shè)。

3.方便延展
卡通吉祥物設(shè)計(jì)出來后，是要配合運(yùn)營進(jìn)行使用的。所以在后期可能要做很多的動(dòng)作延展，比如上圖展示的三個(gè)卡通形象它們的手腳相對而言也是比較長的。

有的同學(xué)可能會(huì)有一個(gè)誤區(qū)，會(huì)覺得手腳畫的越短，就越萌萌噠越可愛，而且可以少畫很多的細(xì)節(jié)。我們可以看看上圖的第二幅小黃人這個(gè)圖，如果它的手特別的短的話，可能就不能這么抱著小熊玩具了，如果手過于短小就沒法做一些動(dòng)作的。這樣就損失了形象在后期動(dòng)作延展的一些張力，所以我們在設(shè)計(jì)吉祥物時(shí)候一定要為后期的延展多考慮一些。

設(shè)計(jì)企業(yè)形象的基本流程

1.確認(rèn)需求

設(shè)計(jì)企業(yè)卡通形象第一步就是要和需求方了解并且確認(rèn)需求，這樣會(huì)減少我們的改稿率，有的需求方是非常專業(yè)的，會(huì)把自己的需求（形象類型/產(chǎn)品色/公司業(yè)務(wù)/產(chǎn)品業(yè)務(wù)）提的很細(xì)，這樣我們就快就可以找對方向。可是在真實(shí)的項(xiàng)目中，我們遇到這種專業(yè)的需求方的幾率是吃牛肉面的時(shí)候能吃到牛肉的概率。。。很多的需求方他們可能就說他們喜歡可愛的，這個(gè)可愛是很寬泛的概念，每個(gè)人理解的可愛都是不一樣的，如果你匆匆就設(shè)計(jì)了，很有可能不是需求方所想要的樣子。

那我們在和需求方應(yīng)該怎么辦呢？我們要多問幾個(gè)為什么，通過提問題的方式確定卡通形象的主體或縮小范圍。盡量把需求具像化。那我們可以確認(rèn)那些需求問題呢？

（1）確定形象類型
首先我們要向需求方提問，對卡通形象在物種上是否有要求。

市面上的IP形象大致分為三大類，分別為動(dòng)物類、人物類以及抽象類卡通。不論形象類型是什么分類，一般情況我們都會(huì)給企業(yè)形象加上行業(yè)/產(chǎn)品元素。

如果需求方?jīng)]有特定的要求形象類型，那我們應(yīng)該通過分析該公司/組織所在的行業(yè)以及產(chǎn)品用戶來匹配符合的形象類型以及具體種類。

例如公司是做旅游的，是針對攀登愛好者的一個(gè)品牌。那我們就可以想到動(dòng)物中的馴鹿是比較符合攀登的特質(zhì)，而且馴鹿有堅(jiān)持，毅力等精神，這與攀登者是相符合的。既然我們確定了以馴鹿為參考，那我們要在視覺中國/站酷海洛等照片素材網(wǎng)站中找到現(xiàn)實(shí)中的參考。

（2）確認(rèn)配色方向（默認(rèn)企業(yè)產(chǎn)品色）
要向需求方提問，配色是否有有特殊要求。如果需求方?jīng)]有特定要求，那我們一般默認(rèn)的就是該企業(yè)或者產(chǎn)品的企業(yè)色/產(chǎn)品色。

（3）確認(rèn)風(fēng)格調(diào)性
要向需求方提問2個(gè)風(fēng)格調(diào)性方向的問題。

首先要提問需求方是否有非常喜歡或者非常不喜歡的風(fēng)格？大部分需求方他們沒有喜歡的形象風(fēng)格，但是它一般提出來不喜歡的風(fēng)格，這樣我們就可以規(guī)避這樣的風(fēng)險(xiǎn)，來縮小我們的設(shè)計(jì)范疇

其次我們要向需求方提問是否有受眾在年齡/性別上的區(qū)分。例如有的行業(yè)是比較嚴(yán)肅的，如果我們畫的樣式是比較可愛或者低齡的，這是肯定不合適的。

例如：上圖1，是最開始給企業(yè)需求方設(shè)計(jì)的水形象，但是需求方的受眾偏男性，而設(shè)計(jì)形象偏女生形象，故改成了圖2的形象，偏中性或者往男生上偏。

（4）確認(rèn)是否對形象整體造型有要求

一般情況下需求方對整體造型的要求是沒有的，我們要確認(rèn)一下，以免有改稿的風(fēng)險(xiǎn)。

以上我們問的這些問題都是是否問題，而不是開放性問題，用是或否這種問題才能讓需求方明確其需求，這樣才可以準(zhǔn)確的獲取有效信息。

除此之外我們要充分了解企業(yè)的行業(yè)/企業(yè)文化/產(chǎn)品理念/公司口號(hào)/用戶畫像等等，對企業(yè)的信息越清楚，那么我們的形象卡通就越飽滿具象。

2.頭腦風(fēng)暴

當(dāng)我們確認(rèn)需求之后，接下來我們就可以用一些方法來找靈感，這些方法我們統(tǒng)稱為頭腦風(fēng)暴。以下的例子我們就沿用上邊我們說的旅游（攀巖）行業(yè)的馴鹿來說。

（1）發(fā)散思維

（2）情緒板運(yùn)用

假設(shè)旅游攀巖的需求方?jīng)]有給出產(chǎn)品色，那我們可以通過情緒版來確認(rèn)它的主色。

01 首先我們根據(jù)需求分析總結(jié)出該企業(yè)項(xiàng)目的關(guān)鍵詞，例如：攀巖/毅力/冒險(xiǎn)

02 其次我們將剛剛列出的關(guān)鍵詞寫出它的衍生詞（類似于近義詞）。例如：

攀巖—攀登—極限運(yùn)動(dòng)

毅力—堅(jiān)持—忍耐

冒險(xiǎn)—探險(xiǎn)—?dú)v險(xiǎn)

03 然后我們將這些詞匯帶入照片素材網(wǎng)站（例如視覺中國），并在搜索框中輸入查詢。精選出自己決定最能解釋該詞匯的圖片。

將選的照片整理放在一起。

04 開始列出最符合的圖片，根據(jù)一個(gè)關(guān)鍵詞總結(jié)歸納出相同的顏色或色相。

情緒版在這里只是一個(gè)小小運(yùn)用，我們以后有時(shí)間可以好好地講講情緒版。

（3）雙圖法運(yùn)用

雙圖法就是說在確定好具體原型后，分別要找兩種圖。一類就是原型的真實(shí)照片參考（視覺中國/站酷海洛），這樣我們才可以知道原型有什么特點(diǎn)以及細(xì)節(jié)，照片要比我們空想效果好得多。另一類就是我們想要做的形象原型別人優(yōu)秀作品的借鑒（花瓣/美葉/.pinterest），我們可以通過別人的顏色，手法，元素提取等進(jìn)行學(xué)習(xí)并運(yùn)用到自己的設(shè)計(jì)上中去。

比如我們說的旅游攀巖的產(chǎn)品，我們當(dāng)時(shí)形象確定了馴鹿。那我們就去找它的照片形象參考以及優(yōu)秀作品參考。運(yùn)用雙圖進(jìn)行歸納并加以創(chuàng)造多畫一些草圖。

以上就是我們給同學(xué)們推薦的一些頭腦風(fēng)暴的方法，希望大家靈活運(yùn)用，有時(shí)候我們可以多種方法結(jié)合使用。

3.設(shè)計(jì)繪制

確認(rèn)需求、頭腦風(fēng)暴后，我們知道了卡通形象的物種形象以及大概風(fēng)格。接下來我們就可以開始卡通形象的具體設(shè)計(jì)。

（1）草圖繪制
其實(shí)在雙圖法的時(shí)候我們就提到過，雖然在我們的大腦中有了吉祥物的大致想法，但是我們還是抽象的。這需要我們在紙上把我們的想法用草圖的樣子畫出來，不要求畫的很精致，只需自己能明白所要表達(dá)的樣式即可，我們需要把想到的各種想法都畫到本上，最后我們根據(jù)這些草圖進(jìn)行會(huì)歸納總結(jié)，最后找出我們確認(rèn)的大致形象。

下圖都是我之前設(shè)計(jì)吉祥物的草圖

下圖為馴鹿的草稿，以及大致最終確認(rèn)方向

（2）確定顏色

草圖基本確認(rèn)后，結(jié)合情緒版等方法，可在草圖上快速上色，可以多給幾個(gè)方案來方便比較。吉祥物整體顏色要遵循色不過三的原則，也就是形象身上的顏色最多不得超過三種。（此步驟也可等完成軟件繪圖后再進(jìn)行）

下圖都是我之前設(shè)計(jì)吉祥物的上色草圖。

（3）軟件繪圖

完成草圖繪制后，要將草圖精化出最終形象。一般我們會(huì)使用ps或者ai用鋼筆或矢量圖形進(jìn)行繪圖，這一步我們稱之為軟件繪圖。因?yàn)榭紤]以后的應(yīng)用場景是多樣的，我們一般建議用Ai來進(jìn)行繪制，因?yàn)锳i是矢量軟件，放大縮小是不會(huì)失真的。而且Ai是可以調(diào)節(jié)錨點(diǎn)以及平滑工具都可以使形狀更加圓潤平滑。

下圖就是我們將馴鹿的草圖倒入Ai中用鋼筆進(jìn)行繪制的。

有了線描圖后將確定的顏色填入相應(yīng)的位置，如過沒有確認(rèn)的也可在此時(shí)進(jìn)行。

這樣一個(gè)平面的企業(yè)卡通形象就設(shè)計(jì)好啦。一般情況下到這里我們就可以給需求方交稿了。但是由于有的形象或者顏色太單一，往往效果不是很好，可能會(huì)導(dǎo)致需求方的誤解。所以我一般會(huì)把形象立體化，我個(gè)人稱之為微體積化，一般微體積后形象的效果美觀度將會(huì)大大的提高。接下來我們就介紹該如何實(shí)現(xiàn)。

（4）形象立體化

一般情況下，我們實(shí)現(xiàn)立體效果的方法大致分為兩種。

第一種就是運(yùn)用C4D等三維立體軟件進(jìn)行繪制，因?yàn)榭紤]到篇幅以及難易程度的原因，我們這次就不講解了，有機(jī)會(huì)我們可以專門進(jìn)行介紹學(xué)習(xí)。

下圖就是我之前做的一個(gè)項(xiàng)目，由于造型和顏色的影響，所以考慮到給公司展示會(huì)不太好，所以用C4D做了一個(gè)效果圖。

第二種就是運(yùn)用強(qiáng)大的PS中的一些效果來實(shí)現(xiàn)偽3D效果，我個(gè)人稱之為微體積。這個(gè)方法的好處就是入門快，我們就是不會(huì)3D軟件，也是可以畫出一些3D效果。接下來我就給大家介紹該方法。

01 首先我們要搞清楚下邊的這個(gè)圖，還是我說的光影關(guān)系。

微體積效果就是通過光影的深淺變化給觀眾呈現(xiàn)立體效果，下方給同學(xué)看的這個(gè)圖，就是一個(gè)最基本的物體球基本光影關(guān)系。一般我們要給一個(gè)主觀光源，一般暗部的位置都是給的光源位置相反。比如說光源是從左上方出現(xiàn)的，那么背光面、反光以及投影都是在物體的右下方出現(xiàn)的。而高光，受光面是在物體的左上方，也就是和光源位置的相同位置。

如果有的同學(xué)對光源還是不太明白，可以建議大家看一下伯特·多德森所寫的《素描的訣竅》這本書。

02 我們給出一個(gè)物體光影關(guān)系后，接下來我們就要讓這些面過渡是自然的，這樣才更像現(xiàn)實(shí)中物體的樣子。在PS可以用兩個(gè)方法實(shí)現(xiàn)該效果。

第一個(gè)方法就是羽化

a.先在相關(guān)圖層通過剪貼蒙版畫出明暗關(guān)系，也就是我們上圖所畫的這些。

b.然后找到每個(gè)反應(yīng)明暗關(guān)系的圖層，打開PS的屬性面板。

c.打開屬性面板后，點(diǎn)擊第二個(gè)二級導(dǎo)航——蒙版。

d.打開蒙版面板后，找到羽化的控件并且往右點(diǎn)擊，越往右羽化效果越強(qiáng)烈，我們通過查看畫板中的效果來把握羽化的具體數(shù)值。

通過此方法將畫面中反應(yīng)光影的圖層都通過羽化，最終得到下圖的效果。

第二個(gè)方法就是畫筆的柔邊圓畫筆

a 選擇畫筆工具（快捷鍵B）

b 打開畫筆選取器

c 選取常規(guī)畫筆的柔邊圓畫筆

d 調(diào)節(jié)畫筆的柔邊來控制畫筆的邊緣柔和度，然后新建一個(gè)圖層在上邊畫物體的光影關(guān)系，最后剪貼蒙板到物體上。

以上給同學(xué)們分別介紹了羽化法以及筆刷法，大家挑一個(gè)自己擅長的就可以，只要最終效果不錯(cuò)就OK啦。通過該方法配合對空間光影的分析就可以畫出微體積的效果啦。

這樣一個(gè)可愛的馴鹿就出爐啦！

下邊是我之前工作的一些案例，給大家展現(xiàn)一些。

4.形象包裝

經(jīng)過我們一起的學(xué)習(xí)，我們從無到有的設(shè)計(jì)了一個(gè)公司卡通形象。在現(xiàn)實(shí)項(xiàng)目中，如果單單給一個(gè)形象的圖，是不專業(yè)的。一般我們會(huì)做一個(gè)ppt，給需求方展示。

例如需要形象的線描/扁平效果/以及立體效果，還要有形象的三視圖，以及簡單的闡述，包括形象在公司的一個(gè)具體應(yīng)用場景展示，甚至于配合運(yùn)用的一些效果案例。

接下來給同學(xué)們看一個(gè)我之前的一個(gè)項(xiàng)目，希望會(huì)給大家?guī)硪恍┫敕ê蛶椭?br />

這就是今天給大家分享的所有內(nèi)容了，希望能幫助到大家～希望同學(xué)們可以按照我們所說方法從0到1做一個(gè)可愛的卡通形象。需要大家練習(xí)并加以總結(jié)，慢慢提高自己吧～加油哦～

暖雀網(wǎng) ? 文章或作品為作者獨(dú)立觀點(diǎn)不代表暖雀網(wǎng)立場。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。本文之內(nèi)容為用戶主動(dòng)投稿和用戶分享產(chǎn)生，如發(fā)現(xiàn)內(nèi)容涉嫌抄襲侵權(quán)，請聯(lián)系在線客服舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。本站轉(zhuǎn)載之內(nèi)容為資源共享、學(xué)習(xí)交流之目的，請勿使用于商業(yè)用途。