Graphic for Mac(原名 iDraw)是一款功能强大、界面直观的矢量图形设计应用程序。它集成了精准的绘图工具、灵活的图层管理和非破坏性特效,适用于从图标设计、用户界面原型到复杂插图和印刷品制作等多种场景。本指南将详细介绍其核心界面、完整工作流程及高效操作技巧。
一、 核心界面与工作区详解
启动 Graphic 后,您将看到一个结构清晰、可高度自定义的工作区。主要区域如下:
- 菜单栏:位于屏幕顶部,包含文件、编辑、对象、排列、视图、窗口等所有高级命令。
- 工具栏:通常位于界面左侧或顶部,集中了最常用的工具,如选择工具、形状工具、钢笔工具、文字工具等。可通过“视图”菜单自定义显示的工具。
- 画布(工作区):中央的白色区域是您的设计画布,可在此创建和编辑所有图形元素。画布可无限缩放和滚动。
- 检查器面板:位于界面右侧,是 Graphic 的核心控制区。其内容会根据当前选中的对象或工具动态变化,包含:
- 属性检查器:调整对象的位置、尺寸、旋转角度和圆角半径等几何属性。
- 样式检查器:控制对象的填充(纯色、渐变、图案)、描边(颜色、宽度、虚线样式)及不透明度。
- 图层检查器:以列表形式显示画布上所有对象的层级结构,支持锁定、隐藏、重命名和分组管理。
- 页面检查器:管理多页面文档,设置画布尺寸、背景色和测量单位。
- 颜色面板:通常以浮动窗口或集成在检查器中,提供色轮、调色板、滑块等多种取色方式。
- 状态栏:位于窗口底部,显示当前缩放比例、光标位置、所选对象信息等。
二、 完整工作流程:从创建到导出
以下流程将引导您完成一个简单矢量图形的创建与输出全过程。
1. 创建新项目
操作: 启动 Graphic,在欢迎窗口点击“新建文档”,或通过菜单栏 文件 → 新建(快捷键 ⌘N)。
设置文档: 在弹出的对话框中,预设模板(如“网页”、“A4”),或自定义宽度、高度、单位(像素、毫米等)及方向。点击“创建”进入工作区。
2. 绘制基础形状
操作: 从左侧工具栏选择“矩形工具”(或按 R 键)。
绘制: 在画布上点击并拖拽以创建矩形。按住 Shift 键可绘制正方形,按住 Option 键可从中心向外绘制。
调整: 选中该矩形,在右侧“属性检查器”中精确调整 X/Y 坐标、宽高。在“样式检查器”中,点击“填充”色块选择颜色,点击“描边”设置边框粗细和颜色。
3. 使用钢笔与节点工具绘制路径
操作: 选择“钢笔工具”(P)。
绘制: 在画布上单击创建角点,点击并拖拽创建平滑的贝塞尔曲线点。闭合路径时,将光标移至起点并单击。
编辑: 切换至“节点工具”(A),点击路径上的任一节点,可显示控制手柄。拖拽节点或手柄可精细调整路径形状。在检查器中可将节点类型在“直线点”、“镜像点”、“断开点”间转换。
4. 添加与编辑文字
操作: 选择“文字工具”(T),在画布上单击创建点文本,或拖拽创建区域文本。
编辑: 输入文字后,使用检查器更改字体、大小、字距、行距、对齐方式及文字颜色(在样式检查器中设置填充)。
转换: 选中文字对象,执行 文字 → 转换为轮廓(⌘⇧O),可将文字变为可编辑的矢量路径。
5. 排列与组合对象
图层管理: 在“图层检查器”中拖拽对象名称以改变上下叠放次序。可点击眼睛图标隐藏,点击锁图标锁定。
对齐与分布: 选中多个对象(按住 Shift 键多选),使用菜单栏 排列 → 对齐 下的子命令(如左对齐、水平居中、等间距分布)。
编组: 选中多个对象,按 ⌘G 编组,便于整体移动和变换。按 ⌘⇧G 取消编组。
6. 应用特效与混合模式
操作: 选中一个对象,在“样式检查器”底部找到“特效”部分。
添加: 点击“+”号,可从下拉菜单中选择“阴影”、“内阴影”、“模糊”、“发光”等非破坏性特效。每个特效的参数(如偏移、模糊半径、颜色、不透明度)均可独立调整。
混合模式: 在“样式检查器”的“不透明度”选项旁,点击“正常”下拉菜单,可更改对象的混合模式(如叠加、正片叠底、滤色),创造复杂的颜色混合效果。
7. 保存与导出最终作品
保存项目: 定期使用 文件 → 保存(⌘S)将工作保存为 Graphic 原生格式(.graphic),以便后续编辑。
导出文件: 使用 文件 → 导出(⌘E)。在导出面板中:
- 选择导出范围:“全部页面”、“当前页面”或“所选对象”。
- 在“格式”下拉菜单中选择输出类型,如 PNG、JPEG、PDF、SVG。
- 对于位图格式(PNG/JPEG),需设置缩放倍数(如 1x, 2x)和分辨率。
- 点击“导出…”选择存储位置并完成输出。
三、 常用功能进阶技巧
- 符号功能: 将常用元素(如按钮、图标)创建为“符号”(
⌘⇧Y)。修改任一符号实例,所有实例将同步更新,极大提升UI/原型设计效率。 - 布尔运算: 选中两个重叠的路径,使用菜单栏
路径 → 合并、减去、相交、排除来创建复杂形状。这是Logo设计的核心技巧。 - 剪刀与刻刀工具: “剪刀工具”(
C)可在路径任意点将其剪断。“刻刀工具”可自由绘制一条切割线,将下方路径分割。 - 渐变与图案填充进阶: 在“样式检查器”中选择渐变填充后,在画布对象上会显示渐变控制杆。拖拽控制杆的端点可改变渐变方向和范围。拖拽中点滑块可调整颜色过渡位置。
- 画板(页面)管理: 对于多屏UI或画册设计,可在“页面检查器”中点击“+”添加多个画板(页面)。每个画板可独立设置尺寸,并支持跨画板复制粘贴。
四、 常见问题与解决方案
Q1: 如何精确对齐到像素网格?
A: 确保“视图 → 对齐到像素”已勾选。在“属性检查器”中,将对象的X/Y坐标和宽高值设置为整数。这对于需要像素级精准的网页和图标设计至关重要。
Q2: 导入的位图图像边缘模糊?
A: 首先检查图像原始分辨率是否足够。其次,选中图像,在“属性检查器”中确认其尺寸是否为整数像素值。非整数值在渲染时可能导致插值模糊。
Q3: 应用了复杂特效后软件运行变慢?
A: 过多的实时特效(尤其是模糊和多重阴影)会消耗较多GPU资源。可暂时在“图层检查器”中关闭部分图层的可见性以提升流畅度,或在最终导出前再启用所有特效。
Q4: 钢笔工具绘制时如何移动画布视图?
A: 在使用钢笔工具时,按住键盘上的空格键,光标会暂时变为“抓手工具”,此时可拖拽画布进行平移,松开空格键后自动恢复钢笔工具状态。
Q5: 如何将多个对象合并为一个复合路径?
A: 选中多个路径对象,执行 路径 → 制作复合路径(⌘8)。它们将成为一个整体对象,共享相同的填充和描边属性,此操作常用于创建带“孔洞”的图形。
五、 Graphic for Mac 快捷键汇总表
| 功能分类 | 操作描述 | Mac 快捷键 |
|---|---|---|
| 文件操作 | 新建文档 | ⌘N |
| 打开文档 | ⌘O | |
| 保存文档 | ⌘S | |
| 导出 | ⌘E | |
| 关闭窗口 | ⌘W | |
| 编辑与变换 | 撤销 | ⌘Z |
| 重做 | ⌘⇧Z | |
| 复制 | ⌘C | |
| 粘贴 | ⌘V | |
| 粘贴到当前位置 | ⌘⇧V | |
| 全选 | ⌘A | |
| 工具选择 | 选择工具 | V |
| 节点工具 | A | |
| 矩形工具 | R | |
| 椭圆工具 | E | |
| 钢笔工具 | P | |
| 文字工具 | T | |
| 剪刀工具 | C | |
| 缩放工具 | Z | |
| 对象操作 | 编组 | ⌘G |
| 取消编组 | ⌘⇧G | |
| 置于顶层 | ⌘⇧↑ | |
| 置于底层 | ⌘⇧↓ | |
| 创建符号 | ⌘⇧Y | |
| 路径操作 | 制作复合路径 | ⌘8 |
| 释放复合路径 | ⌘⇧8 | |
| 文字转为轮廓 | ⌘⇧O | |
| 合并路径(联集) | ⌘U | |
| 视图控制 | 放大 | ⌘+ |
| 缩小 | ⌘- | |
| 实际大小(100 |








