Vectra
向量繪圖、路徑、文字、布林運算與 Pathfinder，外加十一個設計工作區，涵蓋品牌、標誌、圖示、圖樣、包裝、資訊圖表與 UX。
一句話說明#
銳利、可無限縮放的形狀與文字：專門用來做標誌、圖示、UI 模擬稿，以及任何在每種尺寸下都必須保持清晰的東西。
版面配置#
| 選單列 | File · Edit · Object · Type · Select · View · Plugins |
| 文件分頁 | 一個分頁對應一組畫板 |
| 工具列 | 復原／取消復原、複製、SVG 程式碼檢視、布林運算、鎖定、填色與筆畫色票（含筆畫寬度）、對齊／分佈按鈕 |
| 參考線列 | 附間距的格線 · 貼齊 · 尺規 · 標誌格線 · 安全範圍 · 智慧參考線 |
| 左側工具列 | 選取、直接選取、文字、線段、矩形、筆型、造形、旋轉、剪刀、筆刷、新增錨點、畫板、手形 |
| 右側 | Properties · Layers · Text · Illust |
| 狀態列 | 畫板、尺寸、物件數量、選取數量、歷史紀錄位置、目前工具、縮放 |
你在這裡做什麼#
繪製#
筆型工具放置錨點與控制桿；直接選取則用來事後編輯它們。造形、線段和文字各自都是獨立的工具。工具列上的提示值得讀一次：Shift 限制比例，Alt 從中心點繪製，方向鍵微調。
精確定位#
Transform（變形）區塊接受精確的數字（X、Y、寬度、高度、旋轉角度），旁邊還有 Flip H、Flip V，以及重設為 0° 的按鈕。工具列上的對齊與分佈按鈕作用在選取範圍上，而 Smart（智慧）參考線會貼齊其他物件，而不是格線。
填色與筆畫#
兩者可以各自獨立開關：一個造形可以只有填色沒有筆畫，只有筆畫沒有填色，或者兩者都沒有。顏色可以用十六進位色碼編輯。Appearance（外觀）底下有：不透明度、混合模式和可見性。
合併造形#
Pathfinder（路徑管理員），以及工具列上的布林運算：聯集、減去、交集、排除。一個布林群組保持可編輯，需要拿回個別的物件時，指令面板裡有 Release boolean group（解除布林群組）。
文字#
Text 分頁承載排版相關的控制項；Type 選單則承載各種操作：把文字轉成外框等等。
效果#
Effects（效果）區塊以非破壞性的方式套用，所以底下的幾何形狀，仍然是你當初畫的那個幾何形狀。
檢視 SVG#
工具列上的程式碼按鈕，會把文件顯示成 SVG。這在檢查實際會匯出什麼內容時很有用，也方便從別處貼入一段路徑。
右側面板：四個分頁，接著是十一個工作區#
主要分頁，也就是你會一直用到的那四個：
| Properties | 變形、填色、筆畫、外觀、效果、對齊、pathfinder |
| 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 底下。 畫面上只顯示四個分頁；另外十一個都藏在收合的手風琴選單裡。
- 一個沒有填色也沒有筆畫的造形，看不見但仍然存在。 狀態列的物件數量會洩漏這一點。
- 智慧參考線會貼齊物件，格線會貼齊格線。 如果東西怎麼放都放不到你要的位置，檢查一下開啟的是哪一個。