不會插畫沒關(guān)系，用這個免費插件幫你快速搞定！

Hi，我是彩云。非科班出身的設(shè)計師經(jīng)常有一個苦惱，每當想在界面上加一些插畫豐富細節(jié)時，卻因為不會手繪而不得不放棄。

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

能自動生成各種你需要的插畫形式，重點是這些插畫都是可以免費商用的，肯定能幫到你。

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

如何使用

使用非常簡單，只需要簡單幾步就能搞定：

1. 下載插件并安裝

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

2. 生成插畫

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

選一個你喜歡的插畫風格，點下封面右上角的隨機圖標

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

3. 導出插畫

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

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

1. 城市元素

2. 裝飾背景

3. 人物場景

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

這種插畫在實際項目中運用如何？

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

1. 引導頁

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

2. 網(wǎng)頁頭圖

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

3. 作品集包裝

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

4. 登錄頁

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

結(jié)語

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

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

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

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