第三波！2022年5月精選實(shí)用設(shè)計(jì)干貨合集

五月第三波設(shè)計(jì)干貨合集來(lái)了！這次的合集當(dāng)中，很多工具和素材是相輔相承的，比如圖片壓縮、格式轉(zhuǎn)換、去除圖片背景、移除圖片內(nèi)容的幾款工具可以搭配在一起使用，給 Figma 的開(kāi)源圖標(biāo)合集、Web UI 設(shè)計(jì)系統(tǒng)和框架以及高素質(zhì)的 Lottie 動(dòng)畫(huà)素材庫(kù)也可以搭配到一起使用。當(dāng)然，前2期合集里也有寶藏：

下面我們具體看看這一期的干貨：

1、免費(fèi) Figma 和 XD UI 設(shè)計(jì)資源

https://webui.design/

這個(gè)網(wǎng)站提供的功能還是非常直接的，它完全是針對(duì) Figma 和 Adobe XD 這樣的軟件提供專(zhuān)業(yè)而全面的 UI 設(shè)計(jì)和開(kāi)發(fā)框架，這些框架涵蓋了很多不同的類(lèi)型，但是并不包含移動(dòng)端 UI ，而是以網(wǎng)頁(yè)和 web app 為主。這個(gè)網(wǎng)站提供的 web UI 素材多數(shù)是免費(fèi)的，有這類(lèi)需求的設(shè)計(jì)師同學(xué)可以收藏一下。

2、免費(fèi)在線情緒板 Visualist

https://set.visualistapp.com/

很多設(shè)計(jì)師同學(xué)做設(shè)計(jì)的時(shí)候還是會(huì)用一下情緒板來(lái)著，這個(gè)名為 Visualist 的工具可以幫你在幾分鐘以?xún)?nèi)，快速梳理出情緒板，這個(gè)工具可以一鍵刪除其中圖片背景，并且?guī)湍氵M(jìn)行自動(dòng)梳理，通過(guò)這種方式，幫你快速地整理出設(shè)計(jì)的思路和想法。

3、免費(fèi) Figma 開(kāi)源圖標(biāo)合集

https://www.figma.com/community/plugin/1074084347757622122/Iconduck

這個(gè)圖標(biāo)合集當(dāng)中包含 150 個(gè)開(kāi)源合集的合集，總計(jì)包含有超過(guò) 120 000+ 免費(fèi)可用的圖標(biāo)，你所需要做的就是安裝這個(gè)插件，然后就可以調(diào)用其中超過(guò) 12 萬(wàn)個(gè)圖標(biāo)。其中的圖標(biāo)合集大都是超大圖標(biāo)合集，你可以很輕松地找到你的項(xiàng)目可用的全套圖標(biāo)。

4、在線圖片壓縮和轉(zhuǎn)換工具

https://www.optimizeimages.com/

這個(gè)在線的圖片格式轉(zhuǎn)換和壓縮工具，已經(jīng)非常貼合如今的設(shè)計(jì)需求了，它除了可以幫你針對(duì) jpeg、png、svg 和 gif 這類(lèi)常見(jiàn)格式進(jìn)行批量壓縮優(yōu)化、添加水印，還能批量抓取網(wǎng)站的圖片素材，高效地轉(zhuǎn)化 WebP 和 AVIF 這類(lèi)更為高效的格式。

5、超強(qiáng)的免費(fèi)背景去除工具

https://clipdrop.co/remove-background

隨著之前很多圖片背景移除工具相繼收費(fèi)，很多同學(xué)都在找優(yōu)質(zhì)的替代品，這個(gè) ClipDrop 出品的背景移除工具就是不錯(cuò)的選擇。一方面，這個(gè)工具可以處理高達(dá) 5000x5000px 這樣的大尺寸圖片，另一方面，它在摳圖的時(shí)候精準(zhǔn)度也超過(guò)很多市面上的競(jìng)品。正在找摳圖工具的同學(xué)趕緊去試試吧。

6、圖片內(nèi)容移除工具 Photoroom

https://www.photoroom.com/tools/remove-object-from-photo/

很大程度上，這個(gè)工具提供的元素去除功能，可以和上面的背景移除工具在功能上進(jìn)行互補(bǔ)，上傳你需要處理的圖片，然后簡(jiǎn)單的擦除你想要移除的元素，它可以在強(qiáng)大的 AI 的協(xié)助下，幫你干掉它，并且保持整個(gè)圖片的自然合理，值得試試哦。

7、高品質(zhì) Lottie 動(dòng)畫(huà)素材庫(kù)

https://creattie.com/

如果你日常設(shè)計(jì)的時(shí)候會(huì)需要高素質(zhì)的動(dòng)畫(huà)素材，那么這個(gè)素材庫(kù)一定要收藏一下，這個(gè)素材庫(kù)提供大量的 Lottie 動(dòng)畫(huà)素材，以及很多不錯(cuò)的矢量圖。如果你不確定它是否值得付費(fèi)，素材平臺(tái)還提供了免費(fèi)試用，你可以先嘗試著用用來(lái)判斷一下。

8、肌理超強(qiáng)的筆刷字體Brich

Brick 是一款典型的展示性的英文字體，字體筆觸肌理感相當(dāng)強(qiáng)，用來(lái)做 Banner 和海報(bào)設(shè)計(jì)是特別合適的。這款免費(fèi)字體是僅限個(gè)人使用的的版本，具體可以在文章開(kāi)頭和結(jié)尾的百度云鏈接中獲取。

9、免費(fèi)矢量形狀素材小合集

這是一組矢量素材合集，其中包含 15 個(gè) 3D 立體風(fēng)（實(shí)際是2D）的幾何立體線框和 40 個(gè)平面矢量素材，這些充滿(mǎn)秩序感的矢量素材都是以 PSD 格式存在，僅限個(gè)人使用，可以在文章開(kāi)頭和結(jié)尾的百度云鏈接中下載獲取。

10、免費(fèi)的 Instagram 展示樣機(jī)

老實(shí)國(guó)內(nèi)設(shè)計(jì)師對(duì)于用到 Instagram 樣機(jī)的場(chǎng)合似乎并不會(huì)太多，但是這套樣機(jī)素材稍加處理其實(shí)是可以應(yīng)用到其他的 APP 展示上，倒是不失為一個(gè)不錯(cuò)的展示模板，感興趣的同學(xué)可以在文章開(kāi)頭結(jié)尾的百度云鏈接中獲取，值得注意的是，這個(gè)免費(fèi)樣機(jī)僅限個(gè)人使用。

OK，以上就是這一期的設(shè)計(jì)干貨合集，希望里面有你需要的素材！