下面給網(wǎng)頁設(shè)計師們推薦7個網(wǎng)頁設(shè)計工具，希望這些工具能讓你的設(shè)計工作更輕松更好玩。

01.材料設(shè)計顏色工具

這是制作、分享和應(yīng)用調(diào)色板到用戶界面的好工具。與大多數(shù)調(diào)色板工具不同，它可以幫助你確保在構(gòu)建顏色方案時可以訪問你的顏色方案。

02.語義UI2.2

顧名思義語義框架背后的思想是，它的設(shè)置是為了讓你的代碼更具可讀性并且與自然語言相似。代碼可讀性對你的團隊來說是個問題，這可能會有所幫助。

03. Colormind

建筑調(diào)色板既是一門藝術(shù)，也是一門科學(xué)，Colormind背后的人已經(jīng)詳細解釋了他是如何使用數(shù)學(xué)模型和眼睛判斷的手工挑選調(diào)色板的組合來創(chuàng)建這個調(diào)色板的。他的目標(biāo)是提供一些能夠幫助您打造符合品牌指南的調(diào)色板，同時也看起來很棒，有時候會很棘手。

你可以使用Colormind從藝術(shù)品中提取顏色，這顯然是一個好方法，因為藝術(shù)家通常會選擇看起來令人愉悅的調(diào)色板。下一次你做一個配色方案是絕對值得的。

04.Moon

是的，另一個框架！我們認為這是一個超級快和輕的區(qū)別于其他的區(qū)域，這是我們現(xiàn)在所需要的。月亮是由KabirShah在使用Vue時制作的，由于一些性能問題而感到沮喪。MoonAPI與Vue非常相似，但是它使用了Preact，這是React的一個更快的選擇。月亮是真正的輕量級-5KB縮小和gzipped-并高效地重新提交DOM。在這里閱讀。

05.Thumbor

Thumbor是一種智能影像服務(wù)，可以讓你輕松批量操作網(wǎng)站上的圖像。如果你想調(diào)整你的網(wǎng)站上的每一個圖像，Thumbor肯定是你最好的選擇。它做智能裁剪和翻轉(zhuǎn)，并支持過濾器和WebP。你可以從任何地方存儲和加載圖像，并盡可能使圖像保持高性能。

06.Penguin

這個酷的Mac應(yīng)用程序使你可以快速重新上色數(shù)百個圖標(biāo)和SVG，并將SVG導(dǎo)出為PNG。你可以在Macappstore上找到它，或者在GitHub上找到它。

07.CSS文字漸變發(fā)生器

這是為文本制作漸變的最簡單方法。你可以選擇開始顏色，結(jié)束顏色和方向，然后抓取代碼。絕對是你的工具文件夾的好書簽。