Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

OmniGraffle 绘制流程图 #84

Open
pfan123 opened this issue Mar 26, 2021 · 0 comments
Open

OmniGraffle 绘制流程图 #84

pfan123 opened this issue Mar 26, 2021 · 0 comments

Comments

@pfan123
Copy link
Owner

pfan123 commented Mar 26, 2021

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 有好的教程推荐吗?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant