版權資訊：該文章或作品版權由 木澤川 解釋，禁止匿名轉載，禁止商業使用，禁止個人使用。
時間 | POSTED： 2021-06-23 欄目 | CATEGORIES： 設計教程/經驗
15年年初，卡通ip形象開始崛起暴增。各個設計交流平臺上開始出現企業形象/吉祥物徵集這類比賽開始出現。整個網際網路圈都開始重視卡通形象這一塊，除了BAT這種大廠之外，中小企業或組織也開始對卡通IP形象有了一定的訴求。作為UI設計師如果你會設計出可愛的企業形象，那麼相信在面試成功的天枰中又多了一個砝碼。
企業形象的優勢
1.強關聯性（深化企業和使用者之間的情感溝通）
卡通形象是有溫度的。相對於冷冰冰的企業的概念，這種強關聯性將冰冷抽象的企業以卡通形象的形式打通和使用者的情感連結。
那麼什麼企業需要企業卡通形象呢？
一般情況下，一個企業服務的物件也是企業，或者是機器的話，那麼是不需要企業卡通形象的。
往往是企業服務的是個人消費者才會需要卡通形象來傳達企業品牌。企業本身是一個虛擬抽象的概念，很難直接與使用者溝通傳達企業的理念或者產品等，那樣使用者也很難產生共鳴。所以企業可以透過企業卡通形象將公司形象以及一些理念實體化，可以與使用者直接溝通，拉近和使用者之間的距離。讓公司有溫度，使鮮活的卡通形象呈現在使用者眼前。
例如大家都熟悉的三隻松鼠，它是一家以生產銷售堅果果脯等休閒零食的一家食品公司。該公司為自己的產品設計來了三隻松鼠的可愛形象，它的電商客服都化稱三隻小松鼠，稱呼客戶為主人。這樣就很快拉近了產品與使用者之間的距離，尤其是90後/00後為代表的年輕客戶，迅速打開了市場。
2.裂變式傳播（可自創內容，並透過表情/漫畫/動畫電影等快速傳播）
卡通形象作為一個獨立的存在它是可以自創內容的，可以透過表情包（微信/qq平臺居多），或者四格漫畫/動畫電影甚至遊戲等快速傳播。只要內容有趣人們就很容易去傳播，1傳2，2傳4這種裂變傳播快速在使用者中傳播分享。
例如一汪空氣的非人哉，同道大叔的十二星座都是自創的一系列的IP形象，在微博上發一些短幅小漫畫，迅速走紅擁有千萬流量。
3.可以商業化（隨著消費升級，消費者開始向文化消費和服務消費轉型）
隨著消費群體的消費升級，消費者開始對文化周邊以及服務消費的需求越來越強烈。可愛的卡通形象是最能打動消費者購買慾的一種方式。
例如韓國的LINE FRIENDS，2011年LINE FRIENDS以行動通訊軟體“LINE”的貼紙角色誕生。以親切引發同感的形象給使用者們帶來歡樂的 LINE FRIENDS角色們超越行動通訊這一誕生背景，讓我們能夠在日常生活中近距離接觸到。 它已然成為在5，000餘種角色產品、動畫片、遊戲、咖啡廳、酒店甚至是主題公園多種多樣的領域受到世界人們喜愛的品牌。已成功在紐約、東京、上海、北京、香港、曼谷、首爾等地開設實體店的LINE FRIENDS是一家國際性卡通形象品牌兼創意工作室。LINE FRIENDS 憑藉與全球各地的優秀國際品牌攜手推出各類合作商品，同時為顧客提供 LINE FRIENDS獨有的特別體驗，以獨具個性的卡通形象品牌備受關注，並受到了年輕人的追捧。
卡通形象設計的原則
1.簡單的造型/顏色
一個合格的卡通形象的辨識度一定要高，外形越複雜那麼越難以記住。所以一般卡通形象的外形一般是可以用簡單的圖形構成的。
形象的顏色也是這樣，一般情況下卡通形象的顏色最多不得超過三種（這在設計中是一個通用的法則。如果顏色太多，會有很多幹擾的，不利於快速記住形象的特徵。
卡通形象在現實生活中是不存在的，如果要讓使用者第一時間記住它，快速吸引眼球。太複雜的形象是做不到的。
2.形象鮮明
卡通形象最好要有鮮明的性格，不管是軟萌還是可愛無害也好，可以使形象更加的鮮活，拉近與使用者之間的距離，也就是我們經常說的人設。
3.方便延展
卡通吉祥物設計出來後，是要配合運營進行使用的。所以在後期可能要做很多的動作延展，比如上圖展示的三個卡通形象它們的手腳相對而言也是比較長的。
有的同學可能會有一個誤區，會覺得手腳畫的越短，就越萌萌噠越可愛，而且可以少畫很多的細節。我們可以看看上圖的第二幅小黃人這個圖，如果它的手特別的短的話，可能就不能這麼抱著小熊玩具了，如果手過於短小就沒法做一些動作的。這樣就損失了形象在後期動作延展的一些張力，所以我們在設計吉祥物時候一定要為後期的延展多考慮一些。
設計企業形象的基本流程
1.確認需求
設計企業卡通形象第一步就是要和需求方瞭解並且確認需求，這樣會減少我們的改稿率，有的需求方是非常專業的，會把自己的需求（形象型別/產品色/公司業務/產品業務）提的很細，這樣我們就快就可以找對方向。可是在真實的專案中，我們遇到這種專業的需求方的機率是吃牛肉麵的時候能吃到牛肉的機率。。。很多的需求方他們可能就說他們喜歡可愛的，這個可愛是很寬泛的概念，每個人理解的可愛都是不一樣的，如果你匆匆就設計了，很有可能不是需求方所想要的樣子。
那我們在和需求方應該怎麼辦呢？我們要多問幾個為什麼，透過提問題的方式確定卡通形象的主體或縮小範圍。儘量把需求具像化。那我們可以確認那些需求問題呢？
（1）確定形象型別
首先我們要向需求方提問，對卡通形象在物種上是否有要求。
市面上的IP形象大致分為三大類，分別為動物類、人物類以及抽象類卡通。不論形象型別是什麼分類，一般情況我們都會給企業形象加上行業/產品元素。
如果需求方沒有特定的要求形象型別，那我們應該透過分析該公司/組織所在的行業以及產品使用者來匹配符合的形象型別以及具體種類。
例如公司是做旅遊的，是針對攀登愛好者的一個品牌。那我們就可以想到動物中的馴鹿是比較符合攀登的特質，而且馴鹿有堅持，毅力等精神，這與攀登者是相符合的。既然我們確定了以馴鹿為參考，那我們要在視覺中國/站酷海洛等照片素材網站中找到現實中的參考。
（2）確認配色方向（預設企業產品色）
要向需求方提問，配色是否有有特殊要求。如果需求方沒有特定要求，那我們一般預設的就是該企業或者產品的企業色/產品色。
（3）確認風格調性
要向需求方提問2個風格調性方向的問題。
首先要提問需求方是否有非常喜歡或者非常不喜歡的風格？大部分需求方他們沒有喜歡的形象風格，但是它一般提出來不喜歡的風格，這樣我們就可以規避這樣的風險，來縮小我們的設計範疇
其次我們要向需求方提問是否有受眾在年齡/性別上的區分。例如有的行業是比較嚴肅的，如果我們畫的樣式是比較可愛或者低齡的，這是肯定不合適的。
例如：上圖1，是最開始給企業需求方設計的水形象，但是需求方的受眾偏男性，而設計形象偏女生形象，故改成了圖2的形象，偏中性或者往男生上偏。
（4）確認是否對形象整體造型有要求
一般情況下需求方對整體造型的要求是沒有的，我們要確認一下，以免有改稿的風險。
以上我們問的這些問題都是是否問題，而不是開放性問題，用是或否這種問題才能讓需求方明確其需求，這樣才可以準確的獲取有效資訊。
除此之外我們要充分了解企業的行業/企業文化/產品理念/公司口號/使用者畫像等等，對企業的資訊越清楚，那麼我們的形象卡通就越飽滿具象。
2.頭腦風暴
當我們確認需求之後，接下來我們就可以用一些方法來找靈感，這些方法我們統稱為頭腦風暴。以下的例子我們就沿用上邊我們說的旅遊（攀巖）行業的馴鹿來說。
（1）發散思維
（2）情緒板運用
假設旅遊攀巖的需求方沒有給出產品色，那我們可以透過情緒版來確認它的主色。
01 首先我們根據需求分析總結出該企業專案的關鍵詞，例如：攀巖/毅力/冒險
02 其次我們將剛剛列出的關鍵詞寫出它的衍生詞（類似於近義詞）。例如：
攀巖—攀登—極限運動
毅力—堅持—忍耐
冒險—探險—歷險
03 然後我們將這些詞彙帶入照片素材網站（例如視覺中國），並在搜尋框中輸入查詢。精選出自己決定最能解釋該詞彙的圖片。
將選的照片整理放在一起。
04 開始列出最符合的圖片，根據一個關鍵詞總結歸納出相同的顏色或色相。
情緒版在這裡只是一個小小運用，我們以後有時間可以好好地講講情緒版。
（3）雙圖法運用
雙圖法就是說在確定好具體原型後，分別要找兩種圖。一類就是原型的真實照片參考（視覺中國/站酷海洛），這樣我們才可以知道原型有什麼特點以及細節，照片要比我們空想效果好得多。另一類就是我們想要做的形象原型別人優秀作品的借鑑（花瓣/美葉/。pinterest），我們可以透過別人的顏色，手法，元素提取等進行學習並運用到自己的設計上中去。
比如我們說的旅遊攀巖的產品，我們當時形象確定了馴鹿。那我們就去找它的照片形象參考以及優秀作品參考。運用雙圖進行歸納並加以創造多畫一些草圖。
以上就是我們給同學們推薦的一些頭腦風暴的方法，希望大家靈活運用，有時候我們可以多種方法結合使用。
3.設計繪製
確認需求、頭腦風暴後，我們知道了卡通形象的物種形象以及大概風格。接下來我們就可以開始卡通形象的具體設計。
（1）草圖繪製
其實在雙圖法的時候我們就提到過，雖然在我們的大腦中有了吉祥物的大致想法，但是我們還是抽象的。這需要我們在紙上把我們的想法用草圖的樣子畫出來，不要求畫的很精緻，只需自己能明白所要表達的樣式即可，我們需要把想到的各種想法都畫到本上，最後我們根據這些草圖進行會歸納總結，最後找出我們確認的大致形象。
下圖都是我之前設計吉祥物的草圖
下圖為馴鹿的草稿，以及大致最終確認方向
（2）確定顏色
草圖基本確認後，結合情緒版等方法，可在草圖上快速上色，可以多給幾個方案來方便比較。吉祥物整體顏色要遵循色不過三的原則，也就是形象身上的顏色最多不得超過三種。（此步驟也可等完成軟體繪圖後再進行）
下圖都是我之前設計吉祥物的上色草圖。
（3）軟體繪圖
完成草圖繪製後，要將草圖精化出最終形象。一般我們會使用ps或者ai用鋼筆或向量圖形進行繪圖，這一步我們稱之為軟體繪圖。因為考慮以後的應用場景是多樣的，我們一般建議用Ai來進行繪製，因為Ai是向量軟體，放大縮小是不會失真的。而且Ai是可以調節錨點以及平滑工具都可以使形狀更加圓潤平滑。
下圖就是我們將馴鹿的草圖倒入Ai中用鋼筆進行繪製的。
有了線描圖後將確定的顏色填入相應的位置，如過沒有確認的也可在此時進行。
這樣一個平面的企業卡通形象就設計好啦。一般情況下到這裡我們就可以給需求方交稿了。但是由於有的形象或者顏色太單一，往往效果不是很好，可能會導致需求方的誤解。所以我一般會把形象立體化，我個人稱之為微體積化，一般微體積後形象的效果美觀度將會大大的提高。接下來我們就介紹該如何實現。
（4）形象立體化
一般情況下，我們實現立體效果的方法大致分為兩種。
第一種就是運用C4D等三維立體軟體進行繪製，因為考慮到篇幅以及難易程度的原因，我們這次就不講解了，有機會我們可以專門進行介紹學習。
下圖就是我之前做的一個專案，由於造型和顏色的影響，所以考慮到給公司展示會不太好，所以用C4D做了一個效果圖。
第二種就是運用強大的PS中的一些效果來實現偽3D效果，我個人稱之為微體積。這個方法的好處就是入門快，我們就是不會3D軟體，也是可以畫出一些3D效果。接下來我就給大家介紹該方法。
01 首先我們要搞清楚下邊的這個圖，還是我說的光影關係。
微體積效果就是透過光影的深淺變化給觀眾呈現立體效果，下方給同學看的這個圖，就是一個最基本的物體球基本光影關係。一般我們要給一個主觀光源，一般暗部的位置都是給的光源位置相反。比如說光源是從左上方出現的，那麼背光面、反光以及投影都是在物體的右下方出現的。而高光，受光面是在物體的左上方，也就是和光源位置的相同位置。
如果有的同學對光源還是不太明白，可以建議大家看一下伯特·多德森所寫的《素描的訣竅》這本書。
02 我們給出一個物體光影關係後，接下來我們就要讓這些面過渡是自然的，這樣才更像現實中物體的樣子。在PS可以用兩個方法實現該效果。
第一個方法就是羽化
a。先在相關圖層透過剪貼蒙版畫出明暗關係，也就是我們上圖所畫的這些。
b。然後找到每個反應明暗關係的圖層，開啟PS的屬性面板。
c。開啟屬性面板後，點選第二個二級導航——蒙版。
d。打開蒙版面板後，找到羽化的控制元件並且往右點選，越往右羽化效果越強烈，我們透過檢視畫板中的效果來把握羽化的具體數值。
透過此方法將畫面中反應光影的圖層都透過羽化，最終得到下圖的效果。
第二個方法就是畫筆的柔邊圓畫筆
a 選擇畫筆工具（快捷鍵B）
b 開啟畫筆選取器
c 選取常規畫筆的柔邊圓畫筆
d 調節畫筆的柔邊來控制畫筆的邊緣柔和度，然後新建一個圖層在上邊畫物體的光影關係，最後剪貼蒙板到物體上。
以上給同學們分別介紹了羽化法以及筆刷法，大家挑一個自己擅長的就可以，只要最終效果不錯就OK啦。透過該方法配合對空間光影的分析就可以畫出微體積的效果啦。
這樣一個可愛的馴鹿就出爐啦！
下邊是我之前工作的一些案例，給大家展現一些。
4.形象包裝
經過我們一起的學習，我們從無到有的設計了一個公司卡通形象。在現實專案中，如果單單給一個形象的圖，是不專業的。一般我們會做一個ppt，給需求方展示。
例如需要形象的線描/扁平效果/以及立體效果，還要有形象的三檢視，以及簡單的闡述，包括形象在公司的一個具體應用場景展示，甚至於配合運用的一些效果案例。
接下來給同學們看一個我之前的一個專案，希望會給大家帶來一些想法和幫助。
