2020-5-18 資深UI設(shè)計者
在教程開始之前，我先說一下今天的教程我們會講哪些部分。首先我們會分析兒童風(fēng)格的特點、然后在這些特點之上給大家演示繪制一些插畫小元素。
我們先來看一下這些海報里，是不是很容易就能分辨出，哪一個是關(guān)于兒童主題的畫面？
可能剛剛的會比較明顯，那這組是不是也同樣可以分辨出哪一個兒童感比較強的畫面？兒童感它既然能夠在這些風(fēng)格里凸顯，它一定有一些特點。那么接下來我會通過幾個方面去分析這些特點。
我們要選用一些符合兒童風(fēng)格的元素。植物是兒童畫里出現(xiàn)最常用的元素，動物作為自然界的一份子，當(dāng)然也非常適合。一些兒童屬性的物品。比如書本、棒棒糖等。還有天空的云朵、房子這些兒童畫畫的時候經(jīng)常出現(xiàn)的元素，都非常適合兒童畫面。
但是一些明顯不屬于兒童用品的元素就不合適了。比如說口紅，口紅不會讓人聯(lián)想到兒童，更多是成年女性。骷髏頭這種恐怖的物體也不能出現(xiàn)。
那我問一下，眼鏡適合嗎？如果是這種尖銳的眼鏡的話可能不太適合。
但是一旦它的外形變得圓潤可愛，就很合適。很多物品也像眼鏡一樣，只要把外形改變得更符合兒童的氣質(zhì)，就不會顯得突兀。
假如某一些物體兒童化特征不明顯，而又想讓它有兒童感，那應(yīng)該怎么做呢？加入表情，表情簡單可愛，就能表現(xiàn)兒童感的情緒。
每個物體加上表情就會變得可愛。但也正因為這些表情加在了本身沒有表情的物體上，所以風(fēng)格里有一種搞怪感。
我把隨機下載的兒童海報拼接在一起，整體分析它們的特點。
兒童插畫的海報元素使用的色相比較多，這里隨機抽取的海報里，畫面都是使用了比較多的顏色，紅、黃、藍、綠基本都用上了。
在飽和度上都偏高，一般保持在 70% 以上。
明度方面，把畫面模糊再變黑白，我們可以看到整體畫面給我們的感覺是比較亮的，就連中間用了大色塊的海報的明度也在 50% 以上。而存在的一些深色也是作為畫面的點綴。
那么總結(jié)起來，一般是色相選取的顏色比較多、飽和度比較高、明度比較高。我們以這張圖為例。
當(dāng)它的顏色種類變少的時候，畫面的活潑程度就會降低。
而飽和度變低后，不僅活潑度降低，這種顏色的風(fēng)格會趨向于成人化。
畫面的顏色變深之后，畫面就沒有透氣感。有一個很合適的成語形容，叫「老氣橫秋」。就是缺乏朝氣的感覺。
那么兒童插畫的形體有什么特點？總結(jié)起來有兩個特點，簡單和隨意。首先兒童對世界的理解還不夠深，能力也不足，往往畫岀來的東西都是以概括的形式。
比如兒童畫一顆真實的樹的時候，去掉很多細(xì)節(jié)，把一個物體比較有特征的外形表現(xiàn)出來。比如兒童畫一顆樹可能是這樣畫的。
其次兒童的能力和經(jīng)驗不夠，畫畫的時候邊緣都是比較不平滑的，看起來比較隨意。
而且就算本來在他眼中是對稱的物體，因為手繪的感覺而看起來歪歪扭扭。
當(dāng)一個物體簡單成平滑的幾何形的時候，它是偏向于設(shè)計感和現(xiàn)代感的。當(dāng)它越來越接近于隨意感覺的時候，它的兒童特征會更強，同時更親切。
就像這些作品，雖然是插畫師畫的，但是卻有很強的兒童感，就是這種簡單和隨意再加上插畫師的審美形成的畫面。
要注意的是簡單和隨意的把握，太過隨意，商業(yè)化的價值就不高了。
兒童海報里的插畫雖然每個元素比較簡單隨意，但是要保持畫面比較完整，是需要很多元素的拼湊的。
就像這個幼兒園品牌的元素都特別隨意，但是最后呈現(xiàn)的效果卻也不錯，除了在延伸上花了很多心思之外，還因為它的元素比較多，看起來不至于太單薄。
而這些元素的擺放可以不遵循嚴(yán)格的透視和邏輯，這種方式體現(xiàn)了兒童繪畫和成年人嚴(yán)格的繪畫原理的不同。
能滿足上面的特點的兒童風(fēng)格有很多，在這里我打算用一種比較簡單的繪制風(fēng)格，來進行操作的演示。
首先我們畫一顆簡單的樹，來看一下這個風(fēng)格。外形不會追求非常的對稱。
就連樹干我也是用「畫筆工具」和鼠標(biāo)畫的。營造一種隨意感。
在這里調(diào)整一下最后整體的外形后，我們會發(fā)現(xiàn)它的邊緣和線條都太順了。沒有手繪的自然感。
所以我們要用到「變形工具」，對邊緣進行推拉，這樣它的邊緣就不會特別光滑了。
最后調(diào)整一下尖銳的錨點，樹就這么簡單地完成了。
大家可能會覺得這個風(fēng)格過于簡單了，我用畫動物，去講解一下其中的細(xì)節(jié)。首先還是用「鋼筆工具」，把形體輪廓和主要部位畫出來。 大家是不是覺得畫到這里就完成了？其實這個風(fēng)格比較簡單，如果沒有一些裝飾感的細(xì)節(jié)的話就會顯得太過隨意了。所以在這只鳥里，要去想怎么添加一些細(xì)節(jié)。
首先可以加個腮紅。腮紅的顏色不一定是紅的。像鳥的身體色塊面積太大了，需要有裝飾，所以畫幾條羽毛。羽毛的形狀太過規(guī)矩了，還是需要轉(zhuǎn)曲用「變形工具」調(diào)整。
還有尾巴的部分也是需要用線的形式讓整體更有細(xì)節(jié)感。最后都是要用「變形工具」讓它的線條有種隨意感。
最后的細(xì)節(jié)在嘴巴上添加，直接畫一條直線。其實添加細(xì)節(jié)就是不要出現(xiàn)一整大塊的純色色塊。
對于物體的簡化不用太過于死板，比如我們現(xiàn)在看到的這個植物，它可以直接簡化成圓形和密集的點的組合。
一開始我是直接用「剪切蒙板」的，但是這樣邊緣過于光滑了，而且里面的點也被框住，不夠美觀。于是就把點的分布超出圓形一點。這樣看起來就比較有細(xì)節(jié)了。
而我們通過改變形體，就可以演變出很多種不一樣的形態(tài)。比如這個物體，我在做的時候想能不能把中間的圓縮小一點 。黑色的點占比再大一點。這樣就產(chǎn)生了另外一種植物。
甚至還可以直接去掉中間的圓，把點再放大作為主體。原本的點放大會變得太過隨意。所以只能通過畫圓形和「變形工具」調(diào)整。
這樣又可以得到不一樣的一顆植物了。這樣的演變可以根據(jù)畫面的需求選取不一樣的植物。
所以在這里我已經(jīng)畫好一套常用元素的素材了。以植物動物為主，基本能滿足日常設(shè)計中的需求了。這套素材會分享給大家，在我們的訂閱號后臺回復(fù)「兒童節(jié)素材」就可以下載。這套素材是允許大家商用的。有了素材后，怎么用呢，接下來我將用這套素材演示它能怎么使用。
這些素材可以在畫面作為點綴營造氣氛。
直接使用這些素材，堆疊成完整的畫面。
也可以和圖片中的人物或者產(chǎn)品做穿插。
接下來用一個案例演示一下，我是怎么用素材的。這個是學(xué)而思的手機端海報的文案，主要有標(biāo)題部分、課程內(nèi)容、和二維碼等。
首先建立一個手機端尺寸。設(shè)置好版心的大小。在這里我做的是下方卡片式的結(jié)構(gòu)。（白色色塊部分是海報）
可以先把文案編排進來。首先安排好大的元素，二維碼和活動價格。主講老師和上課時間的小標(biāo)題，字號大小要保持一致?？ㄆ锏男畔⒕途幣磐炅?。
標(biāo)題是畫面最大的字號放在上方，副標(biāo)題和補充信息和大標(biāo)題居中。接下來就是要在畫面中添加我們的素材了。那么怎么選擇呢？首先要定好你要選擇的元素范圍，不要同時出現(xiàn)太多種類的元素。以植物為主、再加上幾個元素點綴是一般不會出錯的選擇。
首先添加的是面積比較大、塊面化比較明顯的元素。這里就加了三棵簡單的樹。
接下來就是添加一些更有裝飾感的花花草草。
在添加元素的時候也要注意畫面點、線、面的結(jié)合。就比如現(xiàn)在我們添加的元素主要是以面和點為主。
雖然樹的樹干也有線，但是輪廓的線條太「順」了。
所以要添加「線」的特征更明顯一點的元素。
在畫面的上方加上適合存在畫面上方的元素、比如長頸鹿因為本身比較高，所以沒問題。把標(biāo)題移到適合的位置，加蒲公英作為點綴。最后只剩下中間的部分怎么做出和主題相關(guān)聯(lián)的畫面了。
我們還有一個信息可以放在人物的手上。最后一個元素就從海報的主題出發(fā)。既然是學(xué)習(xí)的內(nèi)容，可以畫一本書，放在背影上。元素的拼湊完成了，最后就是細(xì)節(jié)的添加。
現(xiàn)在畫面下方的信息不夠突出，是因為卡片和背景都是白色的，所以下方加上一個深色的色塊，讓信息更顯眼。
突出的信息可以變顏色。
背景變成黃白色，最后加上 logo。現(xiàn)在畫面好像完成了，但是我最后還發(fā)現(xiàn)了一個問題，畫面上的顏色飽和度都很高，各種顏色之間碰撞，看起來有點透不過氣的感覺。
是因為畫面缺少淺色。所以我選了兩個花把它變成白色。
現(xiàn)在這個素材使用的案例就完成了。
最后要說明，這一套素材它只是一種風(fēng)格，我們教程前面有說到的任何一個因素的改變都可以演變成無數(shù)的風(fēng)格。
比如它的顏色搭配也可以變，變成一種更亮眼的顏色?；蛘哒f它變得更隨意，有筆觸的自然感。甚至還可以是畫畫技法風(fēng)格變化。也可以為每一個元素都加上眼睛，一種搞怪感就出現(xiàn)了。所以是有無限的可能性的，最重要的是要學(xué)以致用。
做好畫面還不夠，我們畫面選擇的字體也是很重要的，那么我覺得這幾款字體做得都不錯。
文章來源：優(yōu)設(shè) 作者：研習(xí)設(shè)
藍藍設(shè)計的小編 http://tweetduck.com