手冊 · 02 — 編輯器 · Editor
截圖之後,標註排版拼貼一應俱全
四區介面、12 種標註工具 × 屬性,自由組合出想要傳遞的訊息或製作 prototype。
EDITOR · 點擊各工具及區域查看功能簡介。
此工具為畫布/版面操作,無可調屬性
粗細px
線條
圓角%
起點終點
不透明%
縮放比例
請拖曳選取辨識區域
遮蔽方式:區塊:K = 全圖 拖曳 = 指定區域
請拖曳選取區域
自訂樣式
操作方式
- 點選標註物件以選取;點選空白處取消選取
- 空白處拖曳可框選多個物件
- Shift+點選可逐一加選/取消物件
- 右鍵選單可調整圖層順序(移到最前/最後/上移/下移)
- 繪製完成後自動切回選取工具
選取單一物件時
顯示該物件的所有子屬性(依物件類型而定),包含顏色、線寬、透明度、大小、陰影等屬性。
智慧對齊(磁吸)
\ 快速切換磁吸開關- 藍色線:物件邊緣/中心對齊提示線
- 紅色線:等距參考線,顯示物件間距是否相等
- Alt+拖曳:暫時跳過磁吸,自由放置物件
選取複數物件時(多選模式)
顯示對齊工具列:
齊左對齊最左邊物件的左緣
水中水平置中
齊右對齊最右邊物件的右緣
齊上對齊最上方物件的上緣
垂中垂直置中
齊下對齊最下方物件的下緣
水均水平均分間距
垂均垂直均分間距
對齊中線對齊畫布中心線
↔水平鏡射
↕垂直鏡射
操作方式
- 拖曳框選像素區域
- 框選後可將該範圍的圖片內容複製貼上,成為新的物件
屬性
顏色線寬(px)線條樣式(實線/虛線)端點樣式(無/箭頭/圓點/方形)筆畫描邊色透明度陰影
操作方式
- 拖曳繪製直線;Shift+拖曳鎖定 90° 直角
- 選取後拖曳中間控制點可轉為貝茲曲線
- 折線模式下,雙擊結束繪製
屬性
顏色線寬線條樣式(實線/虛線)起端樣式(無/箭頭/圓點)末端樣式(無/箭頭/圓點)直角折線模式水平鏡射垂直鏡射筆畫描邊色透明度陰影
操作方式
- 拖曳繪製外框
- Shift+拖曳鎖定正方形/圓形(橢圓框同樣支援)
屬性
顏色線寬圓角半徑(矩形適用,0–100%)線條樣式(實線/虛線)描邊色位移水平鏡射垂直鏡射透明度陰影
屬性
填色(純色/漸層)漸層兩端顏色漸層角度轉盤(0–360°)支援透明色圓角半徑(矩形適用,0–100%)邊框寬度邊框顏色線條樣式(實線/虛線)透明度陰影
操作方式
- 點選畫布放置文字框
- Enter 換行;Shift+Enter 確認
- 雙擊已有文字可重新編輯
屬性
顏色字型字級(8–400 px)粗體 / 斜體 / 底線 / 刪除線對齊(左/中/右)文字描邊(可輸入數值,提供快捷下拉)文字背景色+透明度陰影
屬性
尺寸(小/標準/大)顏色樣式(圓點/圓圈/實心圓/羅馬數字/中文圓括號/中文圓圈)描邊粗細描邊顏色陰影重置編號
操作方式
點選畫布放置符號;從浮動面板挑選符號類別與圖案。
符號分類
形狀字母(圓圈體/全形/粗體/粗斜體/花體)箭頭其他(標記/貨幣/數學/技術符號)
操作方式
- 拖曳框選區域,立即套用遮蔽效果
- 套用後可切換至選取工具調整範圍大小或刪除物件,以補償自動辨識遮蔽的不足
屬性
模式(馬賽克/模糊)馬賽克區塊尺寸(4 / 8 / 16 / 32 px)模糊半徑(4 / 8 / 16 / 24 px)
操作方式
- 拖曳建立來源框,旁邊自動產生放大預覽框
- 預覽框即時反映來源框內容,可建立多個互不干擾
- 支援移動、handle 縮放
操作方式
- 拖曳建立氣泡框,尾巴方向依位置自動判斷(上/下/左/右)
- 雙擊氣泡進入文字編輯模式
- 支援旋轉與縮放;縮放時文字同比例調整
屬性
字型大小字型顏色背景色邊框色圓角粗體斜體底線刪除線陰影
操作方式
- 拖曳選取區域,自動辨識範圍內的文字(支援中英文)
- 辨識結果顯示於浮動面板,提供「複製文字」按鈕
全版本Electron 使用 Vision Framework,Tauri 另支援五層偵測
操作方式
- 按 K 對全圖掃描;或拖曳指定範圍後掃描
- 自動偵測並遮蔽:身分證字號、統一編號、信用卡號、電話、Email、IPv4/IPv6、API Token 等
- 套用後可切換至選取工具微調或刪除遮蔽物件
屬性
模式(馬賽克/模糊)馬賽克區塊尺寸(8 / 16 / 24 / 32 px)模糊半徑(4 / 8 / 16 / 24 px)
操作方式
以游標為中心放大畫面,範圍 10%–400%。
縮放比例快捷選單
10%25%50%75%100%150%200%300%400%
畫布導航
- Space+拖曳:平移畫布
- 觸控板雙指縮放:以游標為中心縮放
- ⌘0:重置至適合視窗大小
操作方式
以游標為中心縮小畫面,範圍 10%–400%。
畫布導航
- Space+拖曳:平移畫布
- ⌘0:重置至適合視窗大小
畫布導航
- Space+拖曳:平移畫布
- 觸控板雙指縮放:以游標為中心縮放
操作方式
- 拖曳建立裁切框,8 個控制點可調整範圍
- 方向鍵微調 1 px;Shift+方向鍵 10 px
- 雙擊畫布或點選確認按鈕完成裁切
操作方式
- 開啟 popup 視窗,輸入目標寬度
- 高度依比例自動計算,所有標註物件同步等比縮放
- 範圍:1–8192 px
操作方式
- 開啟 popup 視窗,選擇延伸方向(九宮格方向盤)
- 輸入延伸距離(px),背景固定白色
- 視窗下方顯示延伸後的尺寸預覽
操作方式
- 點選後開啟檔案選擇器,選取圖片疊加於畫布上
- 可拖曳移動位置,8 個控制點縮放
- 作為浮動物件持續存在,拖曳匯出時自動合併至底圖
支援格式
JPGPNGWebPGIF(第一幀)SVG
操作方式
- 開啟模板面板,選擇漸層背景樣式套用
- 提供 6 款:Apple 紅/橙/黃/綠/藍/紫
- 支援撤銷還原
屬性
留白(2–30%)圓角(0–10)陰影(0–10)
社群媒體尺寸預設
LinkedIn(1200×627)Instagram 1:1(1080×1080)Instagram 4:5(1080×1350)X(1600×900)
⌘Z撤銷:回到上一步操作
⌘⇧Z重做:重做已撤銷的操作
拖曳匯出
主要功能選單左側垂直工具列。點工具切換,目前使用中的工具以藍色高亮。
子屬性調整選單頂部工具列,依所選工具動態更換,可調顏色、粗細、透明度、線條樣式等屬性。
動態匯出按鈕右下角浮動鈕,可拖曳移位(對應左右撇子),完成後拖到目標 App 即匯出。
狀態列與磁吸開關左下角:目前縮放比例、畫布尺寸,與磁吸對齊智慧導線開關。
煉金配方
VAS 把工具拆得很小。每一個只做一件事——但屬性可以疊。
- 文字 × 底色 → 螢光筆
- 文字 × 透明 + 外框 → 透明字
- 框線 × 虛線 + 粗細 → 審稿紅圈
- 線條 × 直角 + 虛線 → 流程連接
- 色塊 × 漸層 + 低不透明 → 漸隱遮罩
- 氣泡對話框 × 馬賽克 → 漫畫風迷因
你組合出來的配方,是屬於你的表達語彙。
→ 也是屬於你跟 VAS 的 Inside Language
Tauri 專屬自訂樣式 · 把配方存起來
配方不必只活在這一次截圖裡。調出完美的那一刻——把它收進你的櫃子,下次一個右鍵就喚回。
- 新增——在調好的標註上按右鍵,選「新增為自訂樣式」,一按就存好,自動命名為「樣式X」。不打斷你的當下,要叫什麼可以晚點再說。
- 套用——畫布上任何現有標註按右鍵,直接套上一個已存檔的樣式。
- 取代——反過來,把當前標註在場上調到滿意,直接覆寫某個已存檔的樣式——改樣式內容就靠這招:不另開編輯介面,調好即替換,讓配方跟著你進化。
- 編輯——在自訂樣式下拉選單選「編輯樣式」,只保留改名與刪除,整理你的櫃子。
✦ 許願新元素