頂級在線設計工具收藏

頂級在線設計工具收藏

瘋狂的技術宅 前端先鋒

介紹

---

這是一些精心挑選的在線工具，這些工具都通過了測試，我發現它們很是有用，並與你們分享。

背景

---

1. SVG BACKGROUNDS

與PNG、JPG 或 GIF同樣，SVG 圖像也能夠用做 CSS 中的背景圖像。這是一種很酷的方法，由於咱們能夠將主要元素自己與純色背景顏色匹配，並使頁面背景滲入 SVG 內部的負空間。

網址：https://www.svgbackgrounds.com/

2. FREEPIK BACKGROUND COLLECTION

能夠檢索並下載大量免費的 SVG 背景資源。 ✓免費供商業用途 ✓高質量圖像。

網址：https://www.freepik.com/free-photos-vectors/svg-background

3. HERO PATTERNS

一組可供你平鋪的 SVG 背景圖案，供你在 Web 項目中使用。

網址：https://www.heropatterns.com/

4. FLATICONS

能夠經過簡單的步驟建立精美的設計。

1. 搜索圖標，選擇你的收藏夾並將其放在工做區中
2. 你能夠更改大小，顏色和背景。
3. 以你喜歡的格式和大小下載設計。
   網址：https://www.flaticon.com/pattern/

5. LOADING.IO PATTERNS

這是個很棒的工具，讓你的背景看起來很漂亮。

網址：https://loading.io/pattern/

---

COLOR

顏色

---

1. KHROMA

Khroma 是用來發現、搜索和保存色彩組合和調色板的最快方法。能夠建立無限的收藏夾庫供之後參考。

網址：http://khroma.co/

2. COLOR HUNT

---

Color Hunt 是一個免費開放的平臺，可經過數千種精選的時尚調色板來激發色彩靈感。

網址：https://colorhunt.co/

3. COOLORS

Create the perfect palette or get inspired by thousands of beautiful color schemes. Start the generator! Explore trending palettes 建立完美的調色板或從數千種美麗的配色方案中汲取靈感。啓動發電機！探索流行的調色板

網址：https://coolors.co/

4. PALETTON

這是一個調色板工具，可使用各類顏色模型將相鄰顏色或互補色組合到主色調。

網址：https://paletton.com/

5. COLOR MIND

---

一鍵生成顏色組合。Colormind 使用深層神經網絡建立了具備凝聚力的配色方案。

網址：http://colormind.io/

---

SVG動畫

---

1. SVG GATOR

使製做 SVG 動畫變得很是簡單，無需編碼，基於瀏覽器，徹底免費。能夠製做精美的動畫並導出單個動畫 SVG 文件。

網址：https://www.svgator.com/

2. INKSACPE

Sozi 是一種演示應用程序，它經過將 JavaScript 嵌入 SVG 來生成平移、縮放和旋轉等效果，以便在 Web 瀏覽器中進行查看。

網址：https://inkscape.org/learn/animation/

3. ADOBE ANIMATE

Adobe 建立了 Animate —— 一個功能強大的 SVG 動畫工具。這是一種建立精美動畫的簡便方法。

網址：https://www.adobe.com/products/animate.html

其餘工具

---

1. BLOB MAKER

爲你設計本身的 SVG 形狀。能夠修改複雜度、對比度和顏色。

網址：https://www.blobmaker.app/

2. GET WAVES

若是你喜歡 SVG 圖形形生成器，能夠嘗試 getwaves.io，它可以爲你的網頁作一些很酷的波紋轉換。

網址：https://getwaves.io/

3. CSS GRADIENTS

一個免費的 CSS 漸變生成器工具，能夠爲你的網站、博客或社交媒體資料建立彩色漸變背景。

網址：https://cssgradient.io/

4. UNDRAW

---

能夠在這裏找到適合你需求的圖像，而後下載。可以使用實時彩色圖像生成來匹配你的品牌標識。

網址：https://undraw.co/illustrations