注：本文閱讀順序為先圖后文。

針對不同的設(shè)計載體，設(shè)計方法也會有所不同，這篇教程我們來學(xué)習(xí)如何設(shè)計插圖貼紙。今天的內(nèi)容是先分析擬人插畫風(fēng)格的特點，然后講貼紙的文字編排，最后繪制插圖與設(shè)計貼紙。

△ 這是最后的效果，感興趣的小伙伴就繼續(xù)看下去吧！

先分析這次使用的插圖風(fēng)格，這個我稱為美式擬人插畫風(fēng)格，這些插圖大家能發(fā)現(xiàn)它們的共同點嗎。

這些插圖是否會讓你想起米奇呢，美國在 1928 年出現(xiàn)世界第一部有聲動畫片《汽船威利號》，這部電影的問世標(biāo)志著米老鼠形象的正式誕生。隨后米老鼠一步步做了形象的修改，最后演變成了我們最熟悉的樣子。

而這個形象已經(jīng)在我們的認(rèn)知里扎根。

它身上幾乎所有的部位都成為了一種視覺符號。

所以后來的插圖參考了這種風(fēng)格，主要體現(xiàn)在運用了手臂和腿呈管子狀，只有四個手指的手掌，有時候會帶著白色手套，眼睛的缺角、嘴巴的特點，以及大號的腳掌等?；旧鲜褂玫竭@些元素就能還原這種風(fēng)格的特點。

一個無生命的物體，添加表情和手腳后，它就會變得很生動，這就是擬人化。因此我為這個風(fēng)格命名為美式擬人插畫。這種風(fēng)格出現(xiàn)的頻率也越來越高。

比如 2019 年上線的茶杯頭游戲，創(chuàng)作團隊就明確表明游戲風(fēng)格是受 20 世紀(jì) 30 年代動畫片啟發(fā)，兩個主形象的設(shè)計都和我剛剛所說的特點一致。

△ 插畫師 Yeye Weller 的作品

插畫師 Yeye Weller 也充分地使用了這些特點。

△?插畫師 McBess 作品、插畫師 steve_ gavan 作品

也可以在這些特點之上進行改動，比如腳掌大小變得正常、或者手掌也可以去掉白色手套、眼睛的部位也有了新的處理，但是這種擬人化整體來看，它們體現(xiàn)的還是 20 世紀(jì) 30 年代動畫片的味道。

說到文字編排，比較熟悉的應(yīng)該是海報了，用海報與貼紙作對比會更容易理解。首先海報里面的文字信息比較多，因為海報的尺寸比較大，字體在版面中看起來很小也能看清。但是貼紙里的信息編排一般沒有這么復(fù)雜，貼紙的尺寸一般很小，相比于海報來說，同等大小的文字在貼紙里會顯得更大。

海報的尺寸一般為矩形，而貼紙可以根據(jù)不同內(nèi)容形成的邊緣而變化。包括去掉插圖直接用文字，再配上合適的形狀都是非常常見的。

在貼紙的編排里，無論用什么方式編排，基本是為了解決圖形的負(fù)空間。

比如這些固定形狀的標(biāo)簽，在編排文字時就會盡量去貼合邊緣去排，這樣整體的文字與形狀是貼合的，也就不存在讓人不舒服的負(fù)空間。

這個時候應(yīng)該沒有人會排一個兩端對齊的文字組吧？兩端對齊的文字更適合放在矩形里。

在貼紙里經(jīng)常使用繞排的文字，因為繞排總能讓文字與形狀邊緣貼合。圓形的、三角形的、方形的都可以。

以插圖為主的貼紙，可以先分析插圖的形狀，再選取和插圖比較貼合的貼紙形狀，貼紙的形狀越貼合插圖，需要解決的負(fù)空間就會少，文字編排起來不會太費力。

△?Cahya Sofyan 設(shè)計的插圖

但是插圖與形狀之間的貼合性肯定不總是完美的，以 Cahya Sofyan 的這個插圖為例，我猜測他通過插圖形狀的判斷，選擇了拱門形的貼紙形狀。發(fā)現(xiàn)上方和形狀很貼合，但是下方空出的空間有點不舒服。因為插圖花盆的形狀與文字的外輪廓非常抵觸，就像一個尖銳的東西要和墻面碰撞在一起一樣。

△?Cahya Sofyan 設(shè)計的插圖

而這位設(shè)計師的解決辦法，就是在插圖的背后加上和形狀邊緣非常貼合的背景，這樣看起來，這個背景和插圖是一個整體，而插圖與文字的沖突也被沖淡了。

最后一點是貼紙的風(fēng)格要一致，因為貼紙它一般不會以單個出現(xiàn)，一般是以多個為一組出現(xiàn)。

如果你要讓這些貼紙呈現(xiàn)一個比較完整的效果，就要注意每個貼紙之間的風(fēng)格要一致。比如色彩、文字都要注意統(tǒng)一。和系列作品所呈現(xiàn)的一樣，因此貼紙也算是系列作品的一種形式。

在插畫擬人化的主題選擇上，我選擇了常用的水果，打算對它們進行一些聯(lián)想。

比如說香蕉，在撕開香蕉皮的時候，它讓我聯(lián)想到一個提起裙子行屈膝禮的人。有畫面感就可以開始執(zhí)行了。

先加人物表情。管子手加上提著裙子的手勢。腳掌是簡化的形狀。那么香蕉的擬人化形象就畫好了。

接下來是櫻桃，我們一般畫櫻桃的時候很喜歡畫并蒂的兩個櫻桃。它們看起來就像感情很好的兩兄弟一樣。所以我打算畫它們勾肩搭背交談的樣子。

它們的表情最好有一些區(qū)別，比如有的睜開完整的眼睛，有的瞇起眼眼。就畫了它們正在走路的樣子。最后畫勾肩搭背的手。為了增加活潑感。

后面的就不講這么詳細(xì)了，主要是桃子和屁股聯(lián)想到一起，葡萄吃自己的葡萄，芒果正在度假這些聯(lián)想。相信這些簡單的表情與手的繪制不會難倒大家。

到現(xiàn)在為止，我們的插圖都畫好了，最后就是要將它們做成貼紙。

插圖本身就可以制作成貼紙的，但是有時候我們需要形狀更簡單一點的貼紙，或者希望貼紙表現(xiàn)不一樣的形式感時，文字的加入就有必要了。接下來我將會為大家演示，如何根據(jù)不同形態(tài)的插圖選擇不同的基本形狀與添加文字編排。

先確定物體的形態(tài)，首先它的比例偏向長方形，因為形態(tài)上有弧度，所以用拱門形的貼紙形狀會比較貼合。剩余的空間就是我們需要編排文字的空間了。

先嘗試?yán)@排一段文字，字體是大還是小，都感覺文字與插圖不夠貼合。是因為插圖邊緣和文字的邊緣不夠貼合，產(chǎn)生比較零碎的負(fù)空間。

所以這就需要用到剛剛講到的一個方法：為插圖加一個貼合貼紙形狀的背景。因為這個形狀的加入，圖形與插圖看起來更像是一個整體了。在這個基礎(chǔ)上，只需要把下方的空間安排好就可以了。下方加入中文，剩余空間加入小元素點綴。這個貼紙就完成了。

櫻桃整體形狀是接近三角形的，在選取貼紙形狀時候要選擇和三角形相關(guān)的形狀，又要留有一定的文字空間。我選擇的是菱形。

它四個邊的角度是比較貼合插畫邊緣的，但是上下左右的角太尖銳，可以作圓角處理。因為上方的形狀和插圖比較貼合，只需要在插圖下方的空白處加文字就可以了。

下方的結(jié)構(gòu)是倒三腳，所以用居中對齊的方式比較合適。在外圍加一圈描邊，發(fā)現(xiàn)它們走路沒有影子感覺有點飄，所以就加了影子。

桃子插圖的形狀整體是圓滾滾的，偏向橢圓。

插圖和橢圓形周圍的空間比較均勻，所以文字選擇直接繞排。文案不夠的時候加小元素點綴是很好的方法，既可以填補空間又可以作裝飾。加了陰影平衡插圖上方的重量。貼紙的外圍我加了一層底色，豐富貼紙的顏色。

葡萄的外形接近三角形，這一次不選擇菱形，選擇三角形嘗試。

大概規(guī)劃好，上方是插畫，下方是文字的結(jié)構(gòu)。同時對太過尖銳的角進行切除和圓角處理。

大體外形是貼合的，但是有些小地方還是顯得很空。所以又要用剛剛的技巧了。添加貼合形狀的背景。如果還覺得不夠，可以豐富一下背景。最后添加上文字。

芒果下方的形狀非常接近于正圓，所以可以直接使用正圓。

插圖放置于底部，上方用于編排文字。這個形狀是圓弧形的，想要貼合這個形狀，文字用繞排的方式比較好。前面我們有提到繞排與居中對齊相結(jié)合的方式，在這里就可以用上。最后再加個描邊，讓文字與插圖整體性更強。

現(xiàn)在所有的貼紙都完成了，但是放在一起的時候，會覺得有點單調(diào)，我們可以加入一些簡單的、比較小的貼紙來豐富貼紙的種類。只是簡單的文字編排或者小圖案就可以達(dá)到這個效果。

最后貼個樣機或者做個動圖。那么可愛的貼紙就完成了!

總的來說，這一類的貼紙可以先繪制出插圖，再根據(jù)插圖的形狀特點，和考慮到預(yù)留的文字空間，挑選適合的形狀，再根據(jù)形狀特點編排文字。但是最重要的一點是，一定要注意每個貼紙之間風(fēng)格要統(tǒng)一。

歡迎關(guān)注研習(xí)設(shè)的微信公眾號：「Yanxishe2017」