14、使用 Adobe Illustrator 创建复杂 SVG 插图

使用 Adobe Illustrator 创建复杂 SVG 插图

1. 引言

平面设计师开始对 SVG 产生兴趣。我们习惯使用强大的设计软件来创建各种图形，现在是时候为网络创建静态矢量文件了。选择 Adobe Illustrator 创建 SVG 图像有诸多好处，我们熟悉其界面，无需重新学习新软件，还能创建复杂设计。不过，SVG 图像易被复制，版权保护面临挑战。但 SVG 文件在网络、移动平台等领域有诸多优势，设计师应提升技能，利用这些优势增加自身市场竞争力。

2. 矢量设计

2.1 矢量和光栅文件

Adobe Photoshop 是创建光栅文件的首选软件，而 Adobe Illustrator 则用于创建矢量文件（包括 SVG 文件）。矢量文件主要由线条、形状和路径组成，可填充颜色、缩放、调整大小、包含文本，甚至嵌入光栅文件。创建矢量图像时，若项目需要分辨率独立、可缩放或与数据库文件或其他 XML 语言集成，应使用 SVG。

2.2 复杂形状

虽然 SVG 图像可通过手动编码创建，但对于复杂形状，设计师使用 Illustrator 更高效，因为手动编码复杂图形既繁琐又耗时。

3. 字体

3.1 字体数量限制

专业设计师通常遵循每个设计使用不超过三种字体的规则，过多字体使用会使设计杂乱。

3.2 字体选择

SVG 文件能保留文本格式，在 Illustrator 中保存含文本的 SVG 图形时，文本标签的标记会包含字体名称、大小、加粗等信息。建议选择常见字体，如 Arial、Helvetica 或 T