控制與快速鍵

掌握鍵盤快速鍵與強大的畫布導覽工具。

Stitch 為速度而設計。你對鍵盤快速鍵和畫布工具越熟悉,從概念到精緻設計的路徑就越快。

快速查看快速鍵

隨時按 ? 調出完整的鍵盤快速鍵清單。這個彈窗按類別展示所有可用快速鍵,並正確顯示各平台的修飾鍵(Mac 上是 ⌘,Windows/Linux 上是 Ctrl)。

專業技巧: 快速鍵彈窗就是你的參考手冊。工作流程中途忘了某個快速鍵,敲一下 ? 就能快速查到,不打斷心流。

核心鍵盤快速鍵

這些是你最常使用的快速鍵。它們的設計初衷是讓你的手不離開鍵盤,注意力留在畫布上。

編輯操作

  • 復原:⌘Z / Ctrl+Z
  • 重做:⌘⇧Z / Ctrl+Shift+Z
  • 複製:⌘C / Ctrl+C
  • 貼上:⌘V / Ctrl+V
  • 建立副本:⌘D / Ctrl+D — 快速複製選中的畫面
  • 刪除:Backspace 或 Delete
  • 全選:⌘A / Ctrl+A

畫布工具

這些快速鍵用於切換畫布的不同互動模式:

  • 選擇工具:V — 選擇和移動畫面的預設工具
  • 平移工具:H — 拖曳以在畫布上導覽
  • 縮放工具(按住):Z — 點擊放大,Alt+點擊縮小,或拖曳框選區域縮放

檢視控制

  • 放大:+ 或 = 或 ⌘= / Ctrl+=
  • 縮小:- 或 ⌘- / Ctrl+-
  • 符合檢視:0 或 ⌘1 / Ctrl+1 — 縮放到適合全部內容

專案操作

  • 儲存:⌘S / Ctrl+S
  • 下載選中的畫面:⇧D / Shift+D

命令面板(⌘K)

按 ⌘K(Mac)或 Ctrl+K(Windows/Linux)開啟命令面板。這是你在 Stitch 中搜尋所有可用操作的統一入口。

命令面板展示目前所有可用的命令,並按情境過濾:

  • 可用命令根據你目前的選擇優先展示
  • 輸入文字即可即時過濾清單
  • 用方向鍵導覽,Enter 執行
  • 命令右側會顯示對應的鍵盤快速鍵

為什麼要用命令面板?

  • 發現你原本不知道存在的功能
  • 不用碰滑鼠就能執行操作
  • 了解目前情境下有哪些可能性

專業技巧: 如果你大致知道想做什麼,但記不住選單的確切位置,⌘K 是最快的查找方式。輸入幾個字母,你需要的命令就會出現。

畫布導覽

Stitch 專案會迅速變大,幾十個畫面散佈在畫布上。這些快速鍵幫你高效移動。

畫面導覽

  • 下一個畫面:⌘→ / Ctrl+→ — 按閱讀順序跳到下一個畫面
  • 上一個畫面:⌘← / Ctrl+← — 跳到上一個畫面

用這些快速鍵在畫面間導覽時,Stitch 會自動:

  1. 選中目標畫面
  2. 縮放到該畫面可見
  3. 置中顯示,獲得最佳可見性

閱讀順序: 畫面按從左到右、從上到下的順序排列——就像你閱讀一頁紙一樣。這讓複雜專案中的導覽也變得可預測。

在畫布上迷路了?

如果你迷失了方向,按 ⌘← / Ctrl+← 吸附到最近的畫面。按 0 或 ⌘1 / Ctrl+1 縮小檢視整個專案。

底部工具列:選擇、平移、縮放

底部工具列展示三個畫布工具。每個工具改變你與畫布的互動方式。

工具模式

選擇模式(V)

  • 點擊選擇畫面
  • 拖曳移動畫面
  • 在空白畫布上點擊拖曳可建立選擇框
  • 這是預設模式——你大部分時間都會待在這裡

平移模式(H)

  • 在任意位置點擊拖曳即可移動畫布
  • 適合瀏覽大型專案
  • 沒有誤選或誤移畫面的風險

縮放模式(Z)

  • 點擊放大(以點擊位置為中心)
  • Alt+點擊縮小
  • 點擊拖曳畫一個矩形——Stitch 會精確縮放到該區域
  • 按 Escape 取消進行中的縮放框選

快捷操作:按住即啟動

快速操作時不需要永久切換工具。Stitch 支援臨時模式切換,讓工作流程更快:

按住空格快速平移

  • 在任何模式下,按住 空格 臨時切換到平移
  • 拖曳重新定位畫布
  • 放開 空格 回到之前的工具

按住 Z 快速縮放

  • 按住 Z 臨時切換到縮放模式
  • 執行縮放動作(點擊、Alt+點擊或拖曳)
  • 放開 Z 回到之前的工具

點按與按住

  • 點按某個鍵(V、H 或 Z)永久切換到該工具
  • 按住某個鍵(空格 或 Z)臨時啟動——放開即返回

為什麼這很重要: 你可以在主工作流程中保持選擇模式,按住空格快速調整畫布位置,放開後繼續選擇和編輯。不用多點幾下,也不會有模式混亂。

視覺回饋

目前啟動的工具始終會在底部工具列反白顯示,即使處於臨時模式切換中也是如此。游標也會隨目前模式變化:

  • 箭頭表示選擇
  • 手形表示平移(閒置時張開,拖曳時握拳)
  • 放大鏡表示縮放(按住 Alt 時顯示 + 放大、- 縮小)

融會貫通

下面是一個結合了這些操作的典型工作流程:

  1. 按 ⌘K 開啟命令面板,產生一個新畫面
  2. 按 ⌘→ 導覽到新畫面(自動縮放並選中)
  3. 用 V 進入選擇模式並點擊畫面
  4. 按住 空格 平移,把畫面擺到完美位置
  5. 點按 Z,在某個具體元件周圍拖出矩形放大
  6. 按 ⌘D 建立畫面副本
  7. 中途忘了任何快速鍵,按 ?

目標是讓你保持快速、保持心流,更快到達出色的設計。

進階技巧:組合快速鍵

許多快速鍵可以搭配使用:

  • 選中多個畫面,然後按 ⇧D 一次性全部下載
  • 在縮放模式下按住 空格 臨時平移,無需切換工具
  • 用 ⌘A 全選畫面,再用 ⌘D 複製整個專案版面

速度來自肌肉記憶。這些快速鍵用得越多,你就越不需要想它們——而能把更多心思放在設計上。

原文: https://stitch.withgoogle.com/docs/learn/controls/

本頁翻譯自 Google Stitch 官方文件,原文版權歸 Google LLC 所有。本站為獨立第三方翻譯,與 Google 無關聯。