34: SVG 软件之旅

在没有任何软件的情况下,你也可以用 SVG 做很多事情。假设你在网上有一个好的 SVG 图像来源,你可以直接使用它们。但我们通常需要稍微调整一下。我知道我常用的工作流程是从图片网站或图标集等地方找到一个接近我需要的东西,然后对其进行操作,使其完全符合我的要求。调整形状、删除内容、更改颜色、调整画布,所有这些操作。使用为此设计的软件来执行这些操作要比手动在代码中执行容易得多。

在本系列中,我们最常使用的软件是Adobe Illustrator(每月19.99美元)。Illustrator 是一款功能强大且强大的 Mac 或 PC 软件。功能丰富。这就像选择吉他作为你想要学习的乐器一样。网上有很多使用它的教程。有很多人在使用它,你可以向他们求助。Illustrator 可以“另存为”SVG 格式,这意味着它是一种你可以使用的原生文件格式,这非常好。

在我们查看的所有不同软件中,没有一个能像你可能希望的那样为网络输出优化的 SVG。它们都会插入一些通用的注释和元数据类型的内容,说明它是用什么软件创建的等等,这些内容对网络使用完全没有用处。更糟糕的是,它会增加文件大小,从而导致速度变慢。你始终需要优化从任何软件获得的 SVG(我们很快就会做一个关于优化的屏幕录制)。

Inkscape 是另一个流行的 SVG 编辑选项。我认为这可能是因为它支持跨平台(可以在 Mac、PC、Linux 上工作)并且它是免费的。它也存在了很长时间,并且拥有强大的功能集。不过我发现它有点笨拙,主要是因为作为 Mac 用户,它的界面与我习惯的所有其他界面都非常不同。

我一直很喜欢Sketch,这是一款仅适用于 Mac 的软件(99 美元)。我特别喜欢你可以选择对象和组,然后“导出”并将 SVG 作为导出选项,这会给你一个裁剪好的、完全可用的 SVG 以供使用。

我们还查看了iDraw(Mac 24.99 美元和 iOS 8.99 美元)。还有WebCode(Mac 39.99 美元)。

我们在视频中没有特别关注这些,但还有一些基于浏览器的 SVG 编辑器非常好。