豬年(nián)到來之際，我們品牌的卡通(tōng)形象——小飛豬也完成了(le)自(zì)己2.0版本的升級。或許有人(rén)會疑惑：飛豬的品牌logo 大家早已熟知，為(wèi)什麽還要(yào)打造自(zì)己的卡通(tōng)形象？相信這(zhè)篇文章(zhāng)可(kě)以給到大家一(yī)些啓發。

近年(nián)來，無論電商還是互聯網工(gōng)具，包括線下(xià)衣、食、住、行(xíng)的衆多快(kuài)消品領域，各個品牌好像在不約而同地(dì)跟進，紛紛啓用卡通(tōng)形象來作(zuò)為(wèi)自(zì)己的品牌代言人(rén)，像熊本熊這(zhè)樣成功的 IP 甚至将日本一(yī)個普通(tōng)的旅遊城市變成了(le)粉絲們的打卡勝地(dì)。

如(rú)果單純考慮品牌的辨識度，一(yī)個靜态的 logo 是可(kě)以做(zuò)到的。但(dàn)在信息爆炸的年(nián)代，如(rú)果可(kě)以将品牌進行(xíng)生動化營銷，在衆多競品當中搶先與消費(fèi)者建立起情感連接，品牌就更加容易在同質化的浪潮中突圍出來。而塑造一(yī)個可(kě)以與人(rén)互動又富有親和(hé)力的卡通(tōng)形象，無疑是承載這(zhè)一(yī)目标的最佳選擇。

那(nà)麽一(yī)個品牌卡通(tōng)形象的設計通(tōng)常需要(yào)符合哪些要(yào)素呢？我們根據之前一(yī)些案例經驗的總結，歸納出了(le)下(xià)面幾點。

與品牌logo 之間(jiān)的關系定位，品牌卡通(tōng)形象通(tōng)常誕生于企業發展的一(yī)定階段，在這(zhè)個時(shí)候，品牌logo 已經具備了(le)一(yī)定的影響力，所以他(tā)們的設計大多需要(yào)與 logo 一(yī)起體現出品牌的「家族性」。在這(zhè)個前提下(xià)，我們需要(yào)确保自(zì)己是在一(yī)個立體的卡通(tōng)形象上(shàng)面去增加 logo 的核心設計元素，而不是在 logo 的基礎上(shàng)去簡單的做(zuò)加法。

親和(hé)力，這(zhè)是小卡通(tōng)們安身立命的東西(xī)。跟相親一(yī)樣，這(zhè)個領域尤其的外(wài)貌協會，就好像米老(lǎo)鼠、阿童木的聰明(míng)機靈；Hello kitty、泰迪熊的乖巧可(kě)人(rén)；熊本熊、Line friends 的小賤呆萌，在造型和(hé)氣質上(shàng)先抓得住用戶的眼球，他(tā)們才願意進一(yī)步去了(le)解與你有關的事物(wù)。

△ 圖片素材來自(zì)網絡

表演性，品牌卡通(tōng)形象的應用場景，也許是包裝或者T恤上(shàng)的一(yī)張圖案；也許是一(yī)次品牌線下(xià)推廣活動的大公仔與物(wù)料組合，且大多沒有故事背書(shū)。這(zhè)就要(yào)求形象必須在有限的場景裏面把情緒和(hé)要(yào)表達的內(nèi)容充分地(dì)展現給目标用戶，所以形象本身的肢體語言必須非常豐富，他(tā)們的動态設定都(dōu)需要(yào)下(xià)足功夫，要(yào)有足夠的表現力才行(xíng)。

△ 「我是一(yī)個戲很(hěn)足的麻袋」（圖片素材來自(zì)網絡）

下(xià)面我們就以小飛豬自(zì)己現身說法，看(kàn)他(tā)是怎樣遵循這(zhè)些要(yào)素去進行(xíng)改版的。

我們發現，之前小飛豬的形象總體是在 logo 的基礎上(shàng)加了(le)一(yī)個矮胖的身體，并沒有對他(tā)進行(xíng)立體化的考量。因為(wèi)過重的 logo 導向，使形象整體顯得有些呆滞，他(tā)的「親和(hé)力」與「表演性」也跟着受到了(le)很(hěn)大影響，在我們想把他(tā)當作(zuò)一(yī)個 IP 去開(kāi)發圖檔和(hé)周邊産品的時(shí)候，會有很(hěn)多場景都(dōu)不太适用，甚至連一(yī)個45度的轉角都(dōu)沒有辦法用合理的方式來實現。

△ 之前形象的設計邏輯

△ 尴尬的45度角

那(nà)麽怎樣才能(néng)合理的處理品牌logo 與卡通(tōng)形象的關系，為(wèi)小飛豬建立起一(yī)套嚴謹的設計邏輯和(hé)使用體系，把一(yī)切的問(wèn)題扼殺在品牌形象人(rén)格化的搖籃中呢？

此處我們可(kě)以借鑒行(xíng)業标杆－米奇&米奇頭logo 的做(zuò)法，可(kě)以感受到，在 IP 行(xíng)業中出現的無論是電影、樂(yuè)園還是快(kuài)消品領域，這(zhè)兩個元素都(dōu)可(kě)以根據使用場景自(zì)然的進行(xíng)切換，大家無論看(kàn)到 logo 還是米奇都(dōu)可(kě)以清楚地(dì)感知到「Disney出品」這(zhè)樣一(yī)個信息，他(tā)們都(dōu)是可(kě)以代表這(zhè)個品牌的超級符号，兩者之間(jiān)通(tōng)過三個圓的特征保持着非常強的關聯度，但(dàn)是在設計方式上(shàng)又有各自(zì)的考量标準，logo 在跨界聯名活動與産品設計開(kāi)發上(shàng)延續着豐富的玩(wán)法。米奇形象又充分的展示了(le)卡通(tōng)形象的表演性，在舞(wǔ)台和(hé)線下(xià)場景的互動中讓品牌成為(wèi)一(yī)個鮮活的存在。

△ 猴年(nián)春節米奇家族與logo延展的設計元素

△ 米奇頭作(zuò)為(wèi)設計載體與上(shàng)海(hǎi)博物(wù)館進行(xíng)的跨界合作(zuò)（圖片素材來自(zì)網絡）

經過前面主要(yào)的問(wèn)題整理和(hé)案例分析，小飛豬的調整方向似乎也出來了(le)：我們将飛豬頭的輪廓作(zuò)為(wèi)品牌核心符号進行(xíng)強化，在此基礎上(shàng)對五官的搭配和(hé)形體設計綜合考量平面與3D的呈現效果進行(xíng)調整。

△ 小飛豬的調整方向

面部的調整

卡通(tōng)形象同真人(rén)一(yī)樣，頭部的視(shì)覺重心也是處于面部中央位置的（通(tōng)常長(cháng)在這(zhè)裏的都(dōu)是眼睛），五官距離拉近一(yī)些可(kě)以讓他(tā)們變的更加可(kě)愛和(hé)富有親和(hé)力（這(zhè)也是為(wèi)什麽小朋(péng)友(yǒu)和(hé)小動物(wù)都(dōu)會比成年(nián)後顯得可(kě)愛，如(rú)果到了(le)我們說的長(cháng)開(kāi)了(le)的程度基本上(shàng)跟可(kě)愛就沒什麽關系了(le)）。通(tōng)常來說，Q化的卡通(tōng)形象眼睛都(dōu)處于面部1/2或者以下(xià)的位置（原始設定就是馬臉造型的除外(wài)）。

△ 大師(shī)為(wèi)我們留下(xià)的黃(huáng)金(jīn)面部比例也同樣适用于卡通(tōng)形象（圖片素材來自(zì)網絡）

所以我們首先需要(yào)考慮的是怎樣讓人(rén)們的視(shì)覺重心放到飛豬心靈的窗戶（眼睛）而不是之前那(nà)個巨大的鼻子上(shàng)。我們試着在飛豬面部的中心區(qū)域對五官重新進行(xíng)布置，将眼睛與鼻子的距離拉近，令它們處在面部1/2切線的位置上(shàng)。同時(shí)把鼻子的造型按照豬鼻子的樣子去「畫(huà)」出來，我們會考慮它跟面部嵌入的銜接關系，在轉到側面的時(shí)候鼻子和(hé)鼻孔的形狀看(kàn)上(shàng)去會發生的改變，通(tōng)過透視(shì)關系把它的「厚度」表現出來。我們把這(zhè)個過程叫做(zuò)「面部的去logo導向」。

△ 調整面部的視(shì)覺重心，将五官的位置拉近

△ 在頭部朝向的改變中體現出鼻子的形狀和(hé)厚度

頭發的設定

在圖形化的狀态下(xià)，頭發的角度是與 logo 同樣保持向右的，但(dàn)是作(zuò)為(wèi)一(yī)個立體的卡通(tōng)形象來考量，我們可(kě)以想象一(yī)下(xià)如(rú)果一(yī)個人(rén)的發型是完全朝向自(zì)己頭部的正側面看(kàn)上(shàng)去一(yī)定是很(hěn)奇怪的（可(kě)能(néng)有點謝(xiè)頂），至少(shǎo)我們不會把這(zhè)種造型跟親和(hé)力聯系起來。所以，我們将飛豬的頭發設計成朝向左後方的45度，同時(shí)把這(zhè)部分的形狀與頭部球體的切線以弧線銜接起來，做(zuò)成一(yī)個自(zì)然的整體，通(tōng)過這(zhè)種方式在卡通(tōng)形象的身上(shàng)表現出飛豬logo 的主要(yào)特征。

△ 頂視(shì)圖當中觀察到頭發的形狀

當然，上(shàng)述造型是基于三維狀态下(xià)的設定，我們也要(yào)考慮到在二維的情況下(xià)怎樣自(zì)然的表現頭發的特征。如(rú)果強行(xíng)的把頭發在平面狀态下(xià)都(dōu)朝向左邊，那(nà)麽平面造型的飛豬在面向左邊的時(shí)候頭發會變成下(xià)面的樣子，小丸子中花輪同學的感覺撲面而來。

△ 平面狀态下(xià)頭發一(yī)味的向左就會變成另外(wài)一(yī)種發型

所以我們要(yào)思考的是如(rú)何讓二維狀态下(xià)的頭發既能(néng)做(zuò)為(wèi)飛豬形象的基本特征，又不會對形象的整體效果有所減分。通(tōng)過幾組形象的動作(zuò)剪影可(kě)以發現，頭發的造型本身動感是很(hěn)強的，在保持頭發角度一(yī)直向後的情況下(xià)，無論處在哪個方向都(dōu)可(kě)以幫助我們很(hěn)容易地(dì)辨識出形象的動态特征和(hé)身體的朝向，而且不會顯得違和(hé)。因此我們對二維狀态下(xià)的飛豬頭發做(zuò)了(le)永遠處于頭部球體後1/2上(shàng)半部分的設定，在正面的狀态下(xià)仍然默認朝向腦袋的左側。

△ 平面狀态下(xià)的頭發朝向可(kě)以很(hěn)大程度強化形象動态的識别度

對形象肢體的結構化拆分

這(zhè)部分主要(yào)解決的是形象「表演性」的問(wèn)題，要(yào)讓小飛豬的肢體語言有好的表現力，我們首先需要(yào)對他(tā)的造型進行(xíng)一(yī)次結構化的拆分，在明(míng)确了(le)肢體的形狀和(hé)比例之後，在形象後續的動作(zuò)延展上(shàng)才能(néng)做(zuò)到有據可(kě)循。

考慮到飛豬可(kě)能(néng)出現的不同使用場景，在保持短手短腳特征的前提下(xià)，我們把他(tā)整體的身高從(cóng)1.5個頭的比例增加到了(le)1.8個頭（長(cháng)度主要(yào)加在了(le)腿上(shàng)），同時(shí)把拆分的軀幹與四肢的形狀改得更加圓潤，以強化形象的親和(hé)力。以手臂的部分為(wèi)例，之前的管狀結構産生了(le)比較多的轉角，特别是豬手的部分已經接近于平角的形狀，會讓人(rén)産生硬硬的感覺，所以我們先把手臂整體的造型調整為(wèi)竹筍形，向着手部逐漸變得短小，并且在彎曲的時(shí)候設定成圓潤的轉角，不再讓四肢産生肘關節這(zhè)種硬骨點轉折的效果。

△ 身體比例的結構化拆分

△ 新的身體比例圖

△ 身體結構的動态演示

△ 改版前後的轉面圖對比

結構調整完成就可(kě)以開(kāi)始拗造型試一(yī)下(xià)「表演」的效果了(le)，以下(xià)面這(zhè)組動态幅度比較大的奧運主題造型為(wèi)例，用頭部、軀幹、四肢的結構把原始的動作(zuò)重新組合一(yī)下(xià)，我們在每個動作(zuò)當中都(dōu)可(kě)以發現一(yī)條清晰的動态線，在完成這(zhè)步的設定之後，再把形象的五官與肢體細節添加到結構上(shàng)面，如(rú)果可(kě)以感受到形象的動态明(míng)确，完成稿剪影輪廓清晰，一(yī)組基于形體結構設計的具備表演性的主題動作(zuò)才宣告完成。

△ 奧運主題動作(zuò)優化案例

△ 新造型放入旅行(xíng)場景中的概念圖

到這(zhè)裏，按照幾個核心要(yào)素對形象的調整就宣告完成了(le)，我們又對小飛豬進行(xíng)了(le)一(yī)些實體化的嘗試來檢驗形象延展的效果。

△ 标準形象的3D模型

△ 飛豬旅行(xíng)公仔

△ 放置在樂(yuè)佳新辦公區(qū)的飛豬雕塑

△ 雕塑與人(rén)偶服在工(gōng)廠中的打磨

△ 豬年(nián)開(kāi)門紅(hóng)的禮盒套裝

完成了(le)上(shàng)述對形象的基礎建設之後，小飛豬的皮囊算是初步搞定了(le)，能(néng)夠合理的呈現我們需要(yào)他(tā)做(zuò)的任何事。當然，要(yào)把他(tā)打造成一(yī)個品牌形象的「IP」，我們後面要(yào)走的路還有很(hěn)長(cháng)，需要(yào)通(tōng)過各種形式內(nèi)容的打造為(wèi)他(tā)塑造性格，注入「豬魂」，為(wèi)大家所認知、接受并且喜歡。小飛豬也會伴随飛豬品牌不斷的驗證和(hé)優化自(zì)己，力求為(wèi)用戶帶來更好的産品體驗。