如何做好兒童節(jié)設(shè)計?

2020-5-18    資深UI設(shè)計者

在教程開始之前,我先說一下今天的教程我們會講哪些部分。首先我們會分析兒童風格的特點、然后在這些特點之上給大家演示繪制一些插畫小元素。

我們先來看一下這些海報里,是不是很容易就能分辨出,哪一個是關(guān)于兒童主題的畫面?

可能剛剛的會比較明顯,那這組是不是也同樣可以分辨出哪一個兒童感比較強的畫面?兒童感它既然能夠在這些風格里凸顯,它一定有一些特點。那么接下來我會通過幾個方面去分析這些特點。

物體的選用

我們要選用一些符合兒童風格的元素。植物是兒童畫里出現(xiàn)最常用的元素,動物作為自然界的一份子,當然也非常適合。一些兒童屬性的物品。比如書本、棒棒糖等。還有天空的云朵、房子這些兒童畫畫的時候經(jīng)常出現(xiàn)的元素,都非常適合兒童畫面。

但是一些明顯不屬于兒童用品的元素就不合適了。比如說口紅,口紅不會讓人聯(lián)想到兒童,更多是成年女性。骷髏頭這種恐怖的物體也不能出現(xiàn)。

那我問一下,眼鏡適合嗎?如果是這種尖銳的眼鏡的話可能不太適合。

但是一旦它的外形變得圓潤可愛,就很合適。很多物品也像眼鏡一樣,只要把外形改變得更符合兒童的氣質(zhì),就不會顯得突兀。

假如某一些物體兒童化特征不明顯,而又想讓它有兒童感,那應(yīng)該怎么做呢?加入表情,表情簡單可愛,就能表現(xiàn)兒童感的情緒。

每個物體加上表情就會變得可愛。但也正因為這些表情加在了本身沒有表情的物體上,所以風格里有一種搞怪感。

顏色

我把隨機下載的兒童海報拼接在一起,整體分析它們的特點。

兒童插畫的海報元素使用的色相比較多,這里隨機抽取的海報里,畫面都是使用了比較多的顏色,紅、黃、藍、綠基本都用上了。

在飽和度上都偏高,一般保持在 70% 以上。

明度方面,把畫面模糊再變黑白,我們可以看到整體畫面給我們的感覺是比較亮的,就連中間用了大色塊的海報的明度也在 50% 以上。而存在的一些深色也是作為畫面的點綴。

那么總結(jié)起來,一般是色相選取的顏色比較多、飽和度比較高、明度比較高。我們以這張圖為例。

當它的顏色種類變少的時候,畫面的活潑程度就會降低。

而飽和度變低后,不僅活潑度降低,這種顏色的風格會趨向于成人化。

畫面的顏色變深之后,畫面就沒有透氣感。有一個很合適的成語形容,叫「老氣橫秋」。就是缺乏朝氣的感覺。

形體

那么兒童插畫的形體有什么特點?總結(jié)起來有兩個特點,簡單和隨意。首先兒童對世界的理解還不夠深,能力也不足,往往畫岀來的東西都是以概括的形式。

比如兒童畫一顆真實的樹的時候,去掉很多細節(jié),把一個物體比較有特征的外形表現(xiàn)出來。比如兒童畫一顆樹可能是這樣畫的。

其次兒童的能力和經(jīng)驗不夠,畫畫的時候邊緣都是比較不平滑的,看起來比較隨意。

而且就算本來在他眼中是對稱的物體,因為手繪的感覺而看起來歪歪扭扭。

當一個物體簡單成平滑的幾何形的時候,它是偏向于設(shè)計感和現(xiàn)代感的。當它越來越接近于隨意感覺的時候,它的兒童特征會更強,同時更親切。

就像這些作品,雖然是插畫師畫的,但是卻有很強的兒童感,就是這種簡單和隨意再加上插畫師的審美形成的畫面。

要注意的是簡單和隨意的把握,太過隨意,商業(yè)化的價值就不高了。

畫面布局

兒童海報里的插畫雖然每個元素比較簡單隨意,但是要保持畫面比較完整,是需要很多元素的拼湊的。

就像這個幼兒園品牌的元素都特別隨意,但是最后呈現(xiàn)的效果卻也不錯,除了在延伸上花了很多心思之外,還因為它的元素比較多,看起來不至于太單薄。

而這些元素的擺放可以不遵循嚴格的透視和邏輯,這種方式體現(xiàn)了兒童繪畫和成年人嚴格的繪畫原理的不同。

案例演示

能滿足上面的特點的兒童風格有很多,在這里我打算用一種比較簡單的繪制風格,來進行操作的演示。

首先我們畫一顆簡單的樹,來看一下這個風格。外形不會追求非常的對稱。

就連樹干我也是用「畫筆工具」和鼠標畫的。營造一種隨意感。

在這里調(diào)整一下最后整體的外形后,我們會發(fā)現(xiàn)它的邊緣和線條都太順了。沒有手繪的自然感。

所以我們要用到「變形工具」,對邊緣進行推拉,這樣它的邊緣就不會特別光滑了。

最后調(diào)整一下尖銳的錨點,樹就這么簡單地完成了。

大家可能會覺得這個風格過于簡單了,我用畫動物,去講解一下其中的細節(jié)。首先還是用「鋼筆工具」,把形體輪廓和主要部位畫出來。 大家是不是覺得畫到這里就完成了?其實這個風格比較簡單,如果沒有一些裝飾感的細節(jié)的話就會顯得太過隨意了。所以在這只鳥里,要去想怎么添加一些細節(jié)。

首先可以加個腮紅。腮紅的顏色不一定是紅的。像鳥的身體色塊面積太大了,需要有裝飾,所以畫幾條羽毛。羽毛的形狀太過規(guī)矩了,還是需要轉(zhuǎn)曲用「變形工具」調(diào)整。

還有尾巴的部分也是需要用線的形式讓整體更有細節(jié)感。最后都是要用「變形工具」讓它的線條有種隨意感。

最后的細節(jié)在嘴巴上添加,直接畫一條直線。其實添加細節(jié)就是不要出現(xiàn)一整大塊的純色色塊。

對于物體的簡化不用太過于死板,比如我們現(xiàn)在看到的這個植物,它可以直接簡化成圓形和密集的點的組合。

一開始我是直接用「剪切蒙板」的,但是這樣邊緣過于光滑了,而且里面的點也被框住,不夠美觀。于是就把點的分布超出圓形一點。這樣看起來就比較有細節(jié)了。

而我們通過改變形體,就可以演變出很多種不一樣的形態(tài)。比如這個物體,我在做的時候想能不能把中間的圓縮小一點 。黑色的點占比再大一點。這樣就產(chǎn)生了另外一種植物。

甚至還可以直接去掉中間的圓,把點再放大作為主體。原本的點放大會變得太過隨意。所以只能通過畫圓形和「變形工具」調(diào)整。

這樣又可以得到不一樣的一顆植物了。這樣的演變可以根據(jù)畫面的需求選取不一樣的植物。

所以在這里我已經(jīng)畫好一套常用元素的素材了。以植物動物為主,基本能滿足日常設(shè)計中的需求了。這套素材會分享給大家,在我們的訂閱號后臺回復「兒童節(jié)素材」就可以下載。這套素材是允許大家商用的。有了素材后,怎么用呢,接下來我將用這套素材演示它能怎么使用。

這些素材可以在畫面作為點綴營造氣氛。

直接使用這些素材,堆疊成完整的畫面。

也可以和圖片中的人物或者產(chǎn)品做穿插。

接下來用一個案例演示一下,我是怎么用素材的。這個是學而思的手機端海報的文案,主要有標題部分、課程內(nèi)容、和二維碼等。

首先建立一個手機端尺寸。設(shè)置好版心的大小。在這里我做的是下方卡片式的結(jié)構(gòu)。(白色色塊部分是海報)

可以先把文案編排進來。首先安排好大的元素,二維碼和活動價格。主講老師和上課時間的小標題,字號大小要保持一致。卡片里的信息就編排完了。

標題是畫面最大的字號放在上方,副標題和補充信息和大標題居中。接下來就是要在畫面中添加我們的素材了。那么怎么選擇呢?首先要定好你要選擇的元素范圍,不要同時出現(xiàn)太多種類的元素。以植物為主、再加上幾個元素點綴是一般不會出錯的選擇。

首先添加的是面積比較大、塊面化比較明顯的元素。這里就加了三棵簡單的樹。

接下來就是添加一些更有裝飾感的花花草草。

在添加元素的時候也要注意畫面點、線、面的結(jié)合。就比如現(xiàn)在我們添加的元素主要是以面和點為主。

雖然樹的樹干也有線,但是輪廓的線條太「順」了。

所以要添加「線」的特征更明顯一點的元素。

在畫面的上方加上適合存在畫面上方的元素、比如長頸鹿因為本身比較高,所以沒問題。把標題移到適合的位置,加蒲公英作為點綴。最后只剩下中間的部分怎么做出和主題相關(guān)聯(lián)的畫面了。

我們還有一個信息可以放在人物的手上。最后一個元素就從海報的主題出發(fā)。既然是學習的內(nèi)容,可以畫一本書,放在背影上。元素的拼湊完成了,最后就是細節(jié)的添加。

現(xiàn)在畫面下方的信息不夠突出,是因為卡片和背景都是白色的,所以下方加上一個深色的色塊,讓信息更顯眼。

突出的信息可以變顏色。

背景變成黃白色,最后加上 logo?,F(xiàn)在畫面好像完成了,但是我最后還發(fā)現(xiàn)了一個問題,畫面上的顏色飽和度都很高,各種顏色之間碰撞,看起來有點透不過氣的感覺。

是因為畫面缺少淺色。所以我選了兩個花把它變成白色。

現(xiàn)在這個素材使用的案例就完成了。

最后要說明,這一套素材它只是一種風格,我們教程前面有說到的任何一個因素的改變都可以演變成無數(shù)的風格。

比如它的顏色搭配也可以變,變成一種更亮眼的顏色?;蛘哒f它變得更隨意,有筆觸的自然感。甚至還可以是畫畫技法風格變化。也可以為每一個元素都加上眼睛,一種搞怪感就出現(xiàn)了。所以是有無限的可能性的,最重要的是要學以致用。

做好畫面還不夠,我們畫面選擇的字體也是很重要的,那么我覺得這幾款字體做得都不錯。

文章來源:優(yōu)設(shè)    作者:研習設(shè)

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔