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