工具

設計圈超實用的UI設計工具大合集

3445

8月份最給力的設計圈干貨大合集來了！每次干貨合集當中，總會有一些非常吸引人的干貨，而這次的合集當中，矢量圖案合集 Paaaterns 和面向初級設計師的資源合集 Rooki.design 就非常吸引我！同樣的，UI 工具包、免費圖標以及字體，是我每次都會特意關注的部分，希望你能喜歡！

矢量圖案合集 Paaatterns

Paaatterns 是一個矢量圖案合集，整個合集當中包含了幾十種有趣實用的幾何風格矢量圖案，色彩鮮艷而豐富。整個合集完全免費，包括 Sketch、Figma、XD、AI、PNG 和 SVG 格式。

文本轉語音工具 Verby

Verby

是一款免費的文本轉語音的工具，能夠基于你的文本內容創(chuàng)建出包含自然語音的音頻，并且輸出 mp3 格式的文件。它免費版所生成的內容甚至可以作為商用用途。它可以應用在很多領域，包括在線學習、APP、網站、視頻、有聲讀物等等。

網頁轉API工具 Dashblock

Dashblock 是一個基于機器學習的模型，幾乎能夠將任何網站轉化為一個 API。你可以去任何一個網站，單擊右鍵，將你想要轉化的數據保存下來，就可以自定義 API 了。

設計雜志 Rooki.design

Rooki.design 是一個面向設計專業(yè)的學生和初級設計師的雜志，它當中包含豐富的功能資源，適合剛剛進入設計行業(yè)的新手。Rooki.design 由正在學習設計的 Edoardo Rainoldi 開發(fā)和管理。

漸變CSS圖庫 Gradient Magic

Gradient Magic 是一個涵蓋大量 CSS 漸變的圖庫，各種不同色彩和樣式的漸變。選擇一種樣式的漸變，然后挑選配色，然后就可以開始使用了。最重要的在于，這些漸變背景的 CSS 都可以復制下來使用。

動態(tài)圖表 Dynamic Charts

Dynamic Charts 是一個來自 Github 的項目，在它的幫助下，你可以使用 React 來創(chuàng)建動態(tài)的圖表，將數據可視化。這些圖表都可以自定義標簽、反饋和運行方式。它有默認的樣式，也可以進行自定義，讓它完全變成你想要的樣子。

設計系統(tǒng)平臺 Components AI

Components AI 是一個「用來探索生成設計系統(tǒng)的實驗性平臺」，它能夠為你提供一個不斷試驗創(chuàng)意并且通過調試生成設計，并且保存并導出以供使用的平臺。

UI工具包 Avant UI

Avant UI 是一個基于 Bootstrap 的用戶界面工具包，其中包含有時尚的元素和動畫。一切都是可定制的，盡管它本身的設計就已經相當不錯了。這個UI 工具包包括你幾乎能想到的所有類型的組件，包括顏色、漸變、按鈕、輸入、下拉菜單、提醒、表單、縮略圖等等。

教程：電話號碼字段設計最佳實踐

電話號碼可能是設計當中最常見的字段，但是你是否考慮過電話號碼到底要如何輸入，怎么做才最合理？Nick Babich 所撰寫的這個教程，詳細介紹了如何設計才能保證最好地輸入，以實現最高的可用性和效率。

矢量圖標集 Money Vector Icons

這是一套包含50個和貨幣、銀行以及金融有關的矢量圖標。

插畫合集 Stories Illustrations

這個名為 Stories 的插畫工具包包含有11個不同的矢量角色，可以幫你視覺化地講述商業(yè)故事。這套高級套件中采用了 AI 和 SVG 格式，便于操作和使用。

等軸測插畫 Isometric

Isometric 是一組可以在數字項目中可以使用的免費的矢量等軸測插畫，這些插畫風格一致且都使用的是 SVG 格式，內容豐富多樣。

表單工具 jExcel v3

jExcel v3 是一個可以幫你使用行、列以及多種不同的數據格式在線構建數字表格。開發(fā)人員是這么說的：「jExcel 是一個輕量級的 Vanilla Javascript 插件，用來創(chuàng)建與 Excel 以及其他電子表格軟件相互兼容的、基于 Web 的交互式電子表格。你可以基于 JS 數組、JSON、CSV 以及XSLX 文件來創(chuàng)建電子表格，也可以直接從 Excel 來復制粘貼。」

瀏覽器 Space Browser