Graphics for Mac(曾用名 iDraw)是一款功能强大、界面直观的矢量图形设计软件,专为 macOS 平台打造。它完美融合了矢量绘制的精准性与位图处理的灵活性,是 UI/UX 设计、图标制作、技术图表绘制及创意插画的理想工具。本文将深入解析其核心界面、完整工作流程及高效使用技巧。
一、 核心界面与工作区详解
启动 Graphics 后,您将看到一个布局清晰、模块化的界面,主要分为以下几个区域:
- 顶部菜单栏与工具栏: 包含文件、编辑、视图等标准菜单,以及下方可自定义的工具栏,提供选择、形状、钢笔、文字、切片等最常用工具的快捷访问。
- 左侧检查器面板: 这是功能控制的核心。其内容根据当前选中的对象或工具动态变化,包含:
- 样式检查器: 控制填充、边框(描边)、阴影、不透明度等外观属性。
- 排列检查器: 管理对象的对齐、分布、图层顺序(上移一层、下移一层等)以及组合/解组。
- 属性检查器: 显示并允许精确调整所选对象的几何属性,如坐标(X, Y)、尺寸(宽,高)、旋转角度等。
- 右侧图层列表: 以树状结构清晰展示画布上所有对象(形状、路径、文字、组等)的层级关系。您可以在此重命名图层、显示/隐藏图层、锁定/解锁图层,以及通过拖拽调整叠加顺序。
- 中央画布区域: 主要的创作区域。支持多页面/画板管理,可通过画布左上角的页面标签进行切换。背景网格和标尺(可通过
视图菜单开启)有助于精确定位。 - 底部状态栏: 显示当前缩放比例、光标坐标等信息,并提供了快速缩放和画布渲染模式(矢量/像素预览)的切换按钮。
二、 从创建到导出的完整操作流程
步骤 1:创建或打开项目
方法: 启动软件后,您会看到“欢迎”窗口。要创建新文件,请点击“新建文稿”,或使用快捷键 Command + N。您可以从多种预设尺寸(如A4、网页、iOS设备尺寸)中选择,或创建自定义尺寸的画布。要打开现有文件,点击“打开现有文稿”,或使用 Command + O 从 Finder 中选择 .graphics 或支持的文件(如 SVG、PDF)。
步骤 2:绘制与编辑基础图形
方法: 从工具栏选择“矩形工具”(或按 R 键),在画布上拖拽即可创建矩形。按住 Shift 键可绘制正方形,按住 Option 键可从中心绘制。
选中该形状后,右侧的“样式检查器”随即激活。您可以:
- 点击“填充”色块,选择纯色、线性/径向渐变或图案进行填充。
- 点击“边框”开关,并设置边框的颜色、粗细(宽度)、虚线样式等。
- 在“属性检查器”中,直接输入数值以精确调整宽度和高度。
其他基本形状(椭圆 E、多边形、星形等)操作类似。使用“选择工具”(V)可以移动和变换任何对象。
步骤 3:使用钢笔与贝塞尔曲线绘制自定义路径
方法: 选择“钢笔工具”(P)。在画布上单击创建角点,单击并拖拽创建平滑的贝塞尔曲线点。要闭合路径,请将光标移至起点,当出现小圆圈图标时单击。要编辑现有路径,使用“节点编辑工具”(A)选中路径,可以:
- 拖动节点或控制柄以调整曲线。
- 在检查器中转换节点类型(平滑点、角点)。
- 使用工具栏的“添加节点”或“删除节点”工具对路径进行细化编辑。
步骤 4:添加与格式化文字
方法: 选择“文字工具”(T),在画布上单击创建点文本,或拖拽一个文本框创建区域文本。输入文字后,可以在“样式检查器”的“文字”标签下设置字体、字号、字距、行距、颜色及对齐方式。文字对象同样可以应用填充、边框和阴影效果。
步骤 5:排列、对齐与组合对象
方法: 按住 Shift 键并用“选择工具”点击多个对象,或拖拽选框进行多选。然后,在“排列检查器”中,使用对齐按钮(左对齐、水平居中、右对齐等)和分布按钮来精确定位对象。使用 Command + G 将选中对象编组,便于整体移动和操作;使用 Command + Shift + G 解组。通过右键菜单或“排列”菜单,可以调整对象的上下顺序(置于顶层 Command + Shift + ],上移一层 Command + ])。
步骤 6:导出最终作品
方法: 完成设计后,前往菜单栏 文件 > 导出...(或使用 Command + E)。在导出面板中:
- 在左侧选择要导出的页面或画板(如果文档包含多个)。
- 在右侧“格式”下拉菜单中选择导出格式,如 PNG、JPG、PDF、SVG。
- 对于 PNG/JPG,可以设置缩放倍数(1x, 2x, 3x)和分辨率。
- 点击“导出…”按钮,选择保存位置并确认。
您也可以使用“切片工具”在画布上划定特定区域,为其单独设置导出格式和参数,实现批量、多格式导出。
三、 常用功能进阶技巧
- 布尔运算: 选中两个重叠的路径,在工具栏或“排列”菜单中使用“联集”、“减去”、“交集”、“排除”来创建复杂形状。
- 符号(Symbol): 将常用元素(如按钮、图标)创建为符号(
编辑 > 创建符号)。修改主符号,所有实例会自动更新,极大提升 UI 设计效率。 - 智能参考线与对齐: 确保“视图”菜单中的“智能参考线”已开启。移动对象时,会自动显示与其他对象的间距、对齐提示,实现像素级精准布局。
- 图层样式复用: 为一个对象设置好填充、边框、阴影后,可以在“样式检查器”顶部点击“创建新样式”保存。之后,只需从样式库中点击,即可快速应用到其他对象。
- 像素预览模式: 在绘制图标等需要关注像素对齐的作品时,开启“视图 > 像素预览”(
Command + P)并放大查看,确保边缘清晰无模糊。
四、 常见问题与解决方案
| 问题现象 | 可能原因 | 解决方案 |
|---|---|---|
| 无法选中或移动画布上的某个对象 | 该对象所在图层被锁定或隐藏。 | 检查右侧图层列表,找到对应图层,点击解锁图标或显示眼睛图标。 |
| 钢笔工具绘制时,曲线控制不流畅 | 不熟悉贝塞尔曲线控制柄的调节方式。 | 绘制时,在放置下一个点之前,先按住 Command 键临时切换为“节点编辑工具”调整上一个点的控制柄。多使用 Option 键单击节点以转换点类型。 |
| 导出的 PNG 图片背景不透明 | 画布本身有背景色,或导出设置未选择透明背景。 | 确保画布背景在创建时设置为“透明”。导出 PNG 时,在导出设置中确认“背景”选项为“透明”。 |
| 文字显示为乱码或字体丢失 | 使用了对方系统未安装的字体。 | 对于需要共享或印刷的文件,在导出为 PDF 时,可在高级选项中嵌入字体。或将重要文字“转换为轮廓”(文字 > 转换为轮廓,快捷键 Command + Shift + O),但转换后不可再编辑文本内容。 |
| 操作卡顿,软件响应慢 | 文档过于复杂(如过多高分辨率位图、复杂路径效果),或软件版本与系统不兼容。 | 尝试将复杂位图链接而非嵌入(在导入时选择)。关闭不必要的文档。确保 Graphics 软件为最新版本,并与您的 macOS 系统兼容。 |
五、 快捷键汇总表(Mac版)
| 功能分类 | 操作 | 快捷键 |
|---|---|---|
| 文件操作 | 新建文稿 | Command + N |
| 打开文稿 | Command + O | |
| 保存文稿 | Command + S | |
| 另存为 | Command + Shift + S | |
| 导出 | Command + E | |
| 编辑与变换 | 撤销 | Command + Z |
| 重做 | Command + Shift + Z | |
| 剪切 | Command + X | |
| 复制 | Command + C | |
| 粘贴 | Command + V | |
| 全选 | Command + A | |
| 工具切换 | 选择工具 | V |
| 节点编辑工具 | A | |
| 矩形工具 | R | |
| 椭圆工具 | E | |
| 钢笔工具 | P | |
| 文字工具 | T | |
| 对象排列 | 编组 | Command + G |
| 解组 | Command + Shift + G | |
| 置于顶层 | Command + Shift + ] | |
| 上移一层 | Command + ] | |
| 下移一层 | Command + [ | |
| 置于底层 | Command + Shift + [ | |
| 视图控制 | 放大 | Command + + |
| 缩小 | Command + – | |
| 实际大小 | Command + 0 | |
| 像素预览 | Command + P | |
| 文字处理 | 转换为轮廓 | Command + Shift + O |
提示: 您可以在 Graphics > 偏好设置 > 快捷键 中查看和自定义所有快捷键,以符合您的操作习惯。








