俗話說的好
工欲善其事 必先利其器
做UI設(shè)計更是如此。
下面10個“十秒作圖”的設(shè)計神器
讓你的工作效率從此提升99.9999%
1、Blobmaker
幾秒創(chuàng)建svg形狀
https://www.blobmaker.app/
做設(shè)計時我們常常需要用到一些簡單的svg形狀圖像，雖然簡單，但打開軟件-創(chuàng)建圖形-選顏色......還是要浪費不少的時間，Blobmaker是一款幫你快速生成svg形狀的在線網(wǎng)站，只需簡單設(shè)置幾個參數(shù)，十秒不到就能做出任何你想要的形狀。
你可以隨意設(shè)置形狀的顏色、復(fù)雜程度和對比度。
▼
右下角的兩個按鈕分別是刷新和下載功能，如果你對當前形狀不滿意，還可以點擊刷新鍵看更多的形狀生成。
2、Design Camera
樣機神器
https://www.designcamera.app/
Design Camera是一款效率超高的UI樣機神器，可以讓你在幾秒鐘內(nèi)快速創(chuàng)建3D模型和演示動畫。只需將作品拖入Design Camera 窗口，再進行一些簡單的設(shè)置，就可以導(dǎo)出使用了，目前支持 PNG、JPG、avi、mov 和 mp4 文件。
簡單拖拽一鍵生成
▼
顏色風格隨心變
▼
Design Camera 會根據(jù)你作品的顏色，推薦合適的背景色供你選擇，當然你也可以選擇自己喜歡的顏色來進行設(shè)置。除了色彩調(diào)節(jié)外，你還可以為你的樣機添加陰影、和陰影強度等等
視角隨意調(diào)節(jié)
▼
Design Camera 還可以進行360°無死角「拍攝」，讓你不放過任何產(chǎn)品細節(jié)。
超棒演示方式
▼
Design Camera內(nèi)置四種預(yù)設(shè)的鏡頭角度，從近景局部的移動，到整臺 iPhone 翻轉(zhuǎn)旋轉(zhuǎn)，視覺效果都非常棒。如果你對預(yù)設(shè)的視頻鏡頭角度不滿意，還可以手動調(diào)整視角。
支持 Sketch
▼
Design Camera還有一個非常強大的功能，那就是它可以讀取 Sketch 文件中的各種圖層、組件，并讓它們形成懸浮效果。
? 3、?Panzoid???
超酷炫的片頭生成器
https://panzoid.com/
Panzoid是一款一鍵生成3D片頭的在線網(wǎng)站，內(nèi)置各種酷炫的效果模板，小伙伴們只需要修改文字、鏡頭、音樂、舞臺大小、特效、背景等選項，分分鐘就能制作出一個效果感人的超酷炫片頭了~超實用啊！！
小編隨便選了幾個模板制作，GIF大小有限不能全部錄下來，但是實際效果真的非常好！而且模板庫內(nèi)容很多，各種風格和效果都有，小伙伴可以隨意選用。
制作界面很簡單，根據(jù)需要修改數(shù)據(jù)就好，生成的片頭也是可以免費下載的。
4、Cool Backgrounds
五種風格背景生成器
http://s.muz.li/NTFiZjk0ZWFh
Cool Background是設(shè)計師 Moe Amaya將5個開源生成器的簡化版整理組成的工具集，內(nèi)置五種背景風格，每一個種風格還提供了簡單的參數(shù)配置，非常實用~感興趣的朋友可以點進原生成器網(wǎng)站，體驗更多的功能~
低多邊形風格
?trianglify.io??
▼
動態(tài)粒子效果
marcbruederlin.github.io/particles.js?
▼
漸變
?cssgradient.io?
▼
漸變層生成器
?s.muz.li/NTFiZjk0ZWFh
▼
Unsplash圖片集
unsplash.com
▼
5、Dimensions
擼圖把握不好物體的尺寸比例？它就是你的百科全書！
https://www.dimensions.guide/
Dimensions是一個綜合的尺寸圖參考數(shù)據(jù)庫，專門為設(shè)計師、學(xué)生和其他從業(yè)人員提供日常物體和空間的標準尺寸比例。它最大的優(yōu)點就是范圍全而廣，從基本的人體數(shù)據(jù)到植物、動物、城市配置、電子產(chǎn)品、網(wǎng)頁元素一應(yīng)俱全，只有你想不到，沒有Dimensions里查不到的數(shù)據(jù)。
常見的植物尺寸比例
電子產(chǎn)品及頁面元素
建筑及設(shè)備尺寸
每個物體的尺寸都非常詳細，不但有具體的長寬高和重量，還有各個角度的示意圖。
不光如此，它還會提供給你一些參考數(shù)據(jù)讓你更加直觀的感受物體的尺寸。
所有的數(shù)據(jù)圖像可以免費下載，有jpg、svg、dwg三種保存格式。
6、Perlin Noise
噪音風格背景生成器
https://codepen.io/vcomics/pen/djqNrm
?Perlin Noise是一款噪音風格背景生成器，能生成非常酷炫的背景效果，內(nèi)置很多可調(diào)的參數(shù)，如果你會編程知識，作者還提供了源碼供使用者修改，無論想要什么樣的噪音背景，它都可以滿足你~UI設(shè)計新人學(xué)到什么程度才能接私單，如何找私單？
各種調(diào)整參數(shù)，你可以改變背景的遠近、顏色、大小、復(fù)雜度、密度、速度等等。
▼
直接右鍵保存圖片，小伙伴們也可以刪除源碼文字代碼后錄制GIF。
7、Shader Moon
背景生成器
https://codepen.io/vcomics/pen/ZjMpOe
Shader Moon和?Perlin Noise都是出自編程大神Victor Vergara之手，效果也同樣驚艷，雖然Shader Moon所能調(diào)整的參數(shù)沒有?Perlin Noise那么多，但依然夠用了，而且也更加容易調(diào)出想要的效果。
可調(diào)整背景的遠近大小、速度、RGB值、和球體的渲染方式等等。
▼
依然是右鍵直接保存圖片~
▼
8、水墨風格背景生成器
顏值超高的神器
https://codepen.io/ge1doot/pen/wPymJv
這是 codepen 上的一位創(chuàng)意編程大神Gerard Ferrandez的作品，只要點擊鼠標就會出現(xiàn)顏值超高的隨機水墨紋理，生成的圖片小伙伴們可以保存下來使用，也可以錄制GIF動圖。
9、Psychedelic waves
迷幻波浪生成器
https://codepen.io/Yakudoo/full/rJjOJx/
迷幻波浪生成器是epic.net的創(chuàng)意總監(jiān)和創(chuàng)始人Karim Maaloul 的作品，他是一名網(wǎng)頁設(shè)計師，插畫家，和兒童書籍作者。這個生成器提供了基礎(chǔ)的數(shù)據(jù)調(diào)整，有速度、顏色、密度等等，你可以用它來創(chuàng)造出獨一無二的迷幻波浪效果，鼠標右鍵保存圖片，也可以錄制GIF來當做動態(tài)背景。
10、UZER
在線工具集
https://uzer.me/z/apps
出門在外，沒有帶電腦，隨便借一臺電腦又沒安需要的軟件，UZER來拯救你~這是一個包含了十五個應(yīng)用的在線網(wǎng)站，無論你是想用word編輯文檔，用PPT制作演示文稿，還是用PS、AI、CAD作圖。都可以在這里找到，并且無需安裝，運行不占本地內(nèi)存，登錄賬號即可使用，簡直就是應(yīng)急必備神器！
PS
▼
CAD
▼
今天的內(nèi)容就到這里了~
小伙伴還有什么想法或建議，
記得留言評論哦~
