大家好，這是 2024 年 7 月的第 1 波干貨合集！這一期干貨合集有精選了一波比較實(shí)用的設(shè)計(jì)工具和素材，有匯總最新 X 平臺(tái)上設(shè)計(jì)靈感素材的網(wǎng)站，有幫助設(shè)計(jì)師進(jìn)行快速視覺(jué)創(chuàng)作的免費(fèi)在線矢量幾何素材的網(wǎng)站，有創(chuàng)建 AI 工作流的在線服務(wù) Rubbrhand，還有快捷鍵可視化生成網(wǎng)站，快速拆分網(wǎng)頁(yè)視覺(jué)素材的網(wǎng)站，以及免費(fèi)的 Notion 風(fēng)格頭像生成工具。

當(dāng)然，在此之前記得看看往期干貨中有沒(méi)有你感興趣的素材：

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

1、集中整合 X 平臺(tái)上最新設(shè)計(jì)靈感的網(wǎng)站

https://www.designfromx.com/

并不是每個(gè)設(shè)計(jì)師都會(huì)將自己的設(shè)計(jì)作品發(fā)到 Dribbble、 Behance 這些平臺(tái)上，很多設(shè)計(jì)師會(huì)將設(shè)計(jì)中、未完成的作品拿到設(shè)計(jì)平臺(tái) X（原twitter）上進(jìn)行討論，這個(gè)名為 Design From X 會(huì)將最新、最熱的 X 上所發(fā)布的設(shè)計(jì)作品、內(nèi)容匯總到一起，分門(mén)別類，作為設(shè)計(jì)靈感庫(kù)，幫你推進(jìn)設(shè)計(jì)。

2、幫助設(shè)計(jì)師釋放創(chuàng)造力的進(jìn)階圖形素材

https://spectrums.framer.website/

Spectrum 是一個(gè)實(shí)用性很強(qiáng)的免費(fèi)幾何圖形素材網(wǎng)站，其中包含大量的免費(fèi)的、規(guī)整的進(jìn)階幾何圖形，并且這個(gè)網(wǎng)站的創(chuàng)建者 Sachin Dhyani 會(huì)每周更新大概 100 個(gè)新增的圖案，不斷完善這個(gè)矢量圖形庫(kù)，方便視覺(jué)設(shè)計(jì)師以此為基礎(chǔ)，獲得靈感，進(jìn)行創(chuàng)作。所有的這些圖形使用也非常簡(jiǎn)單，只需要簡(jiǎn)單點(diǎn)擊，就能復(fù)制矢量素材。

3、進(jìn)階型 AI 工作流創(chuàng)作平臺(tái) Rubbrband

https://www.rubbrband.com/

和咱們之前所看到的很多 AI 工具有所不同，Rubbrband 并不是一個(gè)簡(jiǎn)單的基于提示詞生成圖片的 AI 平臺(tái)，它是一個(gè)有著極高拓展性和可能性的超強(qiáng) AI 工作流平臺(tái)，它將類似 3D 設(shè)計(jì)中的工作流，引入到 AI 創(chuàng)作當(dāng)中來(lái)，使用某種提示詞、借助某個(gè) AI 大模型生成某種內(nèi)容的這一操作，可以被視作為一個(gè)節(jié)點(diǎn)，你可以自定義節(jié)點(diǎn)，然后根據(jù)輸入輸出的需求，將不同的節(jié)點(diǎn)連接為你專屬的工作流，借此更好地控制你的輸入輸出，構(gòu)建你自己的 AI 服務(wù)。

目前 Rubbrhand 還處于早期測(cè)試階段，其實(shí)想想也不難理解，這種復(fù)雜工具確實(shí)需要更多的測(cè)試驗(yàn)證，但是對(duì)于我們而言，也可以更早體驗(yàn)這種進(jìn)階的功能！

4、快捷鍵可視化呈現(xiàn)在線網(wǎng)站

https://shotki.app/

在展示快捷鍵這件事情上，這個(gè)名為 ShotKi 的工具提供的方案真的非常棒，對(duì)于各種工具而言，在介紹快捷鍵的時(shí)候總是不夠直觀，ShotKi 則可以讓這個(gè)效果足夠可視化，使用模擬真實(shí)的按鍵效果來(lái)呈現(xiàn)。

你可以在頁(yè)面底部選擇不同的主題，按鍵的樣式，這個(gè)工具也支持 Mac、Windows、Linux 的常規(guī)鍵盤(pán)布局，生成的視覺(jué)效果圖也可以在底部導(dǎo)出。

5、快速拆分網(wǎng)頁(yè)設(shè)計(jì)元素的在線工具

https://design-foundations.com/

如果你是前端開(kāi)發(fā)者，可能能夠借助瀏覽器的源代碼和檢查工具，快速查看網(wǎng)頁(yè)的樣式代碼，不過(guò)這種技能需要時(shí)間學(xué)習(xí)并且不夠直觀，這個(gè)名為 Design Fondations 的網(wǎng)站，只需要你輸入網(wǎng)頁(yè)鏈接，就可以幫你快速將整個(gè)網(wǎng)頁(yè)的樣式信息直接拆解出來(lái)，方便設(shè)計(jì)師直觀、可視化地查看和調(diào)用。這個(gè)工具是完全免費(fèi)的，而且完整內(nèi)還搜集整理了很多用戶提交的、高品質(zhì)的網(wǎng)站和它們的樣式信息。

6、免費(fèi)的 Notion 風(fēng)格頭像設(shè)計(jì)工具

https://www.notionavatarmaker.com/zh

Notion 獨(dú)特又簡(jiǎn)約的風(fēng)格，如今已經(jīng)俘獲了很多設(shè)計(jì)師的心。這種黑白線條色塊來(lái)構(gòu)建的視覺(jué)風(fēng)格相當(dāng)好用，所以這個(gè)再現(xiàn)免費(fèi)的 Notion 風(fēng)格頭像制作工具，就非常值得推薦，使用它完全不需要非得在 Notion 當(dāng)中，在別的地方也完全一樣，其中不僅內(nèi)置了大量的頭部和面部元素，供你定制完全符合自己想象的頭像，并且還可以借助 「隨機(jī)一下」功能，直接隨機(jī)一個(gè)頭像出來(lái)，相當(dāng)方便了！