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