By accessing the website and accepting the Cookie Policy, you agree to use the cookies provided by the Site in accordance with to analyze traffic, remember your preferences, and optimize your experience.
矢量网络 - Vector Networks
2021-06-21 17:14:27    118    0    0
emengweb

原文地址

矢量网络是 Figma 中最独特的功能之一。大多数钢笔工具以定义的方向循环绘制路径,总是希望重新连接到它们的原始点。矢量网络没有方向,可以在不同方向分叉,而无需创建单独的路径对象。然后可以在同一个对象中创建具有相同属性的复杂对象,比使用传统矢量路径工具绘制它们的速度要快得多。

创造

您可以使用钢笔工具或任何形状工具来创建新的矢量图层。 

使用形状工具时,您可以按住修饰键以特定方式绘制它们:

  • 如果⇧ (Shift)在创建形状时按住,则会将形状的纵横比锁定为 1:1。
  • 如果⌥ (Option/Alt)在创建形状时按住,则会相对于其中心而不是其左上角创建该形状。
  • 如果Space在创建形状时按住bar,它会移动整个形状而不是单个点。

编辑

如果您选择一条路径  并按 ENTER 键 ,您将进入矢量编辑模式,在该模式下您可以选择、调整或更改单个点、线或整个形状的属性。您还可以使用工具栏中的“ 编辑对象” 按钮进入“矢量编辑”。要退出,只需  再次按ENTER或按  工具栏中的DONE。

编辑对象时,您可以与现有点及其之间的线进行交互。您还可以使用钢笔工具绘制其他点并对其进行操作。 

点之间的路径可以是直线,或者您可以使用弯曲工具将它们弯曲以激活贝塞尔曲线。

贝塞尔曲线

要访问点的贝塞尔控制柄,请进入编辑模式。如果是曲线,则手柄将已显示。如果它是没有手柄的拐角,请按住 ⌘ 并单击该点以显示手柄并创建镜像曲线。

圆角

路径上的任何中间点都可以通过检查器中的角半径属性进行舍入。如果您选择整个路径,它会将所有角都圆化到相同的程度。如果您进入编辑模式,您可以选择单个点并分别舍入它们。

开放路径上的终端点只能通过端盖圆角。

帽子

将样式添加到任何开放路径的终点。Figma 根据您选择的矢量路径类型以不同方式显示 cap 属性。

具有两个端点的矢量路径

如果选择了只有两个端点的矢量路径,Figma 将在右侧边栏中显示上限属性。您可以独立设置每个端盖。

具有两个以上端点的矢量路径

如果选择了具有两个以上端点的矢量路径,Figma 将在高级笔触菜单 ↓ 中显示帽属性。

选择整个矢量路径时,您无法独立编辑端盖。要独立编辑端盖,请在矢量编辑模式下选择单个矢量点

帽型

从中选择:

  •  None:在路径的末尾不添加上限。路径的末端是方形的,不增加路径的任何长度。
  •  线箭头:在端点的任一侧添加两条 45 度线。这使用与路径本身相同的笔画权重。您不能更改箭头线的长度。
  •  三角形箭头:在两个端点上添加一个三角形箭头。您需要进入矢量编辑模式→将箭头仅应用于路径的一端。
  •  反向三角形:三角形箭头的反向或翻转版本,箭头指向内部朝向路径。
  •  菱形箭头:实心菱形帽。
  •  圆形(默认):添加笔画粗细一半的上限,并将路径的终点四舍五入为宽度的 50%。
  •  Square:添加笔划重量一半的上限,同时将路径的终点设为平方。

查看此 Vector 网络视频教程 ,了解它们的运行情况。请务必阅读  我们的媒体页面上的 “介绍矢量网络” 

上一篇: 矢量网络介绍

下一篇: 图标设计完全指南

118 人读过
文档导航