控制与快捷键

掌握键盘快捷键与强大的画布导航工具。

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 中搜索所有可用操作的统一入口。

命令面板展示当前所有可用的命令,并按上下文过滤:

  • 可用命令根据你当前的选择优先展示
  • 输入文字即可即时过滤列表
  • 用方向键导航,回车执行
  • 命令右侧会显示对应的键盘快捷键

为什么要用命令面板?

  • 发现你原本不知道存在的功能
  • 不用碰鼠标就能执行操作
  • 了解当前上下文下有哪些可能性

专业技巧: 如果你大致知道想做什么,但记不住菜单的确切位置,⌘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 无关联。