Artboard 2 for Mac 全方位操作指南

Artboard 2 是一款专为 macOS 设计的轻量级矢量图形绘制与原型设计软件。它以其直观的界面、流畅的矢量编辑能力和便捷的交互原型功能,成为 UI/UX 设计师、插画师及演示文稿制作者的得力工具。本文将深入解析其核心界面、完整工作流程及高效使用技巧。

一、 核心界面与工作区详解

启动 Artboard 2 后,您将看到一个结构清晰、模块化的用户界面,主要分为以下几个区域:

  1. 顶部菜单栏与工具栏:包含文件、编辑、视图、对象、排列等标准菜单。下方可自定义的工具栏提供了选择、形状、文字、画笔、切片、链接等最常用工具的快速访问。
  2. 左侧检查器面板:这是属性控制的核心区域。其内容根据当前选中的对象动态变化,通常包含:
    • 样式检查器:控制填充、边框(描边)、阴影、不透明度等外观属性。
    • 尺寸与位置检查器:精确控制对象的坐标(X, Y)、尺寸(W, H)、旋转角度及缩放比例。
    • 文本检查器:当选中文本对象时出现,用于设置字体、字号、行距、对齐方式等。
    • 导出检查器:管理切片和资源导出设置,如格式、分辨率、后缀等。
  3. 中间画布区域:无限延伸的工作平面,您可以在此创建和编辑多个画板(Artboard)。画板是设计的容器,常用于代表不同的设备屏幕或设计状态。
  4. 右侧图层/页面面板
    • 图层列表:以树状结构显示当前画板或页面中的所有对象,支持图层分组、锁定、隐藏及调整上下顺序。
    • 页面面板:管理文档中的所有页面。每个页面可以包含独立的画板和内容,非常适合制作多屏原型或多状态设计。
  5. 底部状态栏:显示当前画布的缩放比例、选中对象的基本信息,并提供了缩放滑块和快速切换视图模式的按钮。

二、 从创建到导出的完整操作流程

步骤 1:创建或打开项目

方法:启动软件后,您会看到欢迎窗口。要创建新项目,请点击“新建文档”或通过菜单栏 文件 > 新建 (快捷键 ⌘N)。在新建文档对话框中,可以选择预设的设备尺寸(如 iPhone、MacBook)或自定义画布尺寸。

打开现有项目:点击欢迎窗口的“打开”或使用 文件 > 打开 (快捷键 ⌘O),选择您的 .artboard 文件。

步骤 2:添加与编辑设计元素

  1. 创建画板:在工具栏点击“画板”工具 (快捷键 A),然后在画布上拖拽绘制,或直接从检查器面板的预设列表双击添加。
  2. 绘制形状:使用工具栏的矩形、椭圆、多边形等工具 (快捷键 R, E, Y) 点击拖拽绘制。绘制时按住 Shift 键可保持等比例(如正圆、正方形)。
  3. 编辑形状路径:双击形状对象,进入路径编辑模式。您可以拖动锚点或使用钢笔工具 (快捷键 P) 添加、删除锚点来自定义造型。
  4. 添加与编辑文本:点击工具栏的“文本”工具 (快捷键 T),在画布上单击并输入。在右侧的文本检查器中调整所有属性。
  5. 应用样式:选中任一对象,在左侧检查器的“样式”面板中,点击填充或描边色块,选择纯色、渐变或图案。调整边框粗细、虚线样式及阴影参数。

步骤 3:组织与排列对象

  • 对齐与分布:选中两个及以上对象,在菜单栏 排列 > 对齐 中选择左对齐、水平居中等,或使用 排列 > 分布 使对象间距相等。
  • 图层管理:在右侧图层列表,拖拽图层调整上下叠放次序。将图层拖到另一图层上可创建编组 (快捷键 ⌘G)。双击组名可进入隔离编辑模式。
  • 锁定与隐藏:点击图层列表中的眼睛图标隐藏对象,点击锁形图标锁定对象以防误操作。

步骤 4:创建交互原型(可选)

Artboard 2 支持简单的页面间链接,用于制作可点击原型。

  1. 选中一个对象(如按钮),在左侧检查器中切换到“链接”面板。
  2. 从“链接到”下拉菜单中,选择目标页面或画板。
  3. 设置过渡动画效果(如溶解、推移)。
  4. 进入演示模式 (快捷键 ⌘⌥P) 即可点击测试交互效果。

步骤 5:导出最终设计

  1. 设置导出切片:选中要导出的对象或画板,在左侧检查器切换到“导出”面板。点击“+”号添加一个导出预设,设置格式(PNG, JPG, PDF, SVG等)、分辨率(1x, 2x, 3x)和输出路径。
  2. 导出单个资源:右键点击画布或图层列表中的对象,选择“导出所选对象…”。
  3. 批量导出:通过菜单栏 文件 > 导出 (快捷键 ⌘⇧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 > 偏好设置 > 键盘快捷键 查看和自定义所有快捷键。

爱上MAC 一站式Mac软件下载平台
第三方登录
captcha
第三方登录