Vectra
矢量绘图、路径、文字、布尔运算和路径查找器，外加十一个面向品牌、标志、图标、图案、包装、信息图和 UX 的设计工作区。
一句话概括#
清晰、可无限缩放的形状与文字：面向标志、图标、UI 草图,以及任何在任意尺寸 下都必须保持锐利的东西的模块。
界面布局#
| 菜单栏 | File · Edit · Object · Type · Select · View · Plugins |
| 文档标签页 | 每个标签页一套画板 |
| 工具栏 | 撤销/重做、复制、SVG 代码视图、布尔运算、锁定、fill和stroke色板及描边宽度、对齐/分布按钮 |
| 参考线栏 | Grid 及其间距 · Snap · Rulers · 一个标志网格 · Safe area · Smart guides |
| 左侧工具栏 | 选择、直接选择、文字、直线、矩形、钢笔、形状、旋转、剪刀、画笔、添加锚点、画板、抓手 |
| 右侧 | Properties · Layers · Text · Illust |
| 状态栏 | 画板、其尺寸、对象数量、选择数量、历史位置、当前工具、缩放 |
你可以做什么#
绘制#
pen放置锚点和控制柄；direct select之后用来编辑它们。形状、直线和
文字各自都是独立工具。提示就写在工具栏上,值得读一遍：
Shift约束比例,Alt从中心开始绘制,方向键微移。
精确定位#
Transform部分接受精确的数值（X、Y、width、height、rotation）,此外还有 Flip H、Flip V,以及一个归零到 0° 的重置。工具栏上的对齐与分布按钮 作用于当前选区,Smart参考线是吸附到其他对象上,而不是吸附到网格上。
填充与描边#
两者可以独立切换：一个形状可以只有填充没有描边,只有描边没有填充,也可以 两者都没有。颜色以十六进制的形式可编辑。在Appearance下：不透明度、 混合模式和可见性。
组合形状#
工具栏上的Pathfinder和布尔运算：union、subtract、intersect、exclude。 一个布尔运算组保持可编辑,当你需要拿回原本的各个部分时,Release boolean group就在命令面板里。
文字#
Text页签容纳排版控件；Type菜单容纳各种操作：把文字转换为轮廓等等。
效果#
Effects部分以非破坏性的方式应用,所以底层的几何形状仍然是你原本画出来 的几何形状。
查看 SVG#
工具栏上的代码按钮会把文档显示为 SVG。这在检查最终实际会导出什么、以及从 别处粘贴一段路径进来时都很有用。
右侧面板：四个常驻页签，加十一个工作区#
常驻页签,你会一直用到的四个：
| Properties | 变换、填充、描边、外观、效果、对齐、路径查找器 |
| Layers | 每一个对象，可重新排序、可隐藏、可锁定 |
| Text | 排版控件 |
| Illust | 插画那一面：画笔，带一个画笔库，其中的画笔可以按类型逐一编辑 |
在它们下面,一个标为Workspaces的手风琴菜单,把十一个场景化面板收纳起来, 直到你需要它们。这是 Vectra 里不像绘图工具、更像设计助手的那一部分,也很 容易被忽略,因为它默认是折叠的：
| 工作区 | 用途 |
|---|---|
| Brand | 一套品牌识别：交付物清单（正式版、反色版和单色版标志、图标/符号、品牌指南 PDF），可以逐项启用或关闭 |
| Logo | 标志类型、样机和导出预设：一个标志必须以哪些形式交付 |
| Icon | 图标集：尺寸、外框线，以及各应用平台的预设 |
| Pattern | 重复图案：图案类型（绳纹、链纹、虚线等等）、壁纸群组和母题预设 |
| Pack | 包装：产品盒和其他刀版模板 |
| Infog | 信息图：图表类型、流程图形状（数据用平行四边形表示，数据库用圆柱体表示……）以及图表类型 |
| UX | 界面设计：设备边框和断点预设 |
| DA | 艺术指导：项目元数据、风格板，以及设计令牌导出 |
| Auto Layout | 对所选帧或组应用 Figma 风格的自动布局 |
| Components | 可复用的组件：定义一次，多处放置 |
| Export | 一个驱动各格式选项的格式选择器 |
当某个工作区页签已经处于激活状态时,手风琴会自动展开,标题栏会显示是 哪一个。如果你昨天用过的某个面板今天似乎不见了,它就在Workspaces 后面。
导出#
Vectra 提供八种导出方式,面板会说明每一种是用来做什么的,而不是让你自己猜：
| 格式 | |
|---|---|
| PNG | 带透明通道的位图，用于网页和 UI |
| JPG | 压缩位图，不带透明通道 |
| WebP | 面向现代网页，体积小，带透明通道 |
| AVIF | 压缩率最佳，兼容性广 |
| SVG | 矢量：可缩放，且仍可编辑 |
| 通用文档格式，印刷与网页皆宜 | |
| EPS | 专业印刷，兼容 Adobe |
| JSON | 以数据形式呈现的文档 |
导出什么也是一种选择：selection、artboard、all画板,或者 slices：Slice Tool把画布切成命名好的区域并一并导出,这就是一个 UI 草图能以一整套素材、而不是一张图片离开的方式。
印刷制作#
Vectra 里让它成为一个印前工具、而不只是一个绘图工具的部分。Print Production会加上印刷厂需要的各种标记：
| Crop marks | 裁切位置 |
| Registration marks | 供印刷机对齐的靶标 |
| Colour bars | CMYK 校色条 |
| Bleed（mm） | 延伸到裁切线之外的画面，这样一毫米的偏差也不会露出白边 |
| Overprint preview | 油墨叠印处实际会发生的效果 |
| Scale bar | 用于按比例打印的图纸 |
⚠️ 这里的 CMYK 是模拟出来的。 面板自己也这么说：这些数值只是一个 预览,准确的印刷色彩需要一套经过校准的色彩管理流程。把这个 CMYK 读数当 参考,而不是当校样,并且注意 CMYK 导出不带透明通道,这是色彩模型本身 的属性,不是 Vectra 的局限。
支持读写的文件#
| 原生格式 | .vectra |
| 导入 | .svg |
| 导出 | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
向其他模块发送内容#
产出 矢量作品和Vectra objects：同一幅画的两种形态。接受 矢量 作品和图片。
最后一条正是 Vectra 对一个游戏而言的意义所在。一个发送给 Engine 的界面 草图,到达时是一个 Engine 可以布局并编写脚本的结构,按钮就是真正的按钮, 而不是一张需要重新搭建的扁平图片。
与他人协作#
Vectra 按逐个操作同步：对象的新增、删除、更新和整体替换；图层及其 顺序；画板尺寸；以及当前图层。
局限与常见问题#
- 找不到的面板大概率在 Workspaces 里。 默认只显示四个页签；另外十一个 都收在这个折叠的手风琴菜单后面。
- 一个既没有填充也没有描边的形状是不可见的,但它仍然存在。 状态栏里的 对象数量会暴露这一点。
- Smart 参考线吸附到对象,网格吸附到网格。 如果某样东西怎么都放不到 你想要的位置,先检查这两者哪个是开着的。