顶级在线设计工具收藏

顶级在线设计工具收藏

疯狂的技术宅 前端先锋

介绍

---

这是一些精心挑选的在线工具，这些工具都通过了测试，我发现它们很是有用，并与你们分享。

背景

---

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