【转】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%。
【转】OmniGraffle (一)从工具栏开始的更多相关文章
- OmniGraffle 7使用的探索
进去后可以将界面简化为4个主要区域:工具栏.工具栏.检查器和画布. 1.画布是在项目中创建.编辑和移动对象的地方 2.删除画布 选择编辑 画布删除画布 3.OmniGraffle项目至少需要一个画布 ...
- ASP.NET Aries 入门开发教程5:自定义列表页工具栏区
前言: 抓紧时间,继续写教程,因为发现用户期待的内容,都在业务处理那一块. 不得不继续勤劳了. 这节主要介绍工具栏区的玩法. 工具栏的默认介绍: 工具栏默认包括5个按钮,根据不同的权限决定显示: 添加 ...
- 吸顶大法 -- UWP中的工具栏吸顶的实现方式之一
如果一个页面中有很长的列表/内容,很多应用都会在用户向下滚动时隐藏页面的头,给用户留出更多的阅读空间,同时提供一个方便的吸顶工具栏,比如淘宝中的店铺页面. 下面是一个比较简单的实现,如果有同学有更好的 ...
- 基于 SailingEase WinForm Framework 开发客户端程序(3:实现菜单/工具栏按钮的解耦及状态控制)
本系列文章将详细阐述客户端应用程序的设计理念,实现方法. 本系列文章以 SailingEase WinForm Framework 为基础进行设计并实现,但其中的设计理念及方法,亦适用于任何类型的客 ...
- arcgis api for js入门开发系列三地图工具栏(含源代码)
上一篇实现了demo的地图加载展示,在上篇实现的基础上,新增了地图工具栏以及通用地图控件功能,比如地图框选缩放.地图漫游.清空.量算工具.地图导航控件.地图比例尺控件.地图鹰眼图等等,总共分为5个部分 ...
- ECharts学习(3)--toolbox(工具栏)
1. toolbox:这是ECharts中的工具栏.内置有导出图片.数据视图.动态类型切换.数据区域缩放.重置五个工具. 2. toolbox中的属性,不包含五个工具.里面最主要的就是feature这 ...
- position导致Safari工具栏不自动隐藏
一般情况下,移动端网页在上滑的时候,Safari的工具栏会自动隐藏掉,下滑的时候又会出现. 但是,如果可滑动区域的最外层box写了position:absolute,就不会自动隐藏了. 例如像这样的页 ...
- 详解Maple中的基础工具栏
鉴于Maple 强大的符号计算功能,越来越多的人选择使用Maple 2015计算复杂的数学问题,初学者刚开始时需要对Maple有所熟悉才能很好地进行运用,下面就从基础开始,介绍Maple工作环境. M ...
- 自定义配置UEditor 工具栏上的按钮列表
修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数 方法一:在ueditor.confi ...
随机推荐
- Hive0.13.1介绍及安装部署
一.简介 hive由Facebook开源用于解决海量结构化日志的数据统计.hive是基于Hadoop的一个数据仓库工具,是基于Hadoop之上的,文件是存储在HDFS上的,底层运行的是MR程序.hiv ...
- C# TCPClient简单示例
示例使用方法参考 示例 以下一个简单的异步事件TCP客户端实现 using Newtonsoft.Json; using Newtonsoft.Json.Linq; using System; usi ...
- Mac下使用crontab来实现定时任务
说明: 1.Linux和Mac下操作crontab都是一致的 2.配置文件都在/etc/crontab下,如果没有就创建. 3.测试发现直接使用crontab -e命令创建的定时任务是放在临时文件夹的 ...
- SPSS学习系列之SPSS Statistics的菜单栏介绍(图文详解)
不多说,直接上干货! 以下是菜单栏 1.以下是文件栏: 2.以下是编辑栏 3.以下是查看栏 4.以下是数据栏: 5.以下是转换栏: 6.以下是分析栏: 7.以下是直销栏: 8.以下是图形栏: 9. ...
- javascript中的function 函数名(){} 和 函数名:function(){}有什么不同
function functionName(){};这是定义一个函数 functionName:function(){};是设置一个对象的方法. 下面举一个例子: <html> <h ...
- display:block、inline、inline-block的区别及应用案例
A.display:block就是将元素显示为块级元素. block元素的特点是: 1.总是在新行上开始: 2.高度,行高以及顶和底边距都可控制: 3.宽度缺省是它的容器的100%,除非设定一个宽度; ...
- SOA与微服务
SOA 面向服务架构,它可以根据需求通过网络对松散耦合的粗粒度应用组件进行分布式部署.组合和使用.服务层是SOA的基础,可以直接被应用调用,从而有效控制系统中与软件代理交互的人为依赖性. SOA是一种 ...
- 多线程编程(一)-Semaphore(信号量)的使用
Semaphore的介绍 单词Semaphore的中文含义就是信号.信号系统的意思,此类的主要作用就是限制线程并发的数量. 举个例子,一个屋子里有10个人,但只有一个窄门可以出去,这个窄门一次最多只能 ...
- 【转】如何在ASP.NET 2.0中定制Expression Builders
expressions是asp.net 2.0中的新特色,它可以使你在asp.net的页面里很方便的使用自定义的属性. 在ASPX页里只要使用$符号就可以访问到,你定制的属性了. 例如我们看个例子: ...
- Gauva的安装——入门篇
Guava工程包含了若干被Google的 Java项目广泛依赖 的核心库,例如:集合 [collections] .缓存 [caching] .原生类型支持 [primitives support] ...