@scomper

OmniGraffle 基础──创建型版(五)

2017.06.30

OmniGraffle 型版能提高绘图的效率,除了内置的型版,用户也可以编辑或者创建自己的型版。型版窗口选中文件,右键「在 Finder 中定位」就能定位到具体的 . gstencil 文件。

创建和管理好自己的型版不仅能提高工作效率,有计划成体系的运用型版元素能形成统一的内容风格。

型版素材来源

通过互联网搜索获取的免费资源中,图标素材主要分两类:位图(如 PNG、JPG等图片格式)和矢量(SVG、EPS),位图因为分辨率的限制放大后会出现马赛克,矢量形状则不用担心缩放后的清晰度问题,所以原则上型版内容最好采用矢量格式的图形来组成。

型版的素材资源有三个搜集来源,第一是来自官网的 .gstencil 资源文件;第二个是 Sketch 流行促成的广泛 Sketch 资源文件,内容样式与时俱进可做为首选;第三个来源是 Visio 的模具文件,承上启下完成一些 Visio 时期的绘图会用到。

官方的 .gstencil 资源文件通过型版自带的搜索来下载到本地,操作方便,只是可选择范围和样式没有那么新,这里主要介绍如何将 Sketch 的资源转化为 OmniGraffle 型版文件。

Sketch - 导出为 SVG

访问 https://www.sketchappsources.com/free-source 网站搜索相应的资源文件,下载到本地。

iOS 图标(https://www.sketchappsources.com/free-source/1680-ios-icons-sketch-freebie-resource.html)在绘图中用的几率很高,这里以它为例介绍一下转换过程。

iOS 图标这类对象是最好转换的,没有复杂的图层、渐变和字体设置,纯存的形状转成 svg 后变化很小。

  1. 用 Sketch 打开文件后在边栏中选择要导出的群组对象,例图图示中 page 1 下面的 iOS icon。
  2. 右侧的检查器窗口中 Export 栏下选择 SVG 格式,点击 Export iOS icon。

OmniGraffle - 放置图像

OmniGraffle 首先「新建资源 - 新建型版」创建一个空白的型版文件,由菜单项「文件 - 放置图像」导入上一步输出的 SVG 文件。

导入后看上去是一个对象,右键菜单反复操作几次「解散群组」,将导入的对象打散到图标群组这个层级。如果不打散,在型版中调用时是以一个整体的方式出现,所以这个范例里打散到图标组成这个层级就足够了。

有些对象导入到 OmniGraffle 显示结果和 Sketch 中截然不同,遇到这种情况,一种方式是在 OmniGraffle 中将线条转为形状,然后有耐心的去掉贝塞尔曲线中不需要的端点。例如,图示中的 VISA 图标,字母 I 在 OmniGraffle 中变成了框线结构,要还原成实心体只能编辑去掉内圈的端点。

遇到还原度很差并且很复杂的图形时,上述的方式就费力不讨好了。例如 图示中的 Mastercard 图标,转换后填充颜色都消失,变成了一堆线框贝塞尔曲线。如果慢慢编辑还原不太现实,不如在 Sketch 中单独选择这个图标并以 PDF 格式导出,然后再导入到 OmniGraffle,这样既保证了还原度,又不影响图标缩放的品质,唯一缺憾的是没法继续编辑对象的细节,对于复杂的或者还原度很差的图标推荐采用这种方式。

型版页面的宽度建议设置的窄一些,刚好包容所有内容即可,便于在型版窗口中预览。

多组图标可以按需要整合到一个型版文件,通过点击「版面大小 - 自动调整版面大小」中的上下左右箭头能快速的延展页面。

型版内容最好和页面大小相匹配,不仅美观,调用的时候也好选择。

保存到型版文件夹

要在 OmniGraffle 的型版窗口显示型版文件,需要将文件保存到 OmniGraffle 默认的型版文件夹才行。

打开型版文件时 OmniGraffle 会自行判断,如果文件没有保存到 OmniGraffle 型版文件夹会弹窗提示,选择「移动和编辑」,「场所」下拉项决定保存型版到那个分类目录。

保存好的型版在型版窗口中就能显示和使用,如果想进一步编辑型版列表中的型版文件,直接在文件上右键选择「编辑型版」或者「在 Finder 中显示」


最后回顾归纳一下知识点:

  • 型版文件内容首选矢量格式的素材,SVG 格式能保留形状的构成,PDF 不能编辑但是还原度最好;
  • 为了调用方便,页面宽度要适宜不要过多留白,另外以调用选择的对象为型版编辑和排列内容的最小单元;
  • 通过「自动调整版面大小」快速的匹配页面;
  • 型版文件集中到 OmniGraffle 型版文件夹中进行管理,重要的型版单独备份到 Dropbox 等网盘;

--「壹页单章」会员计划 --

Comments
Write a Comment