原型图设计是一个艺术创作的过程，所以我们应当使用能够提高工作效率、激发创作灵感的工具，让工具为创作服务，而不是为创作去学习如何使用工具。从这一点上说，我觉得Mac下的很多软件做的非常好，OmniGraffle就是其中一个。下面就介绍一下使用OmniGraffle制作移动应用原型图的设计。
启动 OmniGraffle 后，可以选择模板，这里选择空白模板。
OmniGraffle的默认参数设置有些奇怪，所以一般需要修改一下页面的设置。选择Inspectors-&Canvas-&Size。
修改默认设置后，避免了文档随着文档中对象的拖动而自动改变页面的尺寸。另外，使用像素作为单位，也是因为我们是在为桌面或者手持设备在进行设计。我们可以打开标尺，同时从标尺中拖出两个参考线来，和Photoshop中的操作一样。
做好上面的步骤后，我们就可以开始&解放思想，激发灵感&了。我们不必担心原型不够漂亮，毕竟这是一个初步的模型，更多的是关注功能的布局。
从最关键的着陆页开始。 这是因为着陆页页面会包含整个网站的多个基本元素，包括头部导航、底部信息等。这样在做其他页面时，就能够比较方便的复制粘贴。
保持原型简洁。我们不必急于马上开始原型的设计，我们需要静下来想一想，页面到底需要什么元素，应当如何布局。原型不必像最终网站一样，如果你朝着这个方向工作，那么会吃力不讨好。原型是用来帮助我们规划页面、网站的布局和层级设置，协助我们考虑布局在可用性方面存在的问题。
原型中的字体，可以一直使用Helvetica和宋体，并且不要使用太多不同的尺寸。对于图片，使用一个灰色的占位框代替就可以了。OmniGraffle有非常智能的对齐提示，所以在进行多列布局和水平对齐时，完全不需要担心。这一点真是比原来的Photoshop方便太多了。
最小化调色板。最小化调色板中的颜色，有助于我们将注意力集中在那些重要的事情上面。文本一律使用白底黑字，一些辅助性的元素使用一点轻微的阴影。唯一需要特别处理的是链接文字，我们可以使用蓝色来表示这些文字具有其他的功能性。对于一些错误信息提示或者删除、取消操作，可以使用红色让他看起来比较明显。
制作符号。对于页面中重复存在的元素，例如Header、Footer或者Sidebar，可以将这些元素转换成符号。这样，如果需要更新时，只需要在一个地方编辑就可以了。OmniGraffle在这一点上不如Axure方便，但也不是没有办法。下面是TODD MOY的方法是使用了，具体方法如下：首先选中需要制作成符号的元素，点击Edit-&Copy As &-&PDF 也可以使用右键，然后将元素复制到需要的地方。
Stencils是OminiGraffle中的重要特性，可以帮助我们节省大量的时间。Stencils是我们可以拖动摆放的图片，多数是矢量图片。
是崔出名的分享Stencils的网站。
参考资料：
阅读(...) 评论()OmniGraffle Pro
OmniGraffle Pro一款功能强大的绘图软件，可提供给您绘制图表，如：树状结构表，流程表，页面编排等等，您还可以用OmniGraffle来规划电影或者戏剧剧本的情节走向，绘制公司的组织图
OmniGraffle Pro一款功能强大的绘图软件，可提供给您绘制图表，如：树状结构表，流程表，页面编排等等，您还可以用OmniGraffle来规划电影或者戏剧剧本的情节走向，绘制公司的组织图，并显示一个专案所需要的步骤。&&&&
12345678910OmniGraffle （三）基础绘图和模具 - 为程序员服务
OmniGraffle （三）基础绘图和模具
基础绘图中的流程图和思维导图在绘制上有一个共同点，就是希望软件在设计上能尽可能的减少对思考过程的干扰，用简单有效的方式先帮助我们完成记录，然后再进行加工和排版美化。
快速记录是首要的任务，因为很多时候想法稍纵即逝。面对电脑以及软件里那些绚丽的模板和模具时，往往我们忘记了记录时我们真正需要的是如纸笔般的朴素，美观和布局是排在后面的，这个顺序很重要。
OmniGraffle 的模板「Automatic Layout」分类中提供了针对组织结构图和思维导图的范例，基于这类模板新建文稿后，页面中已经包含了简单的图例，同时「版面」面板中「图表布局」的「自动布局」处于勾选状态，这意味着你创建的对象将依据「图表布局」中的样式自动排列。对于中心发散和树形结构的图表来说， OmniGraffle 的这种设计对绘图效率有很大的提升。不过如果你绘制的是流程图，就需要关闭「自动布局」，因为 OmniGraffle 中所包含的几种简单布局方案并不适用于流程图，这点上另一个绘图软件
更有优势。
页面的设定
基于模板新建文稿时，可能已经包含了相应的页面的设置，页面的具体设置包括页面的大小、单位以及标尺的定位原点。图表类模板还会勾选图表布局中的「自动布局」，除了组织结构图或者思维导图类型的绘图，其他的绘图不需要勾选此项。
页面大小中的「多种尺寸打印机表单」项会以整页为基准倍数来设定页面，如果此时还勾选了「自动调整版面大小」，当绘图内容超出一页时，页面大小会自动变成「2页」或者更多的页来承载。去掉「多种尺寸打印机表单」的勾选，我们能以具体的宽高来定义页面大小，例如 960px × 1024px。
页面的设定
单位的设定取决于你的绘图目的，软件原型或者网站我们会以像素为单位，办公室平面图则需要采用米或者英尺为单位，平面绘图中通常还需要设置合适的比例尺，例如：1cm = 1米。原点是页面中对象位置的基准点，一般是以页面的外框为基准的，按住标尺的左上角的原点位置拖拽可以自定义原点位置，以便于页面中对象的位置设定。原点位置改变后会以蓝色线条的方式在页面中显示。
页面对象的精确定位都是通过设定坐标值来实现的，基于页面原来的原点坐标来设定时，通常需要进行计算才能获得准确的数值。调整原点位置可以使对象之间的相对定位变的更简单，打印输出的绘图稿件中，为了和 Word 后 Pages 文稿的打印内容保持一致，也可以通过辅助线配合原点的设定留出页面空白，更好的定位页面中的对象。
构图对象的添加
绘制图表时有两种策略，一种是先关系后内容，一种是先内容后关系。这两种策略对应到 OmniGraffle 的具体实践就是使用工具栏的(B)图表工具来创建图表，还是在「目录」面板中利用 (A)大纲视图输入文本内容来创建图表，两种方式各有特色。
OmniGraffle 流程图绘制
对于已经在纸面或者其他软件中构思好的内容，通常我们会在 OmniGraffle 里利用工具栏的「图表」功能快速的把图表的架构搭起来，这类场景中需要优先考虑的是对象之间的关系、排列和顺序，「图表」工具这种每点击一次就创建一个对象的模式更快速。
双击 「d」键进入图表创建模式（按一次 「d」 键插入对象后自动回到选择模式），点击页面空白的地方添加对象，继续点击创建包含连接线的子项；按住 「?」 键创建独立的项；按住「?」创建同级的其他对象；按住「?」创建父级对象。掌握这几个特殊按键和「图表」工具之间的配合，能提高构图时的效率。处于图表模式时，随时可以按住「v」（选择）键来移动和调整对象的位置，松开后就又回到图表创建模式。
「图表」工具插入模式下，编辑区里并不适合修改文本标签的内容，如果要修改文本标签的内容可以到左侧的「目录」面板中进行修改。
「目录」面板的大纲视图修改文本标签很方便，另一方面，它也是「先内容后关系」策略的主场，可以由这里直接输入文本内容，通过「Tab」、「shift+Tab」键来缩进控制层级关系，或者直接拖拽来调整层级关系。这里的层级关系体现在编辑区的页面中就是对象之间的连线的自动添加。
「图表」快速构图时使用的默认形状和线条由工具栏中「收藏夹」中的「Current Style」决定，准备工作中你可以先分别点击「图形」和「线条」工具，然后展开「收藏夹」列表进行选择。
格式化构图对象
构图对象快速添加完成后，接下来的工作是对象的排版和位置的调整，并补齐一些对象之间的连线。
「目录」面板中的对象列表和近似对象都能很直观的选择一个到多个对象，可以批量的修改它们的参数，例如对线条、排列间距和对齐进行统一的设定，最后再修改个别对象的形状。
将修改外形的步骤放在最后可能和很多人平时的使用习惯不太一样，为什么不是直接从「模具」中拖拽一个形状到编辑区，然后再连接线条呢？除非是一次性从模具面板拖拽包含布局和连线的多个对象到画布，否则一个一个的添加效率比较低，而且正如前文所提到的，这种方式会导致思考的不连贯。在流程草图完成后，再修改个别的对象的外形才有「锦上添花」的味道。
修改流程图已有对象还有一个技巧问题，不要采用替换方式，应该是用格式刷来修改：
打开「模具」面板，找到合适的模具；
选中模具预览中的具体形状；
按住「样式托盘」的第一个样式图标直接拖拽到编辑区需要修改的对象上。
使用模具中的对象格式化页面对象时，可以双击「模具」面板图标锁定模具面板，这样点击其他页面对象时检查器会依旧停留在模具面板。
辅助线、参考线和网格
在 OmniGraffle 中移动对象靠近其他对象时，会自动显示蓝色的对齐和尺寸辅助线，而当选中的对象移动到页面的中心时还会显示红色的居中对齐辅助线，非常方便。
和大多数绘图软件一样，如果启用「视图」菜单中的「标尺」，在标尺上按住并拖拽到页面可以拉出垂直或水平的参考线。不过这种方式缺乏精确度， OmniGraffle 6中提供了另一种参考线的设置模式，并将它作为版面的一部分，按住版面里的参考线图标拖拽，页面中的所有参考线可以直接复制到其他页面。要删除参考线可以在编辑区拖拽参考线到标尺以外，也可以在版面的参考线编辑面板中选中后用「delete」键删除。
参考线主要用来标定区域，为对象提供对齐基准，如果没有自动对齐到参考线，检查「排列」菜单中「参考线」项目中是否已经勾选「智能对齐参考线」和「智能距离参考线」。
参考线、对齐和网格设置
网格是页面全局模式下另一种协助布局的方式，开启网络显示后，勾选「贴紧网格」移动对象或者绘制对象时会自动贴近网格线，从而实现对齐和规整的布局。在微调对象的位置时，有时候「对齐网格」和「贴紧网格」会成为一种「阻力」，妨碍你的操作，你可以选择在版面设置面板中关闭网格对齐，或者按住 shift 键然后用上下左右键微移调节对象的位置。
多个对象之间的对齐一般是全部选中后，通过「对象」设置面板中的「对齐」进行对齐，
需要注意的是，第一个选中的对象会自动成为后续选择对象的对齐基准
。如果对齐基准是页面本身，勾选「版面对齐」即可。
在利用辅助线、参考线、网格、对齐这些手段来布局和对齐以外，还有一种很原始，但是精确的方式—坐标数值。例如，多个叠加在一起的对象，通过「目录」面板可以解决选择的问题，位置的精确设定问题就可以交给「几何形状」的坐标值来完成。
组件还是素材
模具的目的就是为了「复用」共享和提高效率，在使用上既可以是素材的来源，也可以是方案组件的来源，针对流程图和组织结构图一类的绘图来说，组件的模式能快速的完成整个架构的绘制。
模具文件只是 OmniGraffle 文件的一种特殊形式，在面对重复、大量的流程图绘制工作时，我们可以把预期会重复使用的流程图或局部单独保存成模具文件。绘制新流程图时，由模具面板中圈选包含连接的多个对象直接拖拽到页面中，然后再加加减减，适当的修改文本标签就能迅速完成。
在模具的复用上，不要仅仅把模具当成是图标和形状这类零散素材的收集集合，你可以根据自己的工作需求，创建自己的组件模式的模具文件。
有目的的收集和整理模具文件是件长期并需要保持更新的工作。OmniGraffle 6 在模具的管理上比旧版本要清晰很多，新建文件的导航窗口中就能看到模具和模板的单独分类，可以创建新的模具或者编辑修改已有的模具。
模具的新建和编辑
针对已有模具文件的修改，主要是翻译其中的文本标签、删除用不到的对象，然后按自己的使用频率调整对象排布位置等等。如果有必要，还可以将多个模具文件中的常用对象整合到一个模具文件中。
对于工作团队来说，自己绘制模具文件之前可以到 OmniGraffle 官方的
检索和查询，官网的模具采取的是会员和收费模式，不过质量高、覆盖范围广，而且很多整套的模具中不仅包含不错的图例素材，也包含着对方的工作模式，可以借鉴和参考。
单独的模具素材可以从
这类网站收集。有条件的还可以自己用 Sketch 软件创作（导出成 pdf 就可以拿到OmniGraffle 中使用）。
Visio 的模具文件另存为Visio （.vss）后可以在 OmniGraffle 中打开并导入使用，Visio 的vsd 文件 OmniGraffle 也可以打开，不过标注和字体等诸多细节方面会出现兼容性问题，对于精细绘图来说那是灾难性的后果，所以用用 Visio 的模具文件就可以了，至于 Visio 在 Mac 里的兼容方案还是推荐用虚拟机的方式来实现。
原文地址：/p/a422e2e2ea8b
关注互联网、云计算、移动互联网、创业、技术
原文地址：, 感谢原作者分享。
您可能感兴趣的代码思维导图软件(OmniGraffle Pro MAC)
★★★☆☆
★★★★☆
★★★★☆
★★★☆☆
★★★☆☆
★★★☆☆
★★★☆☆
★★★☆☆
★★★☆☆
★★★★☆
★★★★★
★★★★★
★★★★★
★★★☆☆
★★★★★
★★★★★
★★★☆☆
★★★★★
★★★★★
★★★☆☆
OmniGraffle Pro for mac破解版是一款运行在MAC OS平台上的思维导图流程图制作软件，通过思维导图软件(OmniGraffle Pro MAC)帮你组织头脑中思考的信息，组织头脑风暴的结果，绘制心智图，作为样式管理器，或设计网页或PDF文档的原型，OmniGraffle Pro MAC是非常强大的图表，流程图，组织结构图以及插图绘制软件,未来小编为大家提供最新中文破解版。思维导图软件(OmniGraffle Pro MAC)破解方法：1、软件下载完成后，打开软件包如上图，拖动软件 OmniGraffle 到“应用程序”进行安装。2、完成后，打开软件OmniGraffle，提示未注册，点击“添加许可证”，如下图：3、弹出注册窗口，点击“添加许可证”，输入序列号即可。如下图：软件特别说明序列号:所有者:密钥:GUUZ-NOHG-YGQG-MNEP-FXXJ-JEPF-XXJ4、破解完成思维导图软件(OmniGraffle Pro MAC)的介绍：OmniGraffle 6 是完全重新设计的应用程序版本，提供集成的“检查器”和“模板”窗口、可管理模板和样板的全新“资源”、充满艺术风格的全新填充和笔划样式、改良的共享图层、强大的形状组合、更好的图像掩模和裁剪以及一些其他新功能。思维导图软件(OmniGraffle Pro MAC)功能介绍：• Visio 导入/导出：在 OmniGraffle 中直接打开 Microsoft Visio® 文稿（VSD 或 VDX）、Visio 模板 (VSS) 和 Visio 样板 (VST)。导出至 Visio XML 文稿 (VDX)。• 共享图层：轻松更新要显示在多个版面上的公用元素。图层现在可以在正常与共享图层之间切换。• 新增了控制项，用于指定要反映在几何形状检查器中的对象边缘和中心您可以设置选定顶点的 X 和 Y 坐标。• 形状组合：使用现有形状的组合（通过合并、相交和相减）轻松创建新的形状。组合形状现在能够分解为其组件形状。• 与分辨率无关的显示比例：当缩放至 100% 时，匹配到 Apple 点、PostScript 点或屏幕。• 重新增加了
导出功能，支持将 OmniGraffle 图层导出为 Photoshop 图层。• 表格：使用表格的组形状，可用于轻松添加新的模板形状行或栏。更新日志思维导图软件(OmniGraffle Pro MAC) V6.2.5更新：模板 - 修正了如果没有模板被选定为默认，那么所有的新文件将使用黑板模板创建，OmniGraffle6.2.4导致的错误。}