工具

設(shè)計(jì)圈超實(shí)用的UI設(shè)計(jì)工具大合集

3456

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

矢量圖案合集 Paaatterns

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

文本轉(zhuǎn)語音工具 Verby

Verby

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

網(wǎng)頁轉(zhuǎn)API工具 Dashblock

Dashblock 是一個(gè)基于機(jī)器學(xué)習(xí)的模型，幾乎能夠?qū)⑷魏尉W(wǎng)站轉(zhuǎn)化為一個(gè) API。你可以去任何一個(gè)網(wǎng)站，單擊右鍵，將你想要轉(zhuǎn)化的數(shù)據(jù)保存下來，就可以自定義 API 了。

設(shè)計(jì)雜志 Rooki.design

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

漸變CSS圖庫 Gradient Magic

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

動(dòng)態(tài)圖表 Dynamic Charts

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

設(shè)計(jì)系統(tǒng)平臺 Components AI

Components AI 是一個(gè)「用來探索生成設(shè)計(jì)系統(tǒng)的實(shí)驗(yàn)性平臺」，它能夠?yàn)槟闾峁┮粋€(gè)不斷試驗(yàn)創(chuàng)意并且通過調(diào)試生成設(shè)計(jì)，并且保存并導(dǎo)出以供使用的平臺。

UI工具包 Avant UI

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

教程：電話號碼字段設(shè)計(jì)最佳實(shí)踐

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

矢量圖標(biāo)集 Money Vector Icons

這是一套包含50個(gè)和貨幣、銀行以及金融有關(guān)的矢量圖標(biāo)。

插畫合集 Stories Illustrations

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

等軸測插畫 Isometric

Isometric 是一組可以在數(shù)字項(xiàng)目中可以使用的免費(fèi)的矢量等軸測插畫，這些插畫風(fēng)格一致且都使用的是 SVG 格式，內(nèi)容豐富多樣。

表單工具 jExcel v3

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

瀏覽器 Space Browser