大家好，這應(yīng)該是 2021 年最后一波設(shè)計(jì)干貨合集了！這一次的合集當(dāng)中，有非常實(shí)用的在線電商和產(chǎn)品類優(yōu)秀設(shè)計(jì)合集，還有非常好看的彌散漸變背景和圖案生成器，有免費(fèi)的設(shè)計(jì)系統(tǒng)也有免費(fèi)的控制面板 UI Kit，具體往下看吧：

1、優(yōu)秀電商和產(chǎn)品網(wǎng)站大合集

https://elegantstores.net/

嚴(yán)格意義上來(lái)說(shuō)，這是一個(gè)單純的整合性質(zhì)的網(wǎng)站，但是這個(gè)網(wǎng)站集合了大量的風(fēng)格獨(dú)特、設(shè)計(jì)優(yōu)秀的電商和產(chǎn)品類的網(wǎng)站，這里的頁(yè)面和產(chǎn)品都是由用戶提交，經(jīng)過(guò)審核之后，被搜集整理到這個(gè)網(wǎng)站當(dāng)中。如果你是視覺(jué)設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師，正在尋找有趣的優(yōu)秀的網(wǎng)站，那么這個(gè)網(wǎng)站你一定要收藏一把，隔三差五看看應(yīng)該能夠獲取不少靈感和思路。

2、100個(gè)超有質(zhì)感的彌散漸變

https://www.meshgradients.design/

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

3、開(kāi)源免費(fèi)設(shè)計(jì)系統(tǒng) Bricks

https://backlight.dev/edit/k0DvZztNuwmS6XnXoohE

Bricks 是一套包含完整開(kāi)源組件的設(shè)計(jì)系統(tǒng)，其中從設(shè)計(jì)元素到對(duì)應(yīng)的代碼一應(yīng)俱全，涵蓋超過(guò) 50 種基礎(chǔ)的常見(jiàn)組件，有嵌入式的交互文檔，兼顧深色模式和淺色模式，對(duì)于想要從零開(kāi)始創(chuàng)建設(shè)計(jì)系統(tǒng)并且需要和開(kāi)發(fā)無(wú)縫對(duì)接的同學(xué)而言，這套東西非常不錯(cuò)。

4、為網(wǎng)頁(yè)設(shè)計(jì)而生的圖標(biāo)合集

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

這個(gè)名為 Icon Shelf 的圖標(biāo)合集，主要是面向網(wǎng)頁(yè)設(shè)計(jì)的 SVG 圖標(biāo)合集+圖標(biāo)管理器，當(dāng)然你可以將它用在不同的場(chǎng)合，不過(guò)這個(gè)管理工具將適合網(wǎng)頁(yè)的圖標(biāo)都整合到了一起，并且可以非常方便地復(fù)制各個(gè)圖標(biāo)的 SVG 代碼，對(duì)于網(wǎng)頁(yè)的設(shè)計(jì)和開(kāi)發(fā)可以說(shuō)是無(wú)縫地支撐了。

5、故障風(fēng)圖片效果生成器

https://glitchyimage.com/

這是一個(gè)能夠?qū)D片快速轉(zhuǎn)變?yōu)楣收巷L(fēng)的在線工具，上傳圖片之后，可以選擇不同的故障效果，效果強(qiáng)度和透明度，然后就可以直接下載為 PNG 格式了！非常快速非常方便！

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

https://www.circles.gallery/

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

7、等軸測(cè)3D圖案生成器

https://fffuel.co/mmmotif

在線工具越來(lái)越有趣了，這個(gè)名為 mmmotif 的在線網(wǎng)站可以生成非常具有形式感的 等軸測(cè)圖案，你可以選擇預(yù)制的幾何圖案，距離，色彩等等參數(shù)，生成獨(dú)一無(wú)二的圖案，最后，可以導(dǎo)出 SVG 格式的素材和代碼。

8、免費(fèi)的醫(yī)療控制面板 UI kit

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

9、復(fù)古手寫(xiě)字體 Hayken Script

Hayken 是一款極富動(dòng)感，筆觸飄逸且具有復(fù)古質(zhì)感的優(yōu)質(zhì)免費(fèi)字體，這個(gè)字體除了默認(rèn)的樣式之外，還有附帶紋理的版本。這款字體僅限個(gè)人使用，可以在文章開(kāi)頭結(jié)尾的百度云鏈接中獲取。

更多12月干貨：