Artboard 2 是一款专为 macOS 设计的轻量级矢量图形绘制与原型设计软件。它以其直观的界面、流畅的矢量编辑能力和便捷的交互原型功能,成为 UI/UX 设计师、插画师及演示文稿制作者的得力工具。本文将深入解析其核心界面、完整工作流程及高效使用技巧。
一、 核心界面与工作区详解
启动 Artboard 2 后,您将看到一个结构清晰、模块化的用户界面,主要分为以下几个区域:
- 顶部菜单栏与工具栏:包含文件、编辑、视图、对象、排列等标准菜单。下方可自定义的工具栏提供了选择、形状、文字、画笔、切片、链接等最常用工具的快速访问。
- 左侧检查器面板:这是属性控制的核心区域。其内容根据当前选中的对象动态变化,通常包含:
- 样式检查器:控制填充、边框(描边)、阴影、不透明度等外观属性。
- 尺寸与位置检查器:精确控制对象的坐标(X, Y)、尺寸(W, H)、旋转角度及缩放比例。
- 文本检查器:当选中文本对象时出现,用于设置字体、字号、行距、对齐方式等。
- 导出检查器:管理切片和资源导出设置,如格式、分辨率、后缀等。
- 中间画布区域:无限延伸的工作平面,您可以在此创建和编辑多个画板(Artboard)。画板是设计的容器,常用于代表不同的设备屏幕或设计状态。
- 右侧图层/页面面板:
- 图层列表:以树状结构显示当前画板或页面中的所有对象,支持图层分组、锁定、隐藏及调整上下顺序。
- 页面面板:管理文档中的所有页面。每个页面可以包含独立的画板和内容,非常适合制作多屏原型或多状态设计。
- 底部状态栏:显示当前画布的缩放比例、选中对象的基本信息,并提供了缩放滑块和快速切换视图模式的按钮。
二、 从创建到导出的完整操作流程
步骤 1:创建或打开项目
方法:启动软件后,您会看到欢迎窗口。要创建新项目,请点击“新建文档”或通过菜单栏 文件 > 新建 (快捷键 ⌘N)。在新建文档对话框中,可以选择预设的设备尺寸(如 iPhone、MacBook)或自定义画布尺寸。
打开现有项目:点击欢迎窗口的“打开”或使用 文件 > 打开 (快捷键 ⌘O),选择您的 .artboard 文件。
步骤 2:添加与编辑设计元素
- 创建画板:在工具栏点击“画板”工具 (快捷键
A),然后在画布上拖拽绘制,或直接从检查器面板的预设列表双击添加。 - 绘制形状:使用工具栏的矩形、椭圆、多边形等工具 (快捷键
R,E,Y) 点击拖拽绘制。绘制时按住Shift键可保持等比例(如正圆、正方形)。 - 编辑形状路径:双击形状对象,进入路径编辑模式。您可以拖动锚点或使用钢笔工具 (快捷键
P) 添加、删除锚点来自定义造型。 - 添加与编辑文本:点击工具栏的“文本”工具 (快捷键
T),在画布上单击并输入。在右侧的文本检查器中调整所有属性。 - 应用样式:选中任一对象,在左侧检查器的“样式”面板中,点击填充或描边色块,选择纯色、渐变或图案。调整边框粗细、虚线样式及阴影参数。
步骤 3:组织与排列对象
- 对齐与分布:选中两个及以上对象,在菜单栏
排列 > 对齐中选择左对齐、水平居中等,或使用排列 > 分布使对象间距相等。 - 图层管理:在右侧图层列表,拖拽图层调整上下叠放次序。将图层拖到另一图层上可创建编组 (快捷键
⌘G)。双击组名可进入隔离编辑模式。 - 锁定与隐藏:点击图层列表中的眼睛图标隐藏对象,点击锁形图标锁定对象以防误操作。
步骤 4:创建交互原型(可选)
Artboard 2 支持简单的页面间链接,用于制作可点击原型。
- 选中一个对象(如按钮),在左侧检查器中切换到“链接”面板。
- 从“链接到”下拉菜单中,选择目标页面或画板。
- 设置过渡动画效果(如溶解、推移)。
- 进入演示模式 (快捷键
⌘⌥P) 即可点击测试交互效果。
步骤 5:导出最终设计
- 设置导出切片:选中要导出的对象或画板,在左侧检查器切换到“导出”面板。点击“+”号添加一个导出预设,设置格式(PNG, JPG, PDF, SVG等)、分辨率(1x, 2x, 3x)和输出路径。
- 导出单个资源:右键点击画布或图层列表中的对象,选择“导出所选对象…”。
- 批量导出:通过菜单栏
文件 > 导出(快捷键⌘⇧E),在弹出窗口中勾选需要导出的所有切片和画板,选择总输出文件夹,一键生成所有文件。
三、 常用功能进阶技巧
- 布尔运算:选中两个重叠的图形,在菜单栏
排列 > 路径下选择“合并”、“减去”、“相交”或“排除”,快速创建复杂形状。 - 符号/样式复用:虽然 Artboard 2 没有严格的符号库,但您可以将一个设计好的图形(如导航栏)复制到多个画板。修改原始图形后,使用“查找并替换”功能(
编辑 > 查找 > 替换对象)可批量更新。 - 精确数值控制:除了在检查器输入数值,在画布上使用数学表达式也能快速计算。例如,选中对象后,在宽度输入框键入“200/2”,宽度会自动变为100。
- 快速复制与对齐:按住
Option (⌥)键拖拽对象可快速复制。复制后立即按⌘D可重复上一次变换(包括移动和复制),快速创建等间距阵列。
四、 常见问题与解决方案
- 问题1:工具栏或面板不见了,如何恢复默认工作区?
- 解决方案:前往菜单栏
窗口 > 工作区 > 重置为默认工作区。所有隐藏的面板(如检查器、图层)将恢复显示。 - 问题2:矢量图形在放大后边缘出现锯齿,不清晰。
- 解决方案:确保您绘制的是真正的矢量形状(如用形状工具或钢笔工具创建),而非位图图像。在导出时,选择 SVG 或 PDF 格式以保留矢量特性。如果是在画布预览中看到锯齿,检查
视图 > 显示模式是否设置为“优化”(快捷键⌘Y)。 - 问题3:无法选中画布上被下层对象覆盖的图形。
- 解决方案:可以尝试:1)在右侧图层列表中直接点击该图层进行选择。2)按住
Command (⌘)键连续单击,可以在重叠对象间循环切换选择。3)暂时隐藏上层的遮挡对象。 - 问题4:导出的 PNG 图片背景不是透明的。
- 解决方案:导出前,在检查器的“样式”面板中,确认画板或图形本身的背景填充是否为“无”(即空白斜线格子)。同时,在导出设置中,PNG 格式需勾选“透明背景”选项。
五、 快捷键汇总表
| 功能分类 | 操作描述 | Mac 快捷键 |
|---|---|---|
| 文件操作 | 新建文档 | ⌘N |
| 打开文档 | ⌘O | |
| 保存 | ⌘S | |
| 另存为 | ⌘⇧S | |
| 导出 | ⌘⇧E | |
| 编辑操作 | 撤销 | ⌘Z |
| 重做 | ⌘⇧Z | |
| 复制 | ⌘C | |
| 粘贴 | ⌘V | |
| 原位粘贴 | ⌘⇧V | |
| 全选 | ⌘A | |
| 视图控制 | 放大 | ⌘+ |
| 缩小 | ⌘- | |
| 适应屏幕 | ⌘0 | |
| 实际大小 | ⌘1 | |
| 切换显示模式(优化/像素) | ⌘Y | |
| 工具切换 | 选择工具 | V |
| 画板工具 | A | |
| 矩形工具 | R | |
| 椭圆工具 | E | |
| 文本工具 | T | |
| 对象排列 | 编组 | ⌘G |
| 取消编组 | ⌘⇧G | |
| 置于顶层 | ⌘⇧↑ | |
| 置于底层 | ⌘⇧↓ | |
| 锁定/解锁选中对象 | ⌘L | |
| 原型演示 | 进入演示模式 | ⌘⌥P |
提示:以上快捷键在 Artboard 2 的默认设置下有效。您可以通过 Artboard 2 > 偏好设置 > 键盘快捷键 查看和自定义所有快捷键。








