第三波！2023年10月精選實用設計工具合集

大家好，這是 2023 年 10 月的第 3 波干貨合集！這次合集當中，不僅有設計基礎知識合集網站和在線網站和 UI 組件靈感庫，還有一波頗為有趣的 AI 工具，比如生成產品圖和矢量圖標的 AI 工具，最有趣的是最后那個可以幫你將 LOGO 風格化的 AI 工具。

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

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

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

https://fffuel.co/iiisometric/

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

2、精心挑選的網站和組件靈感庫

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

這的確是一個面向 UI 和網頁設計師的高品質靈感素材網站，其中匯集了大量高品質的網頁設計作品，所有的都按照功能領域分門別類，你可以根據類別找到你想參考的同類網站。有趣的是，網站的側邊欄導航中，還有一個模塊，就是 UI 組件，它將很多優秀網頁作品的 UI 組件也給拆分出來了，這樣你也可以按照組件類型進行篩選，找到值得參考的設計。

3、基于 AI 的免費矢量圖標生成工具

https://unstock.ai/create/icons

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

4、超全的設計相關基礎知識庫網站

https://www.designershints.com/

這是一個相對比較全面的設計技巧和知識點合集網站，網站將這些知識根據設計基礎、UX 和 UI 劃分為 3 個大類，每個類別當中，都包含了較為詳細的知識點，并且根據實際的應用場景、知識特點進行了詳細的梳理，比如基礎的術語，品牌創建的概要，回復客戶的模板，5天設計沖刺的流程，視覺層級的構建方式，等等。這里梳理的知識基本上都是經過商業實戰印證過的有效內容，而這個網站背后也是一個專業的設計機構在運營，他們也有自己的設計系統。

5、基于 AI 的免費產品圖生成服務

https://productpics.ai/

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

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

https://www.octiai.com/

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

7、基于 AI 的 LOGO 風格化免費小工具

https://logomeld.com/

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