大家好，這是 2023 年 10 月的第 3 波干貨合集！這次合集當(dāng)中，不僅有設(shè)計(jì)基礎(chǔ)知識(shí)合集網(wǎng)站和在線網(wǎng)站和 UI 組件靈感庫，還有一波頗為有趣的 AI 工具，比如生成產(chǎn)品圖和矢量圖標(biāo)的 AI 工具，最有趣的是最后那個(gè)可以幫你將 LOGO 風(fēng)格化的 AI 工具。

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

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

1、等軸測 SVG 矢量圖編輯器

https://fffuel.co/iiisometric/

這是 fffuel 新上線的矢量編輯工具 iiisometric，你可以像碼積木一樣來構(gòu)建一個(gè)等軸測 2.5D 的小場景，然后導(dǎo)出相應(yīng)的矢量 SVG 文件。這個(gè)編輯器并不復(fù)雜，小立方體的色彩、體積尺寸都是可編輯的，畫錯(cuò)了也可以撤銷。作為工具而言，iiisometric 足夠簡單也不算難用，只要你愿意投入時(shí)間，應(yīng)該能夠創(chuàng)造出頗為有意思的等軸測插畫。

2、精心挑選的網(wǎng)站和組件靈感庫

https://www.a-fresh.website/

這的確是一個(gè)面向 UI 和網(wǎng)頁設(shè)計(jì)師的高品質(zhì)靈感素材網(wǎng)站，其中匯集了大量高品質(zhì)的網(wǎng)頁設(shè)計(jì)作品，所有的都按照功能領(lǐng)域分門別類，你可以根據(jù)類別找到你想?yún)⒖嫉耐惥W(wǎng)站。有趣的是，網(wǎng)站的側(cè)邊欄導(dǎo)航中，還有一個(gè)模塊，就是 UI 組件，它將很多優(yōu)秀網(wǎng)頁作品的 UI 組件也給拆分出來了，這樣你也可以按照組件類型進(jìn)行篩選，找到值得參考的設(shè)計(jì)。

3、基于 AI 的免費(fèi)矢量圖標(biāo)生成工具

https://unstock.ai/create/icons

雖然不太清楚 Unstock.ai 背后使用的具體是哪個(gè) AI 大模型，但是它確實(shí)是完全免費(fèi)的，可以生成單色圖標(biāo)的 AI 工具，只需要輸入簡單的提示詞，它就能生成頗為不錯(cuò)的圖標(biāo)，不過隨機(jī)性依然很強(qiáng)。圖標(biāo)默認(rèn)支持 PNG 格式和 SVG 格式，你可以下載矢量的圖標(biāo)到本地，再做二次編輯，進(jìn)行調(diào)整。這個(gè) AI 工具需要注冊(cè)登錄使用，沒有付費(fèi)入口，是完全免費(fèi)的。

4、超全的設(shè)計(jì)相關(guān)基礎(chǔ)知識(shí)庫網(wǎng)站

https://www.designershints.com/

這是一個(gè)相對(duì)比較全面的設(shè)計(jì)技巧和知識(shí)點(diǎn)合集網(wǎng)站，網(wǎng)站將這些知識(shí)根據(jù)設(shè)計(jì)基礎(chǔ)、UX 和 UI 劃分為 3 個(gè)大類，每個(gè)類別當(dāng)中，都包含了較為詳細(xì)的知識(shí)點(diǎn)，并且根據(jù)實(shí)際的應(yīng)用場景、知識(shí)特點(diǎn)進(jìn)行了詳細(xì)的梳理，比如基礎(chǔ)的術(shù)語，品牌創(chuàng)建的概要，回復(fù)客戶的模板，5天設(shè)計(jì)沖刺的流程，視覺層級(jí)的構(gòu)建方式，等等。這里梳理的知識(shí)基本上都是經(jīng)過商業(yè)實(shí)戰(zhàn)印證過的有效內(nèi)容，而這個(gè)網(wǎng)站背后也是一個(gè)專業(yè)的設(shè)計(jì)機(jī)構(gòu)在運(yùn)營，他們也有自己的設(shè)計(jì)系統(tǒng)。

5、基于 AI 的免費(fèi)產(chǎn)品圖生成服務(wù)

https://productpics.ai/

這個(gè)工具為電商設(shè)計(jì)師提供了一個(gè)新的選擇，上傳未經(jīng)編輯的產(chǎn)品圖，然后可以在這個(gè)在線 AI 工具的幫助下，幫你搞定后續(xù)的設(shè)計(jì)。和 Stable Diffusion 等 AI 工具類似，上傳圖片之后，選擇你所需要的圖片比例，然后記得選取產(chǎn)品圖的風(fēng)格是和你上傳的圖片一致、特寫或者廣角鏡頭，然后輸入描述提示詞以及相關(guān)的負(fù)面提示詞，即可生成你要的產(chǎn)品圖。

6、幫你生成其他 AI 提示詞的 AI 生成器

https://www.octiai.com/

之前咱們經(jīng)常提到一種 AI 的玩法，是使用 ChatGPT 來生成 Midjourney 的提示詞，但是實(shí)際上兩者聯(lián)動(dòng)的效果其實(shí)也一般，這種情況換到 Firefly 或者 Stable Diffsuion 上也不一定有效。現(xiàn)在干脆有人做了一個(gè)專門生成不同 AI 平臺(tái)提示詞的AI 工具，OctiAI。它針對(duì)目前主流的 AI 工具進(jìn)行過迭代訓(xùn)練，除了可以針對(duì)諸如 MJ、SD 這類主流文生圖的平臺(tái)生成更具體準(zhǔn)確的提示詞之外，還包含微軟的 Copilot、谷歌的 Bard 這樣的通用 AI，PS、Designer 這樣的設(shè)計(jì)工具。

7、基于 AI 的 LOGO 風(fēng)格化免費(fèi)小工具

https://logomeld.com/

對(duì)于品牌設(shè)計(jì)而言，這個(gè)可以將平平無奇的 LOGO 變成風(fēng)格化的有趣照片的工具，可以說是錦上添花的神器。你只需要上傳你想用的 LOGO，輸入你想呈現(xiàn)的風(fēng)景的提示詞，然后這個(gè)工具就能將它轉(zhuǎn)化為有趣的風(fēng)景照片，LOGO 以奇妙地方式融入到這個(gè)場景中。