UI設(shè)計(jì)插畫神器
時(shí)間：2020-12-09來源：5wd995.cn點(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.如何使用使用非常簡(jiǎn)單，只需要簡(jiǎn)單幾步就能搞定：
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)人物場(chǎng)景
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ī)插畫?？梢钥吹?，組件化已經(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)插件雖然好用，但自己擁有手繪能力才是最重要的。
熱門推薦
UI設(shè)計(jì)
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫設(shè)計(jì)
平面設(shè)計(jì)
新媒體運(yùn)營(yíng) 
