SVG 和设计工具实用指南

Desknumber

为了充分利用 SVG，不仅需要学习其语法，而且了解图形设计软件如何生成 SVG 也很有用。让我们仔细看看使用流行的设计应用程序生成 SVG 的过程，以及如何利用它们来发挥自己的优势。

充分理解 SVG 是一项难得的技能。令人惊讶的是，SVG 通常 电子邮件营销列表 被视为另一种图像格式。我们使用 SVG 是因为它的可扩展性和较小的文件大小，但实际上，SVG 的功能远不止于此！

在本文中，我将介绍三种最流行的设计工具：Adobe Illustrator、Sketch 和 Figma。还有其他可用的支持 SVG 的工具，这些工具可能具有其他功能并实现其他解决方案。



注：如无特殊说明，本文内容均指SVG 1.1第2版。下面讨论的一些要点不适用于SVG 2，但是，它仍然没有达到推荐状态，使 SVG 1.1 成为最新的规范。

为什么要担心设计工具？
SVG 是一种基于XML的标记语言，与任何其他编程语言一样，可以在文本编辑器中编写和编辑。因此理论上，与 JPG 或 PNG 文件不同，我们不需要任何 GUI 软件来创建 SVG。然而，在绝大多数情况下，使用图形设计应用程序是不可避免的。

以基于文本的格式处理复杂的形状和图形是完全可能的，但通常会非常棘手和乏味。因此，通常的做法是使用 Adob​​e Illustrator、Sketch 或 Figma 等应用程序以可视化方式设计图形，然后将其导出为 SVG 格式。

因此，无论您是一名编码设计师还是具有设计意识的开发人员，要熟练地使用 SVG，都需要具备两方面的知识：设计工具和 SVG 语言本身。为了更好地理解两者之间的关系，让我们仔细看看图形设计应用程序必须提供哪些功能以及它们的功能如何转换为 SVG。