OmniGraffle

Omnigraffle制作精美截图教程

发布时间:2018-11-29 14:15:12

一款强大的原型设计软件一定要更注重细节,例如流程图的导向箭头、泳道图的泳道安排等,能够帮助用户制作出符合心意的产品才是最好的。其中更考验此类产品的就是截图的制作了,这篇文章就向大家介绍一下Omnigraffle制作截图的教程。

Omnigraffle既可以帮您实现截图的布局,也可以从最基本的矢量对象开始,绘制完整的截图。这里我就用输入法词条为例,图示中的每一个候选词条都是单独截取的,这意味着要截取一堆小图片。截图最后都将粘贴到 Omnigraffle 画布当中,所以准备工作主要是几个软件的初始环境设置。当然,也可以不借助专业的截图工具,直接用微信或者qq截图。

输入法词条

需要使用到的图标直接从资源管理器拖动到画布,将图片拖拽到一个现有的形状(或图片)中,在 Omnigraffle 中是一个非常好用的技巧(直接在画布上绘制一个图形对象,最好是矩形),用来替换更新图片、固定图片的大小。桌面窗口边角都是有弧度,框选截图后四个角会有漏底的情形,设定好倒角能消除漏底。

图标

为了和前一个输入法的图示保持视觉上的一致,图标截图需要缩小一些。首先通过测量判断一下需要缩放的数值,随便绘制两个矩形测量了一下输入法和图标选条的高度,输入法高 28px,图标高39px,图标的截图需要缩小到72%才能令两者的候选条高度一致。

修改像素

以图示为例,先以左上角的截图对象为参照拉出纵横参考线,设定其他对象的对齐基准。通过拖拽第二根横线我们能计算出两根线之间的距离,后续的参考线通过累加就能获得精确的间距。参考线数值框内同样支持简单的数学计算,添加好一系列参考线最后缩放到合适大小移动图片对齐完成微调。

微调

以上就是Omnigraffle制作截图的过程,如果您对这款软件感兴趣,可以到中文网“http://www.omnigraffle.cc”购买正版产品。

Copyright © 2019 - OmniGraffle中文网

广告位.png

×
在线客服
1516196057
客服邮箱
客服电话
17051276424