矢量图与位图：原理与应用详解

矢量图与位图：原理与应用详解

在设计领域，矢量图和位图是两种基本的图像类型，它们在成像原理和应用场景上有着本质的区别。本文将从基本概念出发，结合Figma软件的具体操作，帮助读者深入理解矢量图和位图的特点及其应用。

Figma是一个矢量设计软件，很多初学者对矢量图的概念可能仅停留在表面，只知道矢量图可以无损缩放，而位图放大后会失真。这种差异源于它们不同的成像逻辑：

• 矢量图：通过数学公式描述图像，无论怎样缩放都能保持清晰。
• 位图：由一个个像素点组成，每个点都有特定的颜色值，因此图像的清晰度取决于像素点的数量，无法无损缩放。

在Figma中，虽然默认创建的是1倍大小的画布，但可以通过后续导出时放大为2倍或3倍的位图，从而获得更清晰的效果。作为矢量软件，Figma也支持插入位图图像，插入的位图会保留原始数据，不会因为画布中的缩放操作而丢失数据。

例如，如果你在Figma中导入一张20MB的高清摄影图，即使将其缩小到4848像素，它仍然保持20MB的原始数据量，这与Photoshop等位图编辑软件直接缩小画布导致数据量减少的情况不同。

回到矢量图本身，一个标准的矢量图由点、线、面组成：

• 点和点之间形成线段，多个点形成的线段首位相连，就形成“闭合路径”；如果没有闭合，就只是线段，或是“非闭合路径”。
• 点和点之间的线段可以是直线，也可以是曲线，这由点附带的控制杆的位置和角度决定，它们有四种模式。

对于所有可编辑的矢量图形，选中图形后双击可以进入路径编辑模式，此时可以看到点、线、面的示意。其中的点也称为锚点，可以单击选中，也可以框选多个。

矢量图形本身只是一种数据，默认情况下是不显示的，软件为了方便使用会展示出它的轮廓。要让矢量图形被渲染和看见，需要为其添加属性：

• Fill（填充）：用于设置面的填充内容，包括色彩或图片。
• Stroke（描边）：用于设置描边的粗细和颜色。

由于描边只是系统渲染时为矢量轮廓添加的一个“涂鸦效果”，它本身不是矢量图形。在某些应用场景中，如果需要对描边效果进行更深入的操作，可以将描边效果转换为完整的矢量图形。选中应用了描边的矢量图形后，右键菜单中可以选择“Outline Stroke（勾勒轮廓）”选项，这样就可以沿描边的轮廓创建一个真实的矢量图形。