大家好，這應該是 2021 年最后一波設計干貨合集了！這一次的合集當中，有非常實用的在線電商和產品類優秀設計合集，還有非常好看的彌散漸變背景和圖案生成器，有免費的設計系統也有免費的控制面板 UI Kit，具體往下看吧：

1、優秀電商和產品網站大合集

https://elegantstores.net/

嚴格意義上來說，這是一個單純的整合性質的網站，但是這個網站集合了大量的風格獨特、設計優秀的電商和產品類的網站，這里的頁面和產品都是由用戶提交，經過審核之后，被搜集整理到這個網站當中。如果你是視覺設計師、網頁設計師，正在尋找有趣的優秀的網站，那么這個網站你一定要收藏一把，隔三差五看看應該能夠獲取不少靈感和思路。

2、100個超有質感的彌散漸變

https://www.meshgradients.design/

說實話，配色工具到處都是，漸變色彩也不難獲得，但是想要找到足夠優秀，足夠富有質感的漸變，倒還真的不是一件簡單的事情。這個網站提供 100 款精心制作的漸變色彩，這些色彩不僅僅有足夠優雅的色彩梯度，而且其中通常還含有特別有質感的彌散效果，足夠高級，足以應付絕大多數需要漸變色彩背景的場合！

3、開源免費設計系統 Bricks

https://backlight.dev/edit/k0DvZztNuwmS6XnXoohE

Bricks 是一套包含完整開源組件的設計系統，其中從設計元素到對應的代碼一應俱全，涵蓋超過 50 種基礎的常見組件，有嵌入式的交互文檔，兼顧深色模式和淺色模式，對于想要從零開始創建設計系統并且需要和開發無縫對接的同學而言，這套東西非常不錯。

4、為網頁設計而生的圖標合集

https://icon-shelf.github.io/

這個名為 Icon Shelf 的圖標合集，主要是面向網頁設計的 SVG 圖標合集+圖標管理器，當然你可以將它用在不同的場合，不過這個管理工具將適合網頁的圖標都整合到了一起，并且可以非常方便地復制各個圖標的 SVG 代碼，對于網頁的設計和開發可以說是無縫地支撐了。

5、故障風圖片效果生成器

https://glitchyimage.com/

這是一個能夠將圖片快速轉變為故障風的在線工具，上傳圖片之后，可以選擇不同的故障效果，效果強度和透明度，然后就可以直接下載為 PNG 格式了！非常快速非常方便！

6、幾何圖案在線生成工具

https://www.circles.gallery/

這個名為 Circles Gallery 的平臺不僅僅可以幫你制作色彩豐富的幾何圖案素材，而且將很多用戶已經制作完成的幾何圖案分享了出來，如果這些已有的圖案都不足以滿足你的需求，不妨試試自己制作。

7、等軸測3D圖案生成器

https://fffuel.co/mmmotif

在線工具越來越有趣了，這個名為 mmmotif 的在線網站可以生成非常具有形式感的 等軸測圖案，你可以選擇預制的幾何圖案，距離，色彩等等參數，生成獨一無二的圖案，最后，可以導出 SVG 格式的素材和代碼。

8、免費的醫療控制面板 UI kit

這是一套包含 40 多屏的醫療類 UI kit 素材，有 Sketch、Adobe XD、Figma 三種格式，這套素材是完全免費的，可以在文章開頭和結尾的百度云鏈接中獲取。

9、復古手寫字體 Hayken Script

Hayken 是一款極富動感，筆觸飄逸且具有復古質感的優質免費字體，這個字體除了默認的樣式之外，還有附帶紋理的版本。這款字體僅限個人使用，可以在文章開頭結尾的百度云鏈接中獲取。

更多12月干貨：