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