盤點(diǎn)：2019年23款免費(fèi)實(shí)用的Web設(shè)計(jì)工具

設(shè)計(jì)社區(qū)的免費(fèi)資源可以為不同的電子商務(wù)網(wǎng)站增加價(jià)值。以下是2019年秋季發(fā)布的新Web工具和設(shè)計(jì)元素，其中包括設(shè)計(jì)師和開發(fā)人員的應(yīng)用程序，編碼資源、顏色工具、字體等等。所有這些工具都是免費(fèi)的，但也有一些工具提供了付費(fèi)版本。

免費(fèi)設(shè)計(jì)工具 

1、Art of Symbols是Emotive Brand咨詢公司設(shè)計(jì)團(tuán)隊(duì)對符號的探索成果。Art of Symbols是“100DayProject”（100天計(jì)劃）的一部分，在這個(gè)計(jì)劃中人們承諾用100天的時(shí)間探索自己的創(chuàng)造力。這個(gè)項(xiàng)目的重點(diǎn)是古代符號如何影響當(dāng)代品牌設(shè)計(jì)。

2、Lordicon提供了一套50個(gè)免費(fèi)的動(dòng)畫圖標(biāo)為網(wǎng)站添加設(shè)計(jì)。這些圖標(biāo)是可擴(kuò)展的、可定制的，并由Lottie（適用于Android和iOS的React JavaScript庫）提供支持。整套軟件包括500多個(gè)圖標(biāo)，并提供免費(fèi)更新，售價(jià)99美元。

3、Spectrum是Adobe的新設(shè)計(jì)系統(tǒng)，提供組件和工具幫助產(chǎn)品團(tuán)隊(duì)更有效地工作，并使Adobe的應(yīng)用程序更具凝聚力?？上螺d用戶界面工具包、Spectrum字體系列和圖標(biāo)。使用Spectrum CSS，這是Adobe設(shè)計(jì)系統(tǒng)的開源實(shí)現(xiàn)。

4、Izmir是一個(gè)免費(fèi)的迷你CSS庫，可以快速創(chuàng)建有吸引力的圖像懸停元素。將CSS庫加載到項(xiàng)目中，并將元素標(biāo)記與所選的樣式類結(jié)合起來，可以構(gòu)建自定義圖像懸停效果。

5、Hexometer Website Hygiene Attendant會(huì)定期掃描網(wǎng)站上大約2800個(gè)數(shù)據(jù)點(diǎn)，以確保這些數(shù)字資產(chǎn)能夠正常運(yùn)行。它還提供了有關(guān)如何改善網(wǎng)站健康狀況以提高在線可見度和性能的提示和技巧。免費(fèi)版本每周可掃描一個(gè)站點(diǎn)。付費(fèi)版本每月8.25美元起。

6、HTTP Mock是HTTP Toolkit中的新工具，HTTP Toolkit是用于調(diào)試、測試和使用HTTP進(jìn)行構(gòu)建的一組開源工具。可捕獲HTTP進(jìn)行搜索、瀏覽和檢查。實(shí)時(shí)編輯請求和響應(yīng)，以測試API和客戶端。可模擬HTTP(S)錯(cuò)誤、超時(shí)和連接失敗。付費(fèi)版本為1400多個(gè)API提供深入的bug工具、驗(yàn)證和文檔。

7、Facebook Design Devices是一組流行設(shè)備的圖片和草圖文件。每個(gè)文件都帶有設(shè)備的位圖(帶陰影和不帶陰影)以及該設(shè)備的原始Sketch文件。

8、Claro是一款全新的在線待辦事項(xiàng)應(yīng)用程序，設(shè)計(jì)是無干擾的。可一目了然地查看你的工作事項(xiàng)。今天尚未完成的待辦事項(xiàng)會(huì)延續(xù)到第二天。拖放待辦事項(xiàng)，單擊以完成操作，然后拖動(dòng)到垃圾箱進(jìn)行刪除。注冊測試版，并邀請朋友可獲得免費(fèi)的一年使用時(shí)長。

9、Fresh Folk是人物與對象的插圖庫。每個(gè)角色都有一系列的姿勢、服裝和膚色?？蓜?chuàng)建包含43個(gè)對象的多種場景。所有圖像均可免費(fèi)用于商業(yè)或個(gè)人用途。

10、Fliplet用于構(gòu)建自定義應(yīng)用程序的預(yù)制工具。預(yù)制應(yīng)用程序結(jié)合了拖放編輯器和可定制的開源組件?？墒褂矛F(xiàn)有的預(yù)制組件庫或創(chuàng)建自己的庫。為免費(fèi)帳戶提供一個(gè)實(shí)時(shí)網(wǎng)絡(luò)應(yīng)用程序。

11、Mozilla Developer視頻頻道提供的視頻可幫助Web設(shè)計(jì)師、開發(fā)人員或制作網(wǎng)站或應(yīng)用程序有關(guān)的其他人員。探索設(shè)計(jì)技術(shù)，包括CSS樣式和針對Web專業(yè)人員的瀏覽器工具的Firefox系列。

12、Quark是一款軟件工具，可幫助創(chuàng)建用HTML、CSS和JavaScript格式的項(xiàng)目，并具有類似于桌面應(yīng)用程序的功能。Quark建立在Electron框架之上。Quark簡單，易于學(xué)習(xí)，任何有基本編程技能的人都可以使用。

13、8b是一個(gè)免費(fèi)、簡單的在線網(wǎng)站構(gòu)建器，用于創(chuàng)建針對移動(dòng)設(shè)備優(yōu)化且對谷歌友好的網(wǎng)站。免費(fèi)版本可使用8b.io子網(wǎng)域，付費(fèi)版每月1.58美元起。

14、Doka.Photo是一個(gè)簡單免費(fèi)的在線圖像編輯器，由Doka.js提供支持?？煽焖倬庉嫼筒眉魣D像、應(yīng)用過濾器、旋轉(zhuǎn)、調(diào)整大小、翻轉(zhuǎn)、調(diào)整顏色，并添加標(biāo)記。

15、Iubenda條款和條件生成器可輕松生成和管理專業(yè)的條款、條件文檔，該文檔可從100多個(gè)條款中進(jìn)行定制，并由8種語言提供，由國際法律團(tuán)隊(duì)起草，并與主要的國際法規(guī)保持一致。

16、Bootstrap模板和主題是由Designmodo提供的免費(fèi)Bootstrap模板集合，可使用啟動(dòng)應(yīng)用程序進(jìn)行下載和編輯。可選擇主題以構(gòu)建電子商務(wù)網(wǎng)站，登錄頁面，演示文稿或SaaS應(yīng)用。

17、CopyPalette是用于生成一致的單色調(diào)色板工具?？蓜?chuàng)建不同的色調(diào)和深度色調(diào)，單擊即可導(dǎo)出調(diào)色板。

免費(fèi)字體

18、Recursive是一種五軸可變字體，可大大提高多功能性、控制力和性能?？蓮囊幌盗蓄A(yù)定義的樣式中進(jìn)行選擇，或者為每個(gè)軸準(zhǔn)確輸入所需的內(nèi)容：比例、等寬線、粗細(xì)、傾斜和斜體。

19、Bridamount是一款平滑時(shí)尚的手寫字體工具。使用它可以為設(shè)計(jì)項(xiàng)目添加耀斑。

20、Krisha是一種粗體的全大寫字體，來自品牌設(shè)計(jì)師和印刷商Daler Mukhiddinov?？蔀槟愕漠a(chǎn)品或項(xiàng)目創(chuàng)建令人印象深刻的標(biāo)題。

21、Leon Sans是由Jongmin Kim編寫的幾何無襯線字體。它允許用戶動(dòng)態(tài)更改字體粗細(xì)，并在HTML5的Canvas元素中創(chuàng)建自定義動(dòng)畫、效果和形狀。

22、Grifter是一款干凈自信的字體工具，尤其是針對粗體。使用它可以添加現(xiàn)代的極簡風(fēng)格并具有強(qiáng)烈的基調(diào)。粗體版本可免費(fèi)下載。

23、Camar是一款藝術(shù)裝飾風(fēng)格的復(fù)古字體，起初是為一組明信片設(shè)計(jì)的。它包括了187個(gè)用于商業(yè)廣告、橫幅、標(biāo)題、標(biāo)志和商標(biāo)的符號。

（來源：海外賣家兩三事）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場！本文經(jīng)原作者獨(dú)家授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)雨果網(wǎng)授權(quán)同意。