旗下產業(yè): A產業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計插畫神器

UI設計插畫神器

時間:2020-12-09來源:m.5wd995.cn點擊量:作者:Gella
時間:2020-12-09點擊量:作者:Gella
  教你如何用神器快速搞定插畫非科班出身的設計師經常有一個苦惱,每當想在界面上加一些插畫豐富細節(jié)時,卻因為不會手繪而放棄。最近發(fā)現一個非常好用插畫神器。能自動生成各種你需要的插畫形式,重點是這些插畫都是可以免費商用的,肯定能幫到你。

  UI設計插畫神器
 
  它有Figma和sketch2個不同的版本,下面就以sketch為例來說說這個插件怎么用。(沒有Mac電腦不能使用sketch的同學,也可以用figma來生成插畫哦,所以在win下也是可以用的,使用方法跟sketch類似)

  1.如何使用使用非常簡單,只需要簡單幾步就能搞定:

1)下載插件并安裝裝好后,從插件菜單點開Blush插件,會出現一個插畫庫界面。

UI設計插畫神器
 
  1. 生成插畫1.創(chuàng)建一個矩形,先給定一個大小,目的是為了給生成的插畫一個位置和范圍(也可以后面再調整,不是太重要)
  2.  
UI設計插畫神器
 
  2.選一個你喜歡的插畫風格,點下封面右上角的隨機圖標 3.生成之后,你還可以針對它的組件各個部位再次隨機,當然你也可以根據自己的喜好直接選擇對應的部件

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

UI設計插畫神器
 
  2.插件包含了哪些類型的插畫資源呢?

1)城市元素

UI設計插畫神器
 
  1. 裝飾背景
UI設計插畫神器
 
  3)人物場景

 UI設計插畫神器
 
3.這種插畫在實際項目中運用如何?彩云隨便做了幾個,大家可以感受下,效果應該還可以 。

1) 引導頁

UI設計插畫神器
 
使用了插件中的Tech Life主題插畫
  1. 網頁頭圖
UI設計插畫神器
 
使用了插件中的Tech Life主題插畫
  1. 作品集包裝
UI設計插畫神器
 
使用了插件中的Allura主題
  1. 登錄頁
UI設計插畫神器
 
使用了插件中的Cityscapes主題

  4.結語這個插件的原理是把插畫進行組件化,利用sketch和figma的組件功能進行拆分再重組,構成大量的隨機插畫??梢钥吹剑M件化已經成為一種思維方式,最初是用在UI中,現在已經擴展到了插畫領域,未來還有哪些可以組件化?我們可以一起思考。因為這里面的插畫組件都是來自全球優(yōu)秀插畫設計師提供的,所以效果都非常好,但彩云也要提醒大家有幾點需要注意:1)插畫的風格選擇要跟自己的產品相匹配2)如果是多個插畫組合在一起,比如選了不同的背景和主體,要注意風格統(tǒng)一。怕出錯的話,直接在一個主題下隨機生成就好了3)插件雖然好用,但自己擁有手繪能力才是最重要的。

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ m.5wd995.cn 北京漫動者數字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網安備 11010802035704號

網站地圖