pfan123 / Articles

经验文章
169 stars 25 forks source link

OmniGraffle 绘制流程图 #84

Open pfan123 opened 3 years ago

pfan123 commented 3 years ago

OmniGraffle 是 Mac 上的绘图利器,曾获2002年苹果设计奖。Graffle 在很多方面对标 Windows 系统上的 Microsoft Visio,是制作各种文档的绝妙工具。这篇文章作为 Graffle 系列教程的第二篇,会手把手带着大家做一个简单的流程图,希望诸位能在实践中理解软件的功能。

whose.design - 发现更多设计工具www.whose.design

相关下载:

效果预览:

img

上图简单的还原了当年赵瑞龙公子来吕城筹建赵家印钞机的流程。

img

第一步,绘制流程图元素:

img

首先需要了解流程图里都有哪些元素,各自的定义是什么。上图就是我在平时绘制流程图时常用的元素,大家可以做个参考。

img

按快捷键「2」或「s」调出形状绘制功能,在画板上拖动光标即可。光标上会给出尺寸参考。

img

在「Object」边栏中可以找到「Geometry」面板,在这里可以调整形状的具体尺寸。

img

在「Object」边栏中可以找到「Fill」面板,在这里可以更改形状的填充色。

img

在「Object」边栏中可以找到「Shape」面板,在这里可以改变图层的形状。

img

笔者有强迫症,每个元素视觉面积一致才能呼吸。其中,起止元素比较重要,故采用强视觉引导的颜色样式。「尺寸」中的单位是厘米,大家可以当作参考。

第二步,填写内容:

img

在「Object」边栏中可以找到「Font」面板,在这里可以更改字体、字号、字重以及颜色等。为方便阅读,建议采用无衬线字体。

img

在「Object」边栏中可以找到「Text Position」面板,在这里可以改变文字对齐方式、上下左右兼具等。选中「Wrap to Shape」则文字在图形内自动换行。

第三步:连接元素

img

在「Properties」边栏中可以找到「Connections」面板,添加磁力点,需要注意「判断元素」,选择「on each vertex」在四角安装磁力点。

img

按「3」或「c」调出绘线功能,连接两个流程图元素。

img

在「Object」边栏中可以找到「Line」面板,在这里可以改变线条的两头样式。

img

在「Object」边栏中可以找到「Stroke」面板,在这里可以改变线条的宽度和颜色。至此,绘制流程图的技巧就教学完毕了。一些细节的打磨可以参考相关下载中的教学材料。

Other Resources

用OmniGraffle 五步绘制流程图

「技法」三步学会用绘图利器 OmniGraffle 绘制流程图

OmniGraffle 绘制流程图

OmniGraffle 有好的教程推荐吗?