OmniGraffle for Mac 全方位教程

第一部分：初识 OmniGraffle

OmniGraffle 是一款由 Omni Group 开发的专业图表绘制软件，常被誉为“Mac 上的 Visio”，它不仅仅是一个简单的画图工具，更是一个强大的图形设计和流程图制作平台。

主要用途：

• 流程图: 业务流程、软件架构、工作流。
• 线框图/原型图: App 和网站界面设计。
• 思维导图: 头脑风暴、项目规划。
• 网络图: 拓扑结构、系统架构。
• 工程图: 电路图、简单平面图。
• 图形设计: 制作信息图、海报、演示文稿素材。

核心优势：

• 直观易用: 界面清晰，拖放操作，上手快。
• 矢量图形: 无限缩放不失真，适合打印和高分辨率显示。
• 强大的连接线: 自动、智能的连接线是其灵魂功能。
• 样式系统: 统一管理颜色、字体、线条等，保持设计一致性。
• 数据可视化: 可与外部数据源（如 CSV）关联，动态生成图表。
• 强大的社区与模板: 丰富的第三方模板和资源。

第二部分：界面核心元素

首次打开 OmniGraffle，你会看到以下主要区域：

1. 工具栏:

   
   （图片来源网络，侵删）
   • 位于顶部,包含新建、打开、保存、撤销、重做等基本操作。
   • 可以显示或隐藏。

2. 工具面板:

   • 位于左侧,是你绘图的主要工具箱。
   • 核心工具:
     • 选择工具: 用于选择、移动、调整大小对象。
     • 线条工具: 绘制直线、曲线、箭头。
     • 形状工具: 绘制矩形、圆形、多边形等。
     • 文本工具: 添加文本框。
     • 画笔工具: 自由绘制路径。
     • 橡皮擦工具: 删除部分路径或整个对象。
     • 格式刷: 复制一个对象的样式（颜色、边框、阴影等）并应用到另一个对象。

3. 画布:

   • 中间最大的区域,你的所有图形都在这里绘制。
   • 可以通过滚动条和缩放滑块来移动和查看画布。

4. 检查器:

   • 位于右侧,是 OmniGraffle 的“控制中心”。
   • 它是一个面板组,包含多个标签页，用于精确调整画布、对象、样式等属性。
   • 常用检查器标签页:
     • 样式: 设置填充色、边框颜色、线条粗细、阴影、圆角等。
     • 排列: 设置对象在画布中的位置（X, Y 坐标）、大小（宽高）、旋转角度。
     • 文本: 设置字体、字号、颜色、对齐方式、行距等。
     • 连接线: 这是最重要的标签页之一！ 设置连接线的样式（直线、曲线）、箭头、起点/终点附着点等。
     • 画布: 设置整个画布的尺寸、背景、网格、对齐辅助线等。

第三部分：基础操作教程

创建你的第一个流程图

目标： 绘制一个简单的“审批流程图”。

1. 新建画布: 打开 OmniGraffle，选择“新建”。
2. 添加形状: 从左侧工具栏选择 矩形工具，在画布上拖动，绘制一个矩形，这代表“开始”。
3. 复制形状: 选中这个矩形，按 Cmd + C 复制，再按 Cmd + V 粘贴，移动到合适位置，代表“提交申请”。
4. 连接形状:
   • 从左侧工具栏选择 线条工具。
   • 将鼠标光标移动到第一个矩形的边缘,你会看到出现一个蓝色的附着点，点击它。
   • 拖动鼠标到第二个矩形的边缘,再次点击附着点，一条带箭头的连接线就自动生成了！
5. 添加文本:
   • 从左侧工具栏选择 文本工具。
   • 点击第一个矩形内部,输入“开始”。
   • 点击第二个矩形,输入“提交申请”。
   • 你也可以双击形状直接输入文本。
6. 调整样式:
   • 选中“开始”矩形，打开右侧的 检查器，切换到 样式 标签页。
   • 将填充色设置为绿色,边框设置为无。
   • 选中“提交申请”矩形，将其填充色设置为黄色。
7. 添加决策点:
   • 使用 形状工具，按住 Shift 键拖动，绘制一个菱形，代表“审批”。
   • 用线条工具将其与“提交申请”连接。
8. 保存: 按 Cmd + S 保存你的工作。

使用画布和网格

• 缩放: 使用画布右下角的缩放滑块，或按住 Cmd 滚动鼠标滚轮。
• 平移: 按住空格键，鼠标光标会变成“小手”，拖动即可平移画布。
• 网格: 在 检查器 -> 画布 标签页中，勾选“显示网格”和“对齐到网格”，这能帮你精确地排列和对齐对象。

第四部分：进阶技巧与核心功能

样式与样式库

这是实现高效、统一设计的关键。

• 创建样式:
  1. 绘制一个你喜欢的样式（比如一个蓝色的圆角矩形）。
  2. 选中它,在 检查器 -> 样式 标签页的顶部，点击 “+” 号，选择“基于所选对象新建样式”。
  3. 给这个样式命名,如“主按钮”。
• 应用样式:
  1. 选中其他任何对象。
  2. 在 检查器 -> 样式 标签页中，点击“主按钮”样式，对象瞬间就变成了相同的样式。
• 编辑样式: 双击样式库中的样式，所有应用了该样式的对象都会自动更新！这极大地保证了设计的一致性。

连接线的精髓

连接线是 OmniGraffle 的灵魂。

• 附着点: 当你移动连接线两端的对象时，线会自动跟随，这是因为它附着在对象的边缘上，你可以手动拖动连接线端点的小圆点来改变附着位置。
• 控制点: 对于曲线连接线，中间会有一个黄色的控制点，拖动它可以改变曲线的弧度。
• 在 检查器 -> 连接线 标签页，可以为连接线添加文字标签，如“是”、“否”、“审批通过”等。

使用图层

当画布变得复杂时,图层管理至关重要。

• 打开图层列表: 在菜单栏选择 视图 > 显示图层。
• 创建图层: 点击图层列表下方的 号，新建“背景”、“内容”、“文字”等图层。
• 移动对象: 选中对象，在图层列表中拖动它到不同的图层。
• 锁定/隐藏图层: 点击图层前的眼睛图标可以隐藏/显示，点击锁形图标可以锁定（防止误操作）。

使用辅助线

辅助线是精确对齐的利器。

• 创建辅助线: 从标尺栏（左侧和顶部）拖出一条线到画布上。
• 吸附: 默认情况下，对象边缘和中心点会自动吸附到辅助线上，当出现一条紫色虚线时，表示已精确对齐。
• 删除辅助线: 直接将辅助线拖回标尺栏即可。

使用 Stencils (模具)

模具是一组预先设计好的、可以重复使用的图形集合。

• 打开模具库: 在菜单栏选择 视图 > 显示模具库。
• 使用模具: 从模具库中拖动图形到画布上，这些图形通常都带有预定义的样式和连接点。
• 创建自定义模具: 将你设计好的图形（比如一个公司Logo或一个标准组件）直接拖到模具库窗口，即可创建自己的模具。

第五部分：实用场景与高级应用

制作线框图/原型图

• 使用模具: 从“线框图”或“iOS/OSX UI”模具库中拖出标准组件（按钮、文本框、列表、导航栏等）。
• 使用自动布局: 对于列表或表格，可以先画一个，然后使用 排列 > 制作副本 功能快速生成多个，并利用对齐工具进行排列。
• 使用链接: 选中一个按钮（登录”按钮），在 检查器 -> 链接 标签页中，输入另一个画布的名称（如“登录页面”），导出为 HTML 或 PDF 时，这些链接就是可点击的。

数据可视化

• 原理: 将 CSV（逗号分隔值）文件中的数据与画布上的图形关联起来。
• 步骤:
  1. 准备一个 CSV 文件，第一行是列标题（如 "Name", "Value"）。
  2. 在 OmniGraffle 中，创建一个代表数据的图形（如一个矩形）。
  3. 打开 检查器 -> 数据 标签页，点击“从文件导入...”，选择你的 CSV 文件。
  4. 设置好映射关系（矩形的宽度对应 "Value" 列）。
  5. 在菜单栏选择 画布 > 更新数据，OmniGraffle 会根据数据自动生成所有图形。

导出与分享

• 导出为图片: Cmd + Shift + E，可以选择 PNG, JPG, TIFF 等格式，并设置分辨率。
• 导出为 PDF: Cmd + E，非常适合打印和分享矢量图。
• 导出为网页: 文件 > 导出 > 为网页...，可以将你的图表（尤其是带链接的线框图）导出为可交互的 HTML 页面。

第六部分：学习资源与快捷键

必备快捷键

推荐学习资源

1. 官方资源:
   • OmniGraffle 用户手册: 内置在软件的“帮助”菜单中，最权威、最全面。
   • 官方教程视频: Omni Group 官网和 YouTube 频道有高质量的入门和进阶视频。
2. 社区与模板:
   • Graffletopia: 一个老牌的、非常知名的 OmniGraffle 模板和资源分享网站。
   • Omni 论坛: 官方论坛，可以提问和交流。
3. 第三方教程:
   • 在 YouTube、Bilibili 等视频平台搜索 "OmniGraffle 教程"，有大量中文和英文视频。
   • Medium、知乎等平台也有相关的图文教程。

OmniGraffle 是一款功能强大且灵活的软件，掌握它的关键在于：

• 勤加练习: 从简单的图表开始，尝试使用不同的工具和功能。
• 善用检查器: 右侧的检查器是你控制一切的“魔法棒”，花时间熟悉它。
• 拥抱自动化: 学习使用样式、模具和数据链接，能让你事半功倍。

希望这份教程能帮助你快速上手并精通 OmniGraffle！祝你绘图愉快！