不管是在網(wǎng)站設(shè)計(jì)中還是在app設(shè)計(jì)中，都會(huì)看到一些類似插畫的元素，特別是第一次打開app的時(shí)候，通常會(huì)看到各種精美的引導(dǎo)頁，它的功篇是介紹操作方法，或核心內(nèi)容，是用戶對(duì)產(chǎn)品的第一印象，因此，每個(gè)公司都希望把引導(dǎo)頁做的有趣而生動(dòng)，但大多數(shù)ui設(shè)計(jì)師是沒有手繪經(jīng)驗(yàn)，如何做出有設(shè)計(jì)感的圖像，掌握這種畫法，可以說是目前ui設(shè)計(jì)師必須技篇之一，而這種設(shè)計(jì)的風(fēng)格和思路，其實(shí)是有跡可循，下面重慶網(wǎng)站建設(shè)公司分享以下插畫類的設(shè)計(jì)方法：

簡約化

這里的筒約化可理解為不要過于復(fù)雜，雖然平時(shí)我們看到過很多精美并不簡單的扁平圖像，但設(shè)計(jì)本身，只需明確表達(dá)出含義即可，簡單圖像讓畫面更具簡潔感，也可增加設(shè)計(jì)感。

注解：左圖眼晴，臉，衣服，顏色均添加了離光以及細(xì)節(jié)變化，對(duì)于以扁平為主的設(shè)計(jì)風(fēng)格來說，過于畫蛇添足，而右側(cè)人物，簡化一切元素，用純色塊，也可表達(dá)出明確物體，同時(shí),色塊里不要帶有漸變顏色，當(dāng)然這并不絕對(duì)，但對(duì)2沒有完全掌握扁平風(fēng)格，漸変無疑增加了難度。同時(shí)，色塊顏色不易過多，保持3-6種左右即可，顏色越多，搭配難度越大，簡單不出錯(cuò)，才是首選。

形狀化

圖片的造型由基礎(chǔ)矢量工具組成，不要帶有不規(guī)則曲線出現(xiàn)，如無特殊需求，盡量不要用鋼筆來勾畫曲線形狀，保持曲線圓滑過渡，對(duì)于有工作經(jīng)驗(yàn)的人來說，這點(diǎn)并不困難。

統(tǒng)一化

當(dāng)需要用不同物體組合成場景的時(shí)候，盡量簡化物體的復(fù)雜性，物體的視角要保持一致，選擇平視角或前視角，相對(duì)更加容易。如想創(chuàng)造特殊視角，可選擇斜上45度角，就是游戲中長說的偽3D視角，但視角中包含透視后，難度增加很多，如沒有實(shí)物或繪畫經(jīng)驗(yàn)的人來說，難度極高,所以這里推薦平視角。

以上3點(diǎn)是做網(wǎng)站設(shè)計(jì)中最基礎(chǔ)的問題，更多細(xì)節(jié)需要自己嘗試才能得到切身體會(huì)。

實(shí)踐

嘗試做一個(gè)虛擬項(xiàng)目，書本筆太聞單，就不做案例分析，這次以任務(wù)為練習(xí)目標(biāo)，設(shè)計(jì)一個(gè)引導(dǎo)員，下面為完成稿。

選擇一張任務(wù)照片作為對(duì)象，最好是平視圖,更容易區(qū)分結(jié)構(gòu)，我選擇蘋果女店員作為參考。

提取結(jié)構(gòu)

頭部可用橢圓形來制作，衣服為丁型，肩膀做成平面或斜面都可以，但斜面會(huì)更顯生動(dòng)，頭發(fā)部分是重點(diǎn)，用一個(gè)矩形作為下墜，頭部劉海用圓弧形狀。

簡化形狀

提取幾何體簡化人物肢體，嘗試色塊化，同時(shí)，原圖身體寫實(shí)，身體過大幷不合適，所以適當(dāng)縮小身體部分，改變成合適比例，根據(jù)圖像效果來調(diào)整。

規(guī)范圖形

把衣服部分合并，同時(shí)頭發(fā)需要細(xì)心調(diào)整，用布爾運(yùn)算進(jìn)行疊加，以達(dá)到自己想要的效果。

添加細(xì)節(jié)

添加五官，記得文章第一點(diǎn)，簡約化，所以不要把五宮做的太過詳細(xì)，筒單幾何體即可，最后添加logo，這里要注意，扁平化設(shè)計(jì)并不需要高度還原圖像，提取設(shè)訐中需要的形狀，轉(zhuǎn)化成簡單易識(shí)別的圖像，原圖只是給我們提供一個(gè)參考，衣服的顏色和logo已經(jīng)明確表示出蘋果店的員工裝，也表達(dá)出我們所需要的寓意。

我們可以用類似的方法，做出簡單美觀的事物。

或者更為復(fù)雜的插畫圖

所有插畫類型都需要先找到合適的參考，分析圖形，簡化形狀，考慮其他頁面是否可以用相同方法來設(shè)計(jì)?？傊?，插畫類設(shè)計(jì)，可以加入好玩的想法，有更多拓展空間，讓用戶在第一眼會(huì)被吸引。

希望大家不僅僅是學(xué)習(xí)技法，還有設(shè)計(jì)的出發(fā)點(diǎn)，好的思路會(huì)避免很多彎路，更多有意思的設(shè)計(jì)是需要我們共同創(chuàng)作的。