OmniGraffle 基础入门(一):从工具栏开始

OmniGraffle 的软件布局和大多数图形类软件类似,中间是编辑区,左边是页面和对象组织的管理,右边是参数设置和模具,顶栏有一些常用的快捷图标。从左到右由页面、对象的管理到细致的元素的定义和设置,纵深上用页(版面)来承载连续的内容,用层的堆叠将绘图过程化繁为简。

工具栏和检查器

工具栏上的每一个图标都是从大量的操作中提炼出来的,了解工具栏上的每个图标的具体作用,基本上也就知道在当前的绘图软件中,我们能干什么。

工具也可以分为几类,创建对象的、格式化对象的、控制版面的,使用中都需要先点击或者使用快捷键来「激活」,OmniGraffle 中提供单次使用、保持状态、临时调用这三种调用工具的模式,分别对应着单击、双击、按住某个字母,从软件设计角度来说,这种设计非常方便,也是超出其他同类软件的优秀体验之一。

OmniGraffle 基础入门(一):从工具栏开始

如果每次选择工具栏中的不同项都是用鼠标去完成,效率是非常低的,OmniGraffle 针对工具栏的使用效率做了很多考量,实践操作中也能感受到这种设计的好处:

  • 除了「选择」图标以外,其他的项都区分是使用一次后自动回到「选择」,还是双击锁定保持被选中状态(图标会显示为深灰色);
  • 10 个数字键分别对应常用的几个工具项,可以快速的激活工具,按一次和按两次数字键与用鼠标点击一次或双击效果一样,决定是使用一次后返回「选择」,还是一直处于激活状态;
  • 按住字母快捷键,可以临时访问某个工具,例如当前正在图章状态快速克隆对象,按住字母v,可以将工具状态临时切换为选择状态用来移动对象,松开按键后又会回到图章操作模式继续先前的操作;
  • 收藏夹中会保留最近使用和收集的模具,在选中形状、线条、文本和笔工具时,收藏夹图标会显示对应的缺省样式,能提高操作中的效率;
  • ⌘1-⌘6 快捷键快速切换对应的检查器面板。

工具栏中,图章和格式刷的使用相对特殊一些,都有一个「吸取」的过程,按住 Option 键可以把一个对象的属性吸取保存下来,再点击就可以直接复制或应用属性到其他对象,而且可以反复使用,直到由工具图标的下拉菜单中选择「清除内容」。

格式刷可以「吸取」的格式非常多,点击图标上的小三角展开下拉菜单可以看到,默认是全部勾选的,实际使用中可以根据自己的需要进行调整。

OmniGraffle 基础入门(一):从工具栏开始

右侧的检查器是具体设置对象的主要区域,搞清楚设置参数的分类,设置时就能有的放矢,通常选中对象,OmniGraffle 会自动跳转到常用的对应项目上,例如,对象的填充、线条的笔划、文本设置等等。检查器上的图标在设置分类上依次是对象的外观(⌘1)、字体标签设置(⌘2)、连接磁化点(⌘3)、页面属性和图表布局(⌘4)、页边距和文档属性(⌘5)以及模具面板(⌘6)。每一类都包含很多具体的设置科目,在下面的图示中可以具体看到,浏览并在头脑中形成印象会有助于以后的参数设置。

双击检查器面板的图标可以锁定在当前面板,不再随对象的选择自动切换。

版面、目录和检查器

页是承载绘图内容的地方,OmniGraffle 称之为版面,也能更通俗的理解为「页」,在侧边栏会看到以页为单位的内容预览。「版面」页面的默认属性通常来自于模板的预设,如果想进行调整和修改,可以通过右侧的「检查器」面板来进行设置。

OmniGraffle 基础入门(一):从工具栏开始

页面左上角的小三角标记展开会显示页面所包含的图层,通过图层我们可以在页中更好的组织管理内容,例如平面图中墙体的建筑部分放在一个图层、尺寸标注放在另一个图层。通过锁定图层,可以避免误操作,「眼睛」图标隐藏或显示图层,「打印机」图标决定打印输出时是否包含这个图层。

激活「共享图层」图标(呈黄色显示),可以将共享图层的内容显示在其他页面,从而实现特定内容的共用,例如页面的页眉页脚和边框等元素可以通过共享图层显示在所有采用同一个共享图层的页中。

图层和页一样,通过拖移可以调整顺序,按住Option可以复制,按住Command可以选择多个页面或图层。

「目录」面板中提供了三种显示对象的方式:对象列表、大纲层级、近似对象。在页面对象很多的情况下,目录面板能帮助我们迅速的选择和定位到对象。

  • 「对象列表」视图按扁平方式列出所有的对象、群组及其层叠顺序,便于快速找到某个具体的对象,通过拖动或点击底部的箭头可以调整对象的层叠顺序,针对复杂的组合形状从列表视图中选择会更方便;
  • 「大纲层级」按对象之间隶属关系来显示,大纲视窗中不包含线条,只包含形状或图片等元素。大纲视图中输入对象包含的文字内容会很方便,例如,创建组织结构图或者思维导图时直接在大纲视图中输入内容,最后选择自动排版,马上就能获得一个漂亮的结果;
  • 「近似对象」中更可以一次选中所有相似的对象,对于批量的修改和调整非常有帮助。

辅助线是 OmniGraffle 6 新增的功能,辅助线的设置面板中可以定义辅助线的颜色,精确的用像素来控制辅助线的位置。按住辅助线图标可以将当前页的所有辅助线设定拖拽复制到其他页面。

对象控制和样式托盘

工具栏上的前移后移用的机会并不多,多数时候快捷键的方式更便捷,前移对象「⌥⌘F」,后移对象「⌥⌘B」。还可以多记一组经常会用到的移到最前「⇧⌘F」和置于最后「⇧⌘B」,F 和 B 取的是英文单词的 Front和 Back 的首字母,用这类助记单词可以自己推算出其他快捷方式。

锁定/解锁同样有对应的快捷键,锁定「⌘L」(Lock),解锁「⌥⌘L」。群组和解散群组的快捷键分别是「⇧⌘G」(Group)和「⇧⌘U」(ungroup)。

OmniGraffle 基础入门(一):从工具栏开始

检查器底栏的「样式托盘」是 OmniGraffle 中一个非常值得称道的设计,当你选中对象时,「样式托盘」中会分解出当前对象采用的各种格式,和工具栏中的「格式刷」作用一样,不过操作交互上,「样式托盘」更直观和方便,你可以按住托盘中的某一个格式拖拽到其他对象,也可以按住第一个图标拖拽将当前对象的所有格式应用到其他对象。

按住 command 键,你可以在「样式托盘」中选择多个格式然后拖拽到其他对象,被选中的格式项背景会显示为浅灰色。

编辑区的控制

选择对象

单击选择对象,按住 Shift 键或 Command 键可以将对象添加到选择或者从选择集合去掉。

圈选对象

从画布空白处三指滑动可以圈选对象,如果按住 Option 键,只有完全被圈选的对象才会被选中。

OmniGraffle 基础入门(一):从工具栏开始

移动对象或页面

三指从页面空白的地方开始推移是圈选模式,如果在已经选择的对象上保持并推移则是移动对象,放大页面后可以用两指推移来移动页面。

对象旋转

选中形状后,按住 Command 键,移动鼠标指针移动到形状的句柄上时会出现旋转的指针,按住句柄移动就能旋转对象。

对齐对象

拖动对象的过程中 OmniGraffle 会自动显示对齐辅助线和尺寸辅助线,这为绘制统一协调的图形提供了方便,手动对齐多个对象可以通过「检查器」「版面:对齐」来完成,「版面对齐」会以页面为对齐基准,另外还可以在选中对象上右键菜单「对齐」。

OmniGraffle 基础入门(一):从工具栏开始

页面缩放

放大和缩小使用的是最频繁的,配合 Command 键,双指向上或向下滑动可以实现对页面的缩放,如果松开 Command 键则是移动页面。

常用按键和快捷

OmniGraffle 基础入门(一):从工具栏开始

模板选择和导出界面

新建 OmniGraffle 文件的模板选择中提供了几种类型的模板,一种是以图例为主的模板,包含简单的流程图、思维导图、组织结构等图例,一种是以绘图目的划分的模板,例如 Mac 程序设计、iOS 原型设计、iOS App 图标设计等,还有一类是基于页面的尺寸和比例尺的模板, 自动版面(Auto-Resizing)和纸张尺寸平时用的比较多,绘制办公室或者厂区等大面积规划的平面图时,则需要选择比例尺的模板。 OmniGraffle 基础入门(一):从工具栏开始

基于「Automatic Layout」类模板创建的文稿,默认会勾选「版面」面板「图表布局」中的「自动布局」,这意味着你创建的对象在连线后将依据「图表布局」中的样式自动排列,能提高你绘图的效率。

OmniGraffle 的内容组织是以页面为单位的,所以即便按模板创建文件后,不同的页依旧可以进行不同设定的。例如,一个文档中既有流程图也有 Web 原型图,绘制流程图的页可以采用点为单位,Web 原型绘制的页面则采用像素为单位。打印输出的时候如果页面设置中没有勾选「在一个打印机表单上打印版面」页面中超出输出页的部分会自动分页到单独的页面,否则会自动缩放到一个页面上进行输出。

OmniGraffle 基础入门(一):从工具栏开始

导出 OmniGraffle 绘图内容时,因为提供了「导出区域」的选择,所以我们可以导出当前页面的选择的「所有对象」,也可以只导出特定区域或当前版面,非常灵活。

支持导出的格式很多,矢量格式有 pdf、 svg、eps,位图格式有 jpg、png、gif,输出时还可以设定页边空白区域的大小。如果要保证在其他软件中使用位图格式的清晰度,可以将输出比例调高一点,例如 150% 或者 200%。

本文来自少数派,经授权后发布,本文观点不代表产品狗立场,转载请联系原作者。

发表评论

登录后才能评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.

QR code