Hi，我是彩云。非科班出身的設(shè)計(jì)師經(jīng)常有一個(gè)苦惱，每當(dāng)想在界面上加一些插畫豐富細(xì)節(jié)時(shí)，卻因?yàn)椴粫?huì)手繪而不得不放棄。

最近彩云發(fā)現(xiàn)一個(gè)非常好用插畫神器，地址是：https://blush.design/zh-CN/sketch

能自動(dòng)生成各種你需要的插畫形式，重點(diǎn)是這些插畫都是可以免費(fèi)商用的，肯定能幫到你。

它有Figma和sketch2個(gè)不同的版本，下面彩云就以sketch為例來說說這個(gè)插件怎么用。（沒有Mac電腦不能使用sketch的同學(xué)，也可以用figma來生成插畫哦，所以在win下也是可以用的，使用方法跟sketch類似）

如何使用

使用非常簡(jiǎn)單，只需要簡(jiǎn)單幾步就能搞定：

1. 下載插件并安裝

裝好后，從插件菜單點(diǎn)開Blush插件，會(huì)出現(xiàn)一個(gè)插畫庫界面。

2. 生成插畫

創(chuàng)建一個(gè)矩形，先給定一個(gè)大小，目的是為了給生成的插畫一個(gè)位置和范圍（也可以后面再調(diào)整，不是太重要）

選一個(gè)你喜歡的插畫風(fēng)格，點(diǎn)下封面右上角的隨機(jī)圖標(biāo)

生成之后，你還可以針對(duì)它的組件各個(gè)部位再次隨機(jī)，當(dāng)然你也可以根據(jù)自己的喜好直接選擇對(duì)應(yīng)的部件

3. 導(dǎo)出插畫

免費(fèi)版把插畫的尺寸改到中型尺寸再生成。效果調(diào)整好之后，按正常的sketch選擇導(dǎo)出png圖片就行。想導(dǎo)出svg矢量格式的需要付費(fèi)，但我覺得2x的Png圖，已經(jīng)足夠用了。

插件包含了哪些類型的插畫資源呢？

1. 城市元素

2. 裝飾背景

3. 人物場(chǎng)景

還有更多插畫資源等大家自己去探索了，我就不更多舉例了。

這種插畫在實(shí)際項(xiàng)目中運(yùn)用如何？

彩云隨便做了幾個(gè)，大家可以感受下，效果應(yīng)該還可以

1. 引導(dǎo)頁

△ 使用了插件中的Tech Life主題插畫

2. 網(wǎng)頁頭圖

△?使用了插件中的Allura主題

3. 作品集包裝

△?使用了插件中的Allura主題

4. 登錄頁

△?使用了插件中的Cityscapes主題

結(jié)語

這個(gè)插件的原理是把插畫進(jìn)行組件化，利用sketch和figma的組件功能進(jìn)行拆分再重組，構(gòu)成大量的隨機(jī)插畫?？梢钥吹?，組件化已經(jīng)成為一種思維方式，最初是用在UI中，現(xiàn)在已經(jīng)擴(kuò)展到了插畫領(lǐng)域，未來還有哪些可以組件化？我們可以一起思考。

因?yàn)檫@里面的插畫組件都是來自全球優(yōu)秀插畫設(shè)計(jì)師提供的，所以效果都非常好，但彩云也要提醒大家有幾點(diǎn)需要注意：

• 插畫的風(fēng)格選擇要跟自己的產(chǎn)品相匹配
• 如果是多個(gè)插畫組合在一起，比如選了不同的背景和主體，要注意風(fēng)格統(tǒng)一。怕出錯(cuò)的話，直接在一個(gè)主題下隨機(jī)生成就好了
• 插件雖然好用，但自己擁有手繪能力才是最重要的

歡迎關(guān)注譯者的微信公眾號(hào)：「彩云譯設(shè)計(jì)」