【转载】OmniGraffle (一)从工具栏开始

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

工具栏和检查器

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

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

OmniGraffle 工具栏

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

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

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

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

检查器项目

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

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

版面、目录和检查器

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

版面、目录和检查器

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

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

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

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

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

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

对象控制和样式托盘

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

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

顺序、锁定、群组和样式托盘

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

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

编辑区的控制

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

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

对象的选择方式

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

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

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

检查器 - 对齐对象

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

常用按键和快捷

快捷键 控制 场景
1-0 工具栏图标的热键 工具栏
?1-?6 检查面板选择的快速切换 检查器
按住 command 双指推移 缩放页面 缩放
按住 Shift 键或 command 键 点选多个对象 对象
按住 command 控制句柄 旋转对象 对象
按住 option 控制句柄 基于中心缩放 对象
按住 option 拖移 复制对象 对象
按住 command 拖移 忽略参考线 对象

模板选择和导出界面

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

模板选择界面

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

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

导出界面和导出格式

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

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

时间: 2024-10-13 08:28:22

【转载】OmniGraffle (一)从工具栏开始的相关文章

【转载】OmniGraffle (二)基础绘图和模具

基础绘图中的流程图和思维导图在绘制上有一个共同点,就是希望软件在设计上能尽可能的减少对思考过程的干扰,用简单有效的方式先帮助我们完成记录,然后再进行加工和排版美化. 快速记录是首要的任务,因为很多时候想法稍纵即逝.面对电脑以及软件里那些绚丽的模板和模具时,往往我们忘记了记录时我们真正需要的是如纸笔般的朴素,美观和布局是排在后面的,这个顺序很重要. OmniGraffle 的模板「Automatic Layout」分类中提供了针对组织结构图和思维导图的范例,基于这类模板新建文稿后,页面中已经包含了

[转载]ExtJs4 笔记(12) Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律责任. 本篇讲解三个工具栏控件.其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单,Ext.toolbar.Paging专门用来控制数据集的分页展示,Ext.ux.statusbar.StatusBar用来展示当前的状态信息. 一.Ext.toolbar.Toolbar

【转载】OmniGraffle (四)化繁为简

OmniGraffle 在内容组织上有页面和图层这两个层级,稍有点遗憾的是目前的版本还没有文件夹的管理层级,希望后续的版本能加上.页面.图层.共享图层实现对内容的组织和共享.另外,OmniGraffle 还能像Keynote一样进行演示,页面以及图层之间可以通过「动作」的设定进行跳转或者打开指定的文件,这种整合能力有助于我们在 OmniGraffle 中以项目的方式来推进工作.例如,一个文稿中可以包含思维导图.流程图.软件原型以及交互演示,在流程图中设置动作直接跳转到软件原型的展示页面,方便我们

【转载】OMNIGRAFFLE新手指南

用mac已经2年了,感觉比windows还是强大很多,也方便很多,当然习惯的问题是自己需要解决的,包括画图,OmniGraffle是强大的图形工具,这是网上的文章,作为入门十分优秀,转之. OmniGraffle是一款相当全面的工具,用途很广泛,不过今天我们 主要侧重在了解怎样使用它来制作线框图.我(英文原文作者)个人在这方面尝试过很多软件,坦诚的说,没有一款是真正完美的,包括OmniGraffle, 但它在综合能力及效率方面的表现确实是最让我满意的.不过首先,我还是想提及OmniGraffle

【转载】OmniGraffle教程(三)树形图

创建一个树形结构图是任何一个作图软件最常用的功能之一了,而OmniGraffle画树形图的快速方便是其他软件无法比拟的,花1分钟即可学会,受益无穷. 方法一:用Diagram工具快速创建结构图 step 1: 双击Diagram控件,然后在画布中单击一次,创建一个新的节点A,按enter键重命名 step 2:再次单击,创建当前选中节点的一个子节点B(下一个层次) step 3: 按住option,创建当前选中节点的邻居节点C(同一个层次) step 4:按住shift,创建当前选中节点的父节点

用OmniGraffle 五步绘制流程图

OmniGraffle 被许多职业人士评价为Mac OS 上最好的流程图绘制软件,是使用Mac的职场人士杠杠滴加分技能.来跟着这篇教程10分钟学会用OmniGraffle 五步绘制流程图. Introducing OmniGraffle 7 OmniGraffle is for creating precise, beautiful graphics: website wireframes, electrical systems, family trees and maps of softwar

一个简单的WInCE(转载百度)

VS2008中开发智能设备程序的一些总结收藏1 结合前几日开发的<全国大坝基础数据库采集端>中的PDA程序开发过程,对VS2008开发智能设备上的程序做个小总结. 1         程序结构 程序中包括四个部分: 1. 系统配置 这个部分用来配置系统中的相关参数,参数包括数据库信息和串口的配置信息.这部分的主要技术是XML文件的读取和写入. 2. 数据下载 从数据库中下载数据到PDA,PDA上的保存也是使用数据库.这部分的技术主要是PDA设备上的移动数据库开发和使及用PDA连接PC数据库 3

[转载]从MyEclipse到IntelliJ IDEA-让你摆脱鼠标,全键盘操作

从MyEclipse转战到IntelliJ IDEA的经历 注转载址:http://blog.csdn.net/luoweifu/article/details/13985835 我一个朋友写了一篇“从Eclipse到Android Studio”博文,于是心潮澎湃我也想一篇,分享自己用这个IDEA的一些技巧和感受. 来到公司的第一天,我的同事(也是我的师傅)就让我装IntelliJ IDEA.一开始我还不知道IntelliJ IDEA是什么,后来才知道它是一个Java的集成开发环境(IDE),

C#软件开发实例.私人订制自己的屏幕截图工具(十一)编辑工具栏的实现

本实例全部文章目录 (一)功能概览 (二)创建项目.注册热键.显示截图主窗口 (三)托盘图标及菜单的实现 (四)基本截图功能实现 (五)针对拖拽时闪烁卡顿现象的优化 (六)添加配置管理功能 (七)添加放大镜的功能 (八)添加键盘操作截图的功能 (九)使用自定义光标,QQ截图时的光标 (十)在截图中包含鼠标指针形状 概述 截图之后,有时我们需要对其进行标注.修改等功能,这里就讲一下编辑工具栏的实现. 效果 资源 大概思路 工具栏的图片包含正常的状态和选中的状态,绘制的时候根据状态取对应位置的图片进