如何取消omnigraffle的自动布局模式_百度知道OmniGraffle （三）基础绘图和模具 - 简书
下载简书移动应用
写了175395字，被3523人关注，获得了2967个喜欢
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 里的兼容方案还是推荐用虚拟机的方式来实现。
网友 @nan7ee 提供的 Font Awesome、GlyphIcons 图标字体、Google Material Design Icons，以及对应的 OmniGraffle Stencil 图标文件。
如果觉得我的文章对您有用，请打赏支持。
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
被以下专题收入，发现更多相似内容：
Mac从入门到精通，看这个专题就对了。
· 13858人关注
产品经理的实战
· 13591人关注
· 343人关注
如果觉得我的文章对您有用，请打赏支持。
选择支付方式：4.25-OmniGraffle （二）对象的控制 - 简书
下载简书移动应用
写了10059字，被0人关注，获得了0个喜欢
4.25-OmniGraffle （二）对象的控制
文本标签：选中线条并在线条上双击可以添加「中间点」，按住 Option 键双击则是添加文本标签。此文本可以顺着线条随意移动，如果要修改线条上标签的方向，可以选择文本标签后由「几何形状」中选择：水平、垂直、平行、独立或者跟随路径。磁化点点击工具栏的「磁化」图标，我们可以进入磁化点控制状态，悬停在对象上会显示当前对象的磁化点，可以用指针移动磁化点的位置、在对象边缘上或内部点击可以添加「磁化点」，按住 shift 然后再点击则是删除磁化点。连接线在组织结构图中，通常我们会只定义矩形框只有上下的2个磁化点，这样在自动布局和布局变化中，连接线就只会连接到上面和下面对称的位置，更美观。作为连接线使用时，按住「option」键可以强制移动连接点不自动连接到对象或磁化点。遮罩图像在图片上右键能快速的进入「遮罩图像」的编辑模式。图片的遮罩形状由面板中所选的「形状」决定，？？？如果是先添加形状，同理只需要拖拽图片到「图像」缩略窗口当中即可。除了图像填充模式的三种选择之外，其他方面其实都可以当成填充了图片的形状来对待。这意味着填充了图片的形状依旧可以进行拼合和修剪，同样可以添加磁化点来连接线条等等。自由绘制：菜单中的「编辑 & 形状 & 使点可编辑」和「形状」设置面板中的「编辑点」则是进入形状轮廓的编辑状态。按「return」键或双击完成自定义形状的创建。先按住「?」键然后拖移轮廓点可以拉伸出曲线句柄从而由直角变成曲线；按住「?」键拖移贝塞曲线的红色句柄，可以单边调整曲线，否则是对称调节；在轮廓线上双击可以添加新的轮廓控制点；同时按住「??」键可以选中被尺寸句柄挡住的轮廓点。表格：基于选中的一个形状，通过菜单命令「排列 - 制作表格」将其转化为表格的参照元素，阅读：/p/bef7f6272c10
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮
如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！
选择支付方式：之前一直使用的chrome的gliffy，简单易用，但是最近发生了几次undo和redo造成修改丢失的情况，于是转投omnigraffle。功能看起来很强大，但是还是不太习惯。遇到这么几个问题：1.线如何能取消自动合并？具体：多条线指向同一个object时会自动合并，如何取消。另外：能否自定义线在方块上的落点？具体：如下，这是gliffy中的样子，omnigraffle是否有类似功能？
1.按住option2.自定义磁极
已有帐号？
无法登录？
社交帐号登录
热爱艺术的产品经理西西软件下载最安全的下载网站、值得信赖的软件下载站！
→ OmniGraffle使用教程 10个实用小技巧
v6.1.2 官方最新版
类型：Mac图形图像大小：37.9M语言：中文 评分：10.0
OmniGraffle是Mac平台上的一款原型设计软件，这款工具可以帮你绘制普通图表、树状结构图、、页面编排登。另外除了官方的模板外，Graffletopia网站提供了众多设计精美的模板，让设计师们的选择变的多样化而且使得大家的作品更加个性化。这里西西给大家带来10个实用的OmniGraffle使用技巧，希望能帮助大家对这款软件的了解更深刻。OmniGraffle软件下载：1. 自定义你的工作界面2. 样式刷在 Omnigraffle 中，可以通过拖拽指示器到另一个组件上的方式将包括边框填充颜色等样式复制过去，也可以复制任意单一属性，大大节省了重复或近似组件的样式修改成本。3. 网格、智能辅助线及参考线除图示外，在画布空白处点击右键可以看到三个选项对齐到网格，参考定义画布环节描述的网格设定，勾选这个选项后，调整形状大小就会使边缘贴近网格，拖拽位置时会根据形状大小让任意一边贴近网格。智能对齐辅助线，勾选后，拖拽形状位置时，会自动寻找当前水平或垂直方向，边缘或中心能对齐的已有形状或画布中心线，推荐勾选智能距离辅助线，勾选后，会自动寻找水平或垂直方向上临近的两个形状，在等距的时候给出提示，推荐勾选4. 流程图在用 visio 画流程图过程中最受不了的就是连接线不能随意控制形状位置样式，只能画几种特定的图，新建节点的操作步骤也很繁琐，而这一缺陷直接导致各种的崛起。在 Omnigraffle 中这些都变得很容易，只要记住几个快捷键，画起流程图来轻松写意。5. 点击事件以及导出 pdf & html在制作交互模型时，加入对点击事件的处理能很方便的演示我们想要的效果，Omnigraffle 支持的脚本不多，没有鼠标滑过，没有动画，只有点击跳转和点击显示或隐藏图层两种，对于一般的原型演示足够用了，尤其是图层显示隐藏，例如可以像图中所示将浮层中的内容放在图层2上，用关闭按钮用来触发隐藏，来实现图示效果。在演讲模式、导出为 pdf 或 html 后都可以用来演示设定好的交互点击效果。在演示移动原型的时，我通常的做法是制作和屏幕大小一致的文件，设置好点击效果后导出 pdf ，在手机上用任意支持读取 pdf 的应用打开。（这里推荐多看，无页面翻转动画，无多余留白）6. 画布和图层和 Fireworks 一样，Omnigraffle 提供类似的画布和图层管理，方便将项目所有内容集中在一个文件中，每个画布可以单独设置页面背景、大小、单位、网格和参考线，并且可以通过共享图层让所有画布使用同一个母版，也就是说既可以当
用，也可以当 PPT 用。画布：Omnigraffle 默认使用 pt 来定义自身单位，在画布面板中用 1pt = 1xx 的方式来设置换算方式，目标单位可以是像素、厘米、英尺、千米等，意味着除了用来画用户界面，还支持用来画地图、家装平面图等任何大小的精准图形。图层：可以将 Omnigraffle 中的图层理解为一个特殊的、可以批量隐藏或锁定的、可以直接转换为所有页面共享的群组，共享图层的名称会被标记为橙色，界面左下方的内容面板显示了每个图层内部的层叠顺序，如果文件导出时选择 d，Omnigraffle 还会将图层内容合并成
能读取的格式。如图所示，利用共享图层这一特性，我们可以将画布设定为，并在共享图层的指定位置插入页码 (Edit→Insert Variable→Canvas Number) 等，模拟 PPT 的方式制作演示用文档。7. 快捷键点击 Help→Keyboard Shortcuts，查阅所有的系统快捷键，了解下面这几个就能满足大部分情景了最常用的检查器面板，cmd+12345切换；设置好一个常用的形状样式，右键点击加入收藏，以后按住 s 不放就可以直接画出来；按住 t 不放点击空白处就可以直接新建一个文本块，双击任意形状也可以在里面插入文字；放大缩小只能通过 cmd+shift+. 和 cmd+shift+, 右手需要离开鼠标不是很方便，我通常是按住 z 鼠标点屏幕来放大，option+z 点击屏幕来缩小（z这个操作在ps和ai里也通用）；快速复制一个形状 cmd+d，新的形状会在当前形状右下方一个网格的位置出现，比cmd+c之后在cmd+v省一步。8. 无穷的模板库在 Omnigraffle 中，工作文档 .graffle和模板文档 .stencil 的表现和编辑是完全一样的，可以很方便的将已经编辑好的文档组织整理后，复制粘贴到模板文件中沉淀，作为后期复用规范，如果搭配云同步工具使用，小型设计团队统一设计规范不再是难事。除软件自身提供的一堆模板外，全球 Omnigraffle 爱好者们搭建了&Graffletopia&用来共享各自的模板 (部分收费)，事实上如果你有足够的耐心和精力，所有的模板你都可以照猫画虎自己画出来。9. 制作自己的图标库Omnigraffle 自带的图形基本上能满足大部分需求，简单形状也可以用形状组合和钢笔工具来画， Graffletopia 上有很多其他人画好的形状图标，但面对具体项目的时候需要自己画图标时该怎么办呢？以下有几种方式可供大家选择最快捷：直接粘贴图标图片进来，缺点是无法调整颜色，不可放大。多色图标：从 AI 中直接拖拽图形进来，仍旧保持矢量可随意拖拽但不可调整颜色。单色图标：将 AI 中画好的单色图标导出为pdf (File→Scripts→SaveDocsAsPDF) 后用 Omnigraffle 打开，可随意调整大小和颜色，非常适合图标库的建立。10. 使用hex值定义颜色
02-2402-2402-2202-2202-21深入Lazy――.NET Framework 4.002-1902-0201-2701-1301-13
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载}