教你如何用神器快速搞定插畫非科班出身的設計師經常有一個苦惱,每當想在界面上加一些插畫豐富細節時,卻因為不會手繪而放棄。最近發現一個非常好用插畫神器。能自動生成各種你需要的插畫形式,重點是這些插畫都是可以免費商用的,肯定能幫到你。
它有Figma和sketch2個不同的版本,下面就以sketch為例來說說這個插件怎麼用。(沒有Mac電腦不能使用sketch的同學,也可以用figma來生成插畫哦,所以在win下也是可以用的,使用方法跟sketch類似)
1.如何使用使用非常簡單,只需要簡單幾步就能搞定:
1)下載插件並安裝裝好後,從插件菜單點開Blush插件,會出現一個插畫庫界面。
生成插畫1.創建一個矩形,先給定一個大小,目的是為了給生成的插畫一個位置和範圍(也可以後面再調整,不是太重要)
2.選一個你喜歡的插畫風格,點下封面右上角的隨機圖標 3.生成之後,你還可以針對它的組件各個部位再次隨機,當然你也可以根據自己的喜好直接選擇對應的部件
3)導出插畫免費版把插畫的尺寸改到中型尺寸再生成。效果調整好之後,按正常的sketch選擇導出png圖片就行。想導出svg矢量格式的需要付費,但我覺得2x的Png圖,已經足夠用了。
2.插件包含了哪些類型的插畫資源呢?
1)城市元素
裝飾背景
3)人物場景
3.這種插畫在實際項目中運用如何?彩雲隨便做了幾個,大家可以感受下,效果應該還可以 。
1) 引導頁
使用了插件中的Tech Life主題插畫
網頁頭圖
使用了插件中的Tech Life主題插畫
作品集包裝
使用了插件中的Allura主題
登錄頁
使用了插件中的Cityscapes主題
4.結語這個插件的原理是把插畫進行組件化,利用sketch和figma的組件功能進行拆分再重組,構成大量的隨機插畫。可以看到,組件化已經成為一種思維方式,最初是用在UI中,現在已經擴展到了插畫領域,未來還有哪些可以組件化?我們可以一起思考。
因為這裡面的插畫組件都是來自全球優秀插畫設計師提供的,所以效果都非常好,但也要提醒大家有幾點需要注意:
1)插畫的風格選擇要跟自己的產品相匹配
2)如果是多個插畫組合在一起,比如選了不同的背景和主體,要注意風格統一。怕出錯的話,直接在一個主題下隨機生成就好了
3)插件雖然好用,但自己擁有手繪能力才是最重要的。