俗話說(shuō)的好

工欲善其事 必先利其器

做UI設(shè)計(jì)更是如此。

下面10個(gè)“十秒作圖”的設(shè)計(jì)神器

讓你的工作效率從此提升99.9999%

1、Blobmaker

幾秒創(chuàng)建svg形狀

做設(shè)計(jì)時(shí)我們常常需要用到一些簡(jiǎn)單的svg形狀圖像，雖然簡(jiǎn)單，但打開(kāi)軟件-創(chuàng)建圖形-選顏色......還是要浪費(fèi)不少的時(shí)間，Blobmaker是一款幫你快速生成svg形狀的在線網(wǎng)站，只需簡(jiǎn)單設(shè)置幾個(gè)參數(shù)，十秒不到就能做出任何你想要的形狀。

你可以隨意設(shè)置形狀的顏色、復(fù)雜程度和對(duì)比度。

▼

右下角的兩個(gè)按鈕分別是刷新和下載功能，如果你對(duì)當(dāng)前形狀不滿意，還可以點(diǎn)擊刷新鍵看更多的形狀生成。

2、Design Camera

樣機(jī)神器

Design Camera是一款效率超高的UI樣機(jī)神器，可以讓你在幾秒鐘內(nèi)快速創(chuàng)建3D模型和演示動(dòng)畫(huà)。只需將作品拖入Design Camera 窗口，再進(jìn)行一些簡(jiǎn)單的設(shè)置，就可以導(dǎo)出使用了，目前支持 PNG、JPG、avi、mov 和 mp4 文件。

簡(jiǎn)單拖拽一鍵生成

▼

顏色風(fēng)格隨心變

▼

Design Camera 會(huì)根據(jù)你作品的顏色，推薦合適的背景色供你選擇，當(dāng)然你也可以選擇自己喜歡的顏色來(lái)進(jìn)行設(shè)置。除了色彩調(diào)節(jié)外，你還可以為你的樣機(jī)添加陰影、和陰影強(qiáng)度等等

視角隨意調(diào)節(jié)

▼

Design Camera 還可以進(jìn)行360°無(wú)死角「拍攝」，讓你不放過(guò)任何產(chǎn)品細(xì)節(jié)。

超棒演示方式

▼

Design Camera內(nèi)置四種預(yù)設(shè)的鏡頭角度，從近景局部的移動(dòng)，到整臺(tái) iPhone 翻轉(zhuǎn)旋轉(zhuǎn)，視覺(jué)效果都非常棒。如果你對(duì)預(yù)設(shè)的視頻鏡頭角度不滿意，還可以手動(dòng)調(diào)整視角。

支持 Sketch

▼

Design Camera還有一個(gè)非常強(qiáng)大的功能，那就是它可以讀取 Sketch 文件中的各種圖層、組件，并讓它們形成懸浮效果。

3、 Panzoid

超酷炫的片頭生成器

Panzoid是一款一鍵生成3D片頭的在線網(wǎng)站，內(nèi)置各種酷炫的效果模板，小伙伴們只需要修改文字、鏡頭、音樂(lè)、舞臺(tái)大小、特效、背景等選項(xiàng)，分分鐘就能制作出一個(gè)效果感人的超酷炫片頭了~超實(shí)用?。?！

小編隨便選了幾個(gè)模板制作，GIF大小有限不能全部錄下來(lái)，但是實(shí)際效果真的非常好！而且模板庫(kù)內(nèi)容很多，各種風(fēng)格和效果都有，小伙伴可以隨意選用。

制作界面很簡(jiǎn)單，根據(jù)需要修改數(shù)據(jù)就好，生成的片頭也是可以免費(fèi)下載的。

4、Cool Backgrounds

五種風(fēng)格背景生成器

Cool Background是設(shè)計(jì)師 Moe Amaya將5個(gè)開(kāi)源生成器的簡(jiǎn)化版整理組成的工具集，內(nèi)置五種背景風(fēng)格，每一個(gè)種風(fēng)格還提供了簡(jiǎn)單的參數(shù)配置，非常實(shí)用~感興趣的朋友可以點(diǎn)進(jìn)原生成器網(wǎng)站，體驗(yàn)更多的功能~

低多邊形風(fēng)格

trianglify.io

▼

動(dòng)態(tài)粒子效果

marcbruederlin.github.io/particles.js

▼

漸變

cssgradient.io

▼

漸變層生成器

s.muz.li/NTFiZjk0ZWFh

▼

Unsplash圖片集

unsplash.com

▼

5、Dimensions

擼圖把握不好物體的尺寸比例？它就是你的百科全書(shū)！

Dimensions是一個(gè)綜合的尺寸圖參考數(shù)據(jù)庫(kù)，專(zhuān)門(mén)為設(shè)計(jì)師、學(xué)生和其他從業(yè)人員提供日常物體和空間的標(biāo)準(zhǔn)尺寸比例。它最大的優(yōu)點(diǎn)就是范圍全而廣，從基本的人體數(shù)據(jù)到植物、動(dòng)物、城市配置、電子產(chǎn)品、網(wǎng)頁(yè)元素一應(yīng)俱全，只有你想不到，沒(méi)有Dimensions里查不到的數(shù)據(jù)。

常見(jiàn)的植物尺寸比例

電子產(chǎn)品及頁(yè)面元素

建筑及設(shè)備尺寸

每個(gè)物體的尺寸都非常詳細(xì)，不但有具體的長(zhǎng)寬高和重量，還有各個(gè)角度的示意圖。

不光如此，它還會(huì)提供給你一些參考數(shù)據(jù)讓你更加直觀的感受物體的尺寸。

所有的數(shù)據(jù)圖像可以免費(fèi)下載，有jpg、svg、dwg三種保存格式。

6、Perlin Noise

噪音風(fēng)格背景生成器

Perlin Noise是一款噪音風(fēng)格背景生成器，能生成非常酷炫的背景效果，內(nèi)置很多可調(diào)的參數(shù)，如果你會(huì)編程知識(shí)，作者還提供了源碼供使用者修改，無(wú)論想要什么樣的噪音背景，它都可以滿足你~UI設(shè)計(jì)新人學(xué)到什么程度才能接私單，如何找私單？

各種調(diào)整參數(shù)，你可以改變背景的遠(yuǎn)近、顏色、大小、復(fù)雜度、密度、速度等等。

▼

直接右鍵保存圖片，小伙伴們也可以刪除源碼文字代碼后錄制GIF。

7、Shader Moon

背景生成器

Shader Moon和 Perlin Noise都是出自編程大神Victor Vergara之手，效果也同樣驚艷，雖然Shader Moon所能調(diào)整的參數(shù)沒(méi)有 Perlin Noise那么多，但依然夠用了，而且也更加容易調(diào)出想要的效果。

可調(diào)整背景的遠(yuǎn)近大小、速度、RGB值、和球體的渲染方式等等。

▼

依然是右鍵直接保存圖片~

▼

8、水墨風(fēng)格背景生成器

顏值超高的神器

這是 codepen 上的一位創(chuàng)意編程大神Gerard Ferrandez的作品，只要點(diǎn)擊鼠標(biāo)就會(huì)出現(xiàn)顏值超高的隨機(jī)水墨紋理，生成的圖片小伙伴們可以保存下來(lái)使用，也可以錄制GIF動(dòng)圖。

9、Psychedelic waves

迷幻波浪生成器

迷幻波浪生成器是epic.net的創(chuàng)意總監(jiān)和創(chuàng)始人Karim Maaloul 的作品，他是一名網(wǎng)頁(yè)設(shè)計(jì)師，插畫(huà)家，和兒童書(shū)籍作者。這個(gè)生成器提供了基礎(chǔ)的數(shù)據(jù)調(diào)整，有速度、顏色、密度等等，你可以用它來(lái)創(chuàng)造出獨(dú)一無(wú)二的迷幻波浪效果，鼠標(biāo)右鍵保存圖片，也可以錄制GIF來(lái)當(dāng)做動(dòng)態(tài)背景。

10、UZER

在線工具集

https://uzer.me/z/apps

出門(mén)在外，沒(méi)有帶電腦，隨便借一臺(tái)電腦又沒(méi)安需要的軟件，UZER來(lái)拯救你~這是一個(gè)包含了十五個(gè)應(yīng)用的在線網(wǎng)站，無(wú)論你是想用word編輯文檔，用PPT制作演示文稿，還是用PS、AI、CAD作圖。都可以在這里找到，并且無(wú)需安裝，運(yùn)行不占本地內(nèi)存，登錄賬號(hào)即可使用，簡(jiǎn)直就是應(yīng)急必備神器！

PS

▼

CAD

▼

今天的內(nèi)容就到這里了~

我們是知識(shí)搬運(yùn)工，我們是技術(shù)傳播者！

東莞瀟灑職業(yè)培訓(xùn)學(xué)校開(kāi)設(shè)課程有：CNC數(shù)控編程、塑膠模具設(shè)計(jì)，壓鑄模具設(shè)計(jì)、沖壓模具設(shè)計(jì)， Solidworks/pro/E產(chǎn)品設(shè)計(jì)、AutoformR7工藝分析，非標(biāo)自動(dòng)化設(shè)計(jì)、PLC編程、文職、電商、平面設(shè)計(jì)、新媒體等培訓(xùn)課程，瀟灑職業(yè)培訓(xùn)學(xué)校線下、線上、隨到隨學(xué)等學(xué)習(xí)方式，上班學(xué)習(xí)兩不誤，歡迎預(yù)約免費(fèi)試學(xué)！

即日起，組團(tuán)3人以上學(xué)習(xí)CNC電腦鑼實(shí)操課程，學(xué)費(fèi)全免，學(xué)會(huì)為止包就業(yè)，工資4000-6000以上