@scomper

OmniGraffle 7.9 的更新变化

随着 Mojave 的正式发布,很多软件也随之匹配了其暗色调的主题配色,OmniGraffle 7.9 这次更新最大的变化也是增加了暗色主题,会随着系统偏好中的主题改变而自动变化。

绘图点滴──编号样式一枚

Sketch 升级到 49 的版本增加了原型交互的部分,对于设计师们来说算是一个重大的利好消息,为此 Sketch 还内置了一份 Prototyping Tutorial 的范例文件,橙色的箭头连线直观展现了 Link 所链接的 Artboard 和对象。基于习惯研究了一下范例文......

Series courses

OmniGraffle 答疑──标签、型版和裁切

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

把形状和文字拖到连接线上做标签,总是不成功? 型版文件是不是只能在新建文档的时候创建? 定位形状和磁化点在定位上的作用? 如何在 OmniGraffle 中真的裁切图片? OmniGraffle 是选择标准版还是 Pro 版? 把形状和文字拖到连接线上做标签,总是不成功? 默认在线条上添加标签时按住 Option 双击线条即可,如果不按住 Option 双击则是添加中间点。通过调整 OmniGraffle 偏好设......

Series courses

OmniGraffle 答疑──饼图和折线

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

这张饼图应该怎么画出来呢?怎么把一个圆形切割呢? 饼图绘制的便捷方式 如何保证饼图的分辨率 OmniGraffle 如何做到 为什么我画出来的直角线条就没有这个句柄呢?那个小小的长方形实体。 为什么我画出来组织结构图折线不「听话」? 这张饼图应该怎么画出来呢?怎么把一个圆形切割呢?饼图绘制的便捷方式 饼图是数据展现中比较常见的......

Series courses

OmniGraffle 进阶──形状的变化(十)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

形状是绘图中的基本要素,是由线条组合成的封闭的区域,可以填充颜色和图像,控制外部的句柄可以无级缩放并保持平滑,通过「点编辑器」编辑形状的中间点可以自用的改变形状的外观。我们通常所说的矢量图形就是形状的集合。矢量图形(AI、EPS、SVG、PDF)和位图(PNG、JPG、GIF、TIFF) 的差别不仅体现在缩放的清晰度上,前者的文件......

Series courses

OmniGraffle 进阶──复刻键盘(九)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

在 OmniGraffle 里复刻一份键盘对初学者来说有点像是一个测验,因为这个过程中会涉及到资源的搜集、导入、群组、对齐、字体、近似对象的选择、快速定位、绘制简单图形、型版等等功能点和操作,加上工作量也摆在那里,既考验耐心也检验我们对工具掌握的纯熟程度。操作效率和技巧很多时候是经历痛苦「折磨」出来的。 键盘图......

Series courses

OmniGraffle 进阶──线条的变化(八)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

线条是 OmniGraffle 中比较特殊的一种绘图元素,各种图示绘制中都有它的身影,自动附着对象并能延长的连接线是很多人选择 OmniGraffle 绘制图示的主要原因。线条样式的丰富变化也让它出现在不同类型的图示当中,引用、指向、流程、尺寸、边界、造型等等。线条还是形状、文本的组成要素,通过点编辑的方式能进一步改变形状和文本(转形状......

Series courses

OmniGraffle 进阶──绘制思路(下)(七)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

图示的分类有两个不同的视角,一个是从绘图学习的角度出发,按照图示所包含的对象属性划分,如形状、线条、图片、文字等,侧重是的对工具的掌握,探讨绘制图示的制作思路引入的是另一种分类方式,按目的来划分,以诉求来反推如何选择恰当的表现形式。 上一篇已经介绍了:概貌总览类、步骤说明类、局部特写类,接下来介绍剩......

Series courses

OmniGraffle 进阶──绘制思路(上)(六)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

博客文章后不少网友经常会留言询问,文中的配图是用什么软件画的?这个问题很好回答,告诉大家 OmniGraffle 这个绘图软件的名称就可以,然而后面还有一个隐藏的潜台词是怎么画的?回答这个问题感觉要复杂一些,也是这个课程系列希望达到的目标,首先需要掌握工具的基本使用,然后才有平台基于案例探讨绘图的思路和想法。 绘制图示所......

Series courses

OmniGraffle 进阶──组合图示(五)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

遇到 2Do 这种软件界面包含很多图标元素的应用,绘制图示说明时首先想到的就是利用它自带的资源图标(显示包内容 - Resources 文件夹),图示标注中如果能使用「原生」系的图标,看起来也更直观和易于理解。「找 ICON 图标的那点事」 里专门介绍过如何从应用和网上获取图标资源,这里就不再重复,只针对 2Do 图示的绘制......

Series courses

OmniGraffle 进阶──复用和效率(四)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

使用 OmniGraffle 一段时间后自然而然会想到对象复用和提高效率的问题,毕竟某个阶段里绘图模式可能是基本相同的,面对重复的工作,内心多少会有些想法:「能不能省点时间省点事,如何才能提高效率减少重复劳动」。 除了复制和粘贴,有没用更优雅的克隆方式? 如何按刚才的风格继续创建新的对象? 如何快速改变一堆对象的属性? 改变一个......

Series courses

OmniGraffle 进阶──图片处理(三)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

图片处理是一个比较笼统的说法,潜意识里估计很多人会觉的「美图秀秀」才是图片处理,修图的确是图片处理中的一个分支,然而并不是图片处理的全部,为了说明方便,这里用 Mac 中的几个软件做了一个不太严谨的对比,以便我们了解图片处理会包含那些概念以及 OmniGraffle 在图片处理中的定位和角色,知道一个软件的边界之后也能更清楚......

Series courses

OmniGraffle 进阶──图片管理(二)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

介绍 OmniGraffle 处理图片之前,有一个前置任务需要先理清楚,因为面对一张截图和一堆截图时工作模式是不一样的,有效的图片管理策略,才能让图片加工过程更顺畅。图片和文字一样会被修改、替换和更新,而且还不如文本内容那样容易被搜索到,所以既要考虑命名、分类和存储的问题,也要考虑软件协作工作时访问图片的便捷性。既然......

Series courses

OmniGraffle 进阶──工具栏图示(一)

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

软件界面截图是技术文档中最常见的对象,像 Snagit 这样的专业截图软件甚至包含不少图示工具,可以在截图后快速的完成标注,不过截图软件偏向于贴纸模式的简单加工,要求稍微高一点就很吃力,例如,对齐、顺序调整、连线等。至于如何在 OmniGraffle 中制作图示我们不妨从 OmniGraffle 工具栏开始,就地取材对它进行标注说明。 OmniGraffle_Toolbar-......

OmniGraffle 进阶──图示绘制

「图示」的概念

图示和插图有着共同的渊源,都是为了『使文字意念变得更明确清晰』,随着工业产品的普及,用来释义安装步骤、使用方法的图解形式也发展出另一种极致,通过文字来注解图形,图形反而成了表达意思的主体。然而两者的作用始终没有变化,都是努力通过图形『将信息最简洁、明确、清晰地传......

用 OmniGraffle 打印标签纸

开学季的例常是给孩子的新书「包书皮」和「贴姓名标签」,以前都是在标签纸上手写,置办喷墨打印机以后就改成打印了,其实主要是字太丑、书也有点多,而且想想贴上去就起码展示一年。

打印标签纸主要分几步:

标签纸尺寸的测量;

在软件中 1:1 还原页面和布局;

打印输出......

Series courses

OmniGraffle 实例──制作地图图示

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

OmniGraffle 制作地图图示涉及到大量对象和图层操作,为了避免重复劳动,还需要对内容进行科学的组织与规划,结合版面、图层、置入文件的格式来安排内容层次和控制好颗粒度,方便编辑的同时避免对象和层级过于复杂而导致 OmniGraffle 运行速度下降。另外,作为主要素材来源的 SVG 格式,需要认知 Sketch 和 OmniGraffle 解读它的兼容问题,了解导入和导出上存在......

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

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

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

Series courses

OmniGraffle 实例──iCloud 照片同步示意图

密码保护文章,请输入 密码 以继续查看(非会员付费阅读)

用 OmniGraffle 来完成上面的图示最大的优势是线条的标注,线型、端点样式、粗细、颜色、方向等都可以调整,线条端点吸附到对象后还可以随之移动和变化。画组织结构图时线条的这种跟随特性能表达承上启下,梳理说明问题时,图示上的线条也能更清晰的展现问题脉络。 结合实例,本文会涉及到几个知识点: 素材......

OmniGraffle 实例──「鼠须管」配置图示

很多网友询问过「鼠须管调教笔记」中「朙月拼音· 简体字」的配置方案图是在什么软件中完成的。这里会以它为例介绍一下 OmniGraffle 的使用和相关知识点。

截图用到了 Snagit,排版和布局则是在 OmniGraffle 中完成的,Snagit 勉强也能完成类似的排......

线条方向决定对象间的隶属关系

图示中1和2的隶属关系,创建时1是2个父级,如果想颠倒过来,选中连......