Yuri for Mac 是一款专为 macOS 系统设计的矢量图形设计与原型制作软件。它集成了界面设计、交互原型、动画制作等功能，以简洁的界面和流畅的操作体验，服务于 UI/UX 设计师、产品经理及需要快速绘制矢量图形的用户。本文将深入解析其核心界面、完整工作流程及高效使用技巧。
一、 核心界面与工作区详解
启动 Yuri 后，您将看到一个结构清晰、模块分明的现代化工作区。主要分为以下几个区域：
- 顶部菜单栏与工具栏： 包含文件、编辑、视图、对象、文本、原型等全局菜单。其下的工具栏提供了选择、画板、形状、钢笔、文本、注释等最常用工具的快捷访问。
- 左侧面板（检查器面板）： 这是动态面板，根据当前选中的对象或工具，显示其属性。主要包括：
- 设计检查器： 调整位置、尺寸、填充、边框、阴影、不透明度等样式属性。
- 原型检查器： 为选中的图层或热区添加交互链接，定义触发条件、动画效果和跳转目标。
- 组件检查器： 管理符号（Symbol）和组件状态。
- 右侧面板（图层/画板列表）： 以树状结构清晰展示当前文档中的所有画板（Artboards）及画板内的所有图层，支持嵌套分组。您可以在此快速选择、隐藏、锁定或重新排列图层顺序。
- 中央画布区域： 主要的创作区域，所有画板在此排列展示。支持无限画布，可通过触控板双指平移或使用空格键+拖拽进行画布移动，使用
Command++/-进行缩放。 - 底部状态栏： 显示当前画布缩放比例、选中对象的基本信息（如坐标、尺寸）以及快速预览原型按钮。
二、 完整工作流程：从创建到导出
1. 创建或打开项目
步骤一：启动与新建 打开Yuri后，您会看到欢迎窗口。要新建项目：
- 点击“新建文档”按钮，或通过菜单栏 “文件” > “新建”（快捷键
Command + N）。 - 在弹出的模板选择器中，可以选择预设的设备尺寸（如 iPhone 15、MacBook Pro）或自定义画板尺寸，然后点击“创建”。
步骤二：打开现有项目 通过菜单栏 “文件” > “打开”（快捷键 Command + O），或在欢迎窗口点击“打开其他文件”，选择已有的 Yuri 项目文件（通常为 .yuri 格式）。
2. 设计界面元素
步骤三：添加与编辑画板 在工具栏选择“画板工具”（快捷键 A），在右侧面板的预设列表中选择一个设备尺寸，或在画布上直接拖拽绘制自定义画板。在右侧“图层”面板中可双击画板名称进行重命名。
步骤四：绘制基础形状 在工具栏选择“矩形工具”（快捷键 R）、“椭圆工具”（O）或“直线工具”（L），在画布上拖拽绘制。绘制时按住 Shift 键可保持等比例（如正圆、正方形）。
步骤五：使用钢笔与贝塞尔曲线 选择“钢笔工具”（P）进行自定义路径绘制。点击创建角点，点击并拖拽创建带手柄的平滑点。使用“直接选择工具”（V）可后续调整路径上的点与手柄。
步骤六：添加与编辑文本 选择“文本工具”（T），在画布上点击并输入文字。在左侧“设计检查器”中，可以详细设置字体、字号、字重、颜色、对齐方式、行高等属性。
步骤七：应用样式与效果 选中任意对象，在左侧“设计检查器”中：
- 填充： 支持纯色、线性/径向渐变、图像填充。
- 边框： 设置边框颜色、粗细、虚线样式及端点形状。
- 阴影/内阴影： 添加投影，调节颜色、模糊度、偏移量和扩散值。
- 使用
Command + C / Command + V复制粘贴样式，或使用“外观”复制功能快速统一多对象样式。
3. 构建交互原型
步骤八：创建交互链接 选中需要添加交互的图层（如按钮），在左侧切换到“原型检查器”面板。点击“添加交互”，在弹出的设置中：
- 触发： 选择“点击”、“悬停”、“拖拽”等。
- 动作： 选择“导航到画板”、“显示叠加层”、“返回上一画板”等。
- 目标： 选择动作的目标画板或指定图层。
- 动画： 选择过渡动画（如溶解、滑入、推动）并设置时长与缓动曲线。
步骤九：预览原型 点击底部状态栏的“预览”按钮（快捷键 P），或通过菜单栏“原型” > “预览原型”，即可在独立窗口中以交互模式体验原型流程。按 ESC 键退出预览。
4. 导出最终成果
步骤十：导出设计稿或原型
- 导出图像： 选中一个或多个画板/图层，通过菜单栏“文件” > “导出”（快捷键
Command + E）。在弹出面板中选择导出格式（PNG, JPG, SVG, PDF）、分辨率倍数，并指定导出路径。 - 分享原型链接： 通过菜单栏“分享” > “发布原型”，Yuri 会生成一个在线可访问的链接，您可以将此链接发送给他人进行远程预览与评论。
三、 常用功能进阶技巧
- 高效对齐与分布： 选中多个对象后，顶部工具栏会出现对齐与分布按钮（左对齐、水平居中、等间距分布等），或使用快捷键
Control + Command + A调出对齐面板进行精确控制。 - 布尔运算： 选中两个以上重叠的矢量形状，在顶部工具栏或右键菜单中可以使用“联集”、“减去顶层”、“交集”、“差集”来创建复杂图形。
- 创建与使用符号（组件）： 选中一个图层或组，右键选择“创建符号”（快捷键
Command + Shift + Y）。此后，在“组件”面板中拖拽该符号到画布即可创建实例。修改主符号，所有实例将同步更新。 - 快速复制与阵列： 选中对象后，按住
Option键拖拽，可快速复制。使用Command + D可以重复上一次的变换操作（包括移动复制），常用于创建等间距的阵列。 - 蒙版功能： 将形状置于图片或其它对象上方，同时选中两者，右键选择“用作蒙版”或使用快捷键
Control + Command + M，上方的形状将作为下方内容的显示区域。
四、 常见问题与解决方案
Q1: 画布移动或缩放不流畅？
A: 确保在系统偏好设置中启用了Yuri的“辅助功能”权限，以便其更好地利用GPU加速。同时，检查画板中是否存在极高分辨率的位图，可尝试将其压缩。
Q2: 字体在另一台电脑上显示不一致？
A: 在导出PDF或分享文件前，建议将重要文本图层“转换为轮廓”（右键文本 > “转换为轮廓”）。这会将文字变成矢量路径，彻底解决字体缺失问题，但转换后不可再编辑文本内容。
Q3: 原型链接中的动画效果与本地预览有差异？
A: 首先确保已成功发布最新版本（“分享” > “发布原型”）。部分复杂的自定义缓动曲线在网页端可能被简化为近似效果，建议使用内置的标准缓动曲线（如 Ease In Out）以获得最佳兼容性。
Q4: 软件运行突然变慢或卡顿？
A: 尝试以下操作：1) 合并或简化复杂的路径节点。2) 使用“图层” > “合并所选图层”来减少图层数量。3) 定期保存并重启 Yuri 以释放内存。
五、 快捷键汇总表
| 功能分类 | 操作描述 | Mac 快捷键 |
|---|---|---|
| 文件操作 | 新建文档 | Command + N |
| 打开文档 | Command + O |
|
| 保存 | Command + S |
|
| 导出选中项 | Command + E |
|
| 编辑操作 | 撤销 | Command + Z |
| 重做 | Command + Shift + Z |
|
| 复制 | Command + C |
|
| 粘贴 | Command + V |
|
| 原位粘贴 | Command + Shift + V |
|
| 视图操作 | 放大画布 | Command + + |
| 缩小画布 | Command + - |
|
| 适应屏幕 | Command + 0 |
|
| 显示/隐藏标尺 | Command + R |
|
| 工具切换 | 选择工具 | V |
| 画板工具 | A |
|
| 矩形工具 | R |
|
| 椭圆工具 | O |
|
| 钢笔工具 | P |
|
| 文本工具 | T |
|
| 抓手工具（临时） | 按住 空格键 |
|
| 对象操作 | 编组 | Command + G |
| 取消编组 | Command + Shift + G |
|
| 锁定选中对象 | Command + Shift + L |
|
| 隐藏选中对象 | Command + Shift + H |
|
| 创建符号 | Command + Shift + Y |
|
| 重复上一次变换 | Command + D |
|
| 原型与预览 | 进入/退出原型预览 |
