研究主題：高效率的設(shè)計輔助工具
研究對象：一鍵生成工具
對于很多新手設(shè)計師來說，要高效率的完成一件看上去還不錯的設(shè)計作品，其實并不是一件容易的事。特別是在現(xiàn)實的工作中，對于臨危受命的任務(wù)，更是很少有人會耐心的等你慢慢去摸索的.……
不慌，今天辭典醬就掏出一份私藏已久的設(shè)計錦囊分享給大家，里面包含了N多可以讓設(shè)計"一鍵生成“（=高效率）的神器，可以在緊急關(guān)頭，助你一臂之力。無論你現(xiàn)在是否需要，都建議先點贊收藏起來，指不定哪天就派上用場了呢！
VECTOR CREATOR
VECTOR CREATOR是國外知名設(shè)計素材網(wǎng)站 icons8推出的一個免費插圖在線生成工具。即使你是一個在設(shè)計領(lǐng)域零基礎(chǔ)的小白，也能輕松上手。
包含人物、動物、植物、物體、裝飾、背景、文字等多種分類，超20+的主題風(fēng)格，3000+的素材組件，你可以根據(jù)你的偏好，進(jìn)行個性化的搭配組合，還支持你自己添加自有的圖片（jpg、png、svg格式）進(jìn)行創(chuàng)作。
最重要的一點是，最后的創(chuàng)作成果，也是可免費商業(yè)的喔， 并且支持PNG（免費） 和 SVG （需付費）兩種格式的導(dǎo)出。
Humaaans
相比于VECTOR CREATOR的全面，Humaaans則更加專一，它主要提供以人物插畫為主的素材創(chuàng)作，同樣是可免費供個人和商業(yè)使用的。
看，光是人物的發(fā)型、衣服、動作等，你就有這么多種不同的選擇：
還有適用于不同類型的場景可以隨意切換：
Mokup Frames
想要把UI作品集包裝得高大上，其中很關(guān)鍵的一個步驟就是樣機(jī)。做樣機(jī)，你還在用PS一個個套嗎？何不試試Mokup Frames~
Mokup Frames是一款免費的設(shè)計樣機(jī)生成軟件，無論你是Mac系統(tǒng)還是Win系統(tǒng)都有對應(yīng)的版本可以下載。
目前，這款軟件包含iPhones, Androids, PC & Web多種設(shè)備的樣機(jī)模板可以使用。你只需下載好軟件后，導(dǎo)入你的圖片甚至是視頻，然后選擇不同類型的樣機(jī)即可：
Mokup Frames還有很多個性化的操作。比如，不同的樣機(jī)類型都有不同的顏色及多方位的展示角度可以選擇，你還可以修改背景顏色，亦或是上傳自己的圖片作為背景也是可以滴。
Magic Mockups
當(dāng)然，如果你覺得下載個軟件還是有點麻煩，那你也可以試試這個網(wǎng)頁版的樣機(jī)網(wǎng)站，操作方法也是簡單粗暴，直接在左側(cè)選擇你心儀的樣機(jī)類型及場景圖片，再上傳你做好的設(shè)計圖片，只需登上幾秒，它就自動渲染出效果圖啦。
要注意的一點是，為了達(dá)到完美的展示效果，你上傳的設(shè)計圖，最好符合它樣機(jī)所推薦的尺寸最佳喔。不過如果不符合也可以上傳，只是展示效果就沒有那么好咯：
最后，點擊上方的下載按鈕，選擇你需要的圖片尺寸，下載即可：
做出的效果還是很棒棒的：
imgbot
毋庸置疑，在處理圖片方面，PS肯定是最專業(yè)的軟件。但如果有時，我們只需要對圖片進(jìn)行一些簡單的處理，比如就調(diào)個大小、加個水印、裁剪、壓縮啥的，那就不必勞煩PS了。
正所謂”殺雞何必用宰牛的刀“，這時候，你只需要打開免費圖片批處理網(wǎng)站imgbot即可。
你不用擔(dān)心imgbot處理的效果，它采用的是AI人工智能壓縮技術(shù)，可以在大幅降低圖片質(zhì)量的情況下盡量不破壞原有畫質(zhì)。
PNG、JPG、GIF 三種咱們常見圖片格式它也都支持，并且每次可處理多達(dá)100張圖片，完全免費！
相比現(xiàn)在很多其他的圖片處理網(wǎng)站，imgbot更討喜的一點也在于，它的頁面干干凈凈，沒有任何廣告。
Photomosh
現(xiàn)在故障藝術(shù)效果不是還挺火的嗎，如何用一張普通的圖片快速制作出故障效果呢？
Photomosh就是一個可以在線一鍵生成故障藝術(shù)的神奇網(wǎng)站。它支持JPG、GIF、WEBM三種格式。內(nèi)置27種故障特效，你可以根據(jù)喜好在右邊進(jìn)行參數(shù)調(diào)整，改變特效效果。
如果你沒耐心慢慢調(diào)整，也可以點擊Mosh按鈕，系統(tǒng)就會隨機(jī)跟你安排一種特效出來。隨便瞎試玩了一下：
WeaveSilk
如果你想要創(chuàng)作看上去科技感十足的設(shè)計作品，使用炫光效果一定能幫上你大忙。安利這個在制作炫光效果方面敲膩害的老牌在線網(wǎng)站W(wǎng)eaveSilk。
操作方式簡直再簡單不過了，你就拖著你的鼠標(biāo)在屏幕上瞎畫，都能輕輕松松出來一張連你自己都忍不住感嘆自己繪畫天賦爆棚的作品。
WeaveSilk同樣為你的創(chuàng)作賦予了足夠的可能性，對，除了“瞎畫不出錯”系列，你也可以再嘗試一下改變最左邊一列的功能選項，調(diào)調(diào)顏色啦，改改筆觸大小啦，以及打開鏡像開關(guān)，你會發(fā)現(xiàn)另一番天地?？纯匆恍┐笊竦淖髌罚?/p>
Ribbons 2
WeaveSilk操作已經(jīng)夠容易了吧，但是，還有比它更簡單粗暴的，這就是Ribbons 2，是工程師 Ben Matthews 在編碼神器CodePen上的一個編程練習(xí)。
連畫都不用畫，只要點一下屏幕，就能隨機(jī)生成一張眩光背景，而且都是敲好看的那種。
喜歡的的話，右鍵點擊保存即可，輕輕松松就收獲到一大堆炫酷背景，同樣的，再簡單排個版，炫酷海報輕松到手：
SVG Gradient Wave Generator
CodePen上可謂大神云集，除了Ben Matthews的作品外，pissang的漸變層生成器也是好用的一匹。
通過拖拽右邊參數(shù)欄里的各個選項，你就能得到花樣百出的各種漸變層背景。同樣的，它也搭載了懶人必備的”隨機(jī)生成“功能，不想慢慢調(diào)參數(shù)的話，一鍵”randomize“就能搞定：
應(yīng)用同上：
Psychedelic waves
再來個更炫酷的——流動漸變層生成器Psychedelic waves。
當(dāng)你的鼠標(biāo)在頁面移動時，漸變層也隨隨之發(fā)生流動。不要以為它只是好玩而已，用截屏軟件錄個gif下來，再做成流光文字的效果簡直再驚艷不過了：
Play-a-ball
類似的，還有球形生成器”玩?zhèn)€球“
部分隨機(jī)效果展示：
粒子發(fā)射效果生成器Particles-Emission
操作也都和上面介紹的類似，這里就不贅述了。
一鍵生成網(wǎng)站傳送
插畫生成
VECTOR CREATOR—https://icons8.com/vector-creator/
Humaaans—https://www.humaaans.com/
樣機(jī)生成
Mokup Frames—https://www.mokupframes.com/
Magic Mockups—https://magicmockups.com/
圖片批處理
imgbot—https://www.imgbot.ai/
特效生成
Photomosh—https://photomosh.com/
WeaveSilk—http://weavesilk.com/
Ribbons 2—https://codepen.io/tsuhre/full/BYbjyg
SVG Gradient Wave Generator—https://codepen.io/pissang/full/geajpX
Psychedelic waves—https://codepen.io/Yakudoo/full/rJjOJx/
Play-a-ball—https://wangyasai.github.io/Play-a-ball/
Particles-Emission—https://wangyasai.github.io/Particles-Emission/
-圖片、GIF來自網(wǎng)絡(luò)
歡迎關(guān)注作者公眾號：UX辭典，獲得更多UX設(shè)計干貨
