工欲善其事，必先利其器。一款轻便、高效的绘图工具可以帮助我们提高工作效率，达到事半功倍的效果。今天，就给大家介绍这款基于 Web 的多功能绘图软件 Gliffy 的基本使用。
一、 概览
Gliffy 包括免费的基础版本和收费的高级版本，可以绘制流程图、原型线框图、UML图、BPMN图(Business Process Modeling Notation 业务流程建模与标注)、维恩图、组织架构图、网络拓扑图、网站结构图、泳道图、时序图等常用图形，能够帮助用户快速、清晰地表达想法。
另外，Gliffy 提供在线 Web 版本和离线浏览器插件版本，可以让你随时随地轻松访问，可以保存原始文件和导出 jpeg/png 图片。一般情况下，个人使用免费的离线浏览器插件版本就能很好的满足工作需求，本文正是在这一基础上演示基本操作，更多高级功能感兴趣的读者可以自行探索。
二、使用功能介绍
主要分为三个区域：
1、编辑功能区
包括撤销、恢复、合并为一组、取消合并、元素前置、元素后置、插入文本、圆形图案、矩形图案、连接线、直线、鼠标、拖放画布、放大/缩小画布、显示画布网格线、强制元素和网格线对齐以及画布主题。
2、绘图元素区域
包括基本图形、流程图、泳道图、业务流程、UML、实体关系、网络拓扑、维恩图、UI等绘图元素。
3、画布
将左侧的绘图元素拖拽到画布即可开始布局绘图，基本元素之间可以使用编辑区的连接线联系在一起，连接线上还可以设置箭头、文本等。如下图所示：
三、常用图形的绘制
流程图是表达工作流程一种图形，包括开始/结束、输入/输出、处理、判断等基本结构。
一般情况下：
圆角矩形代表开始/结束；
平行四边形代表输入/输出；
菱形代表判断；
矩形代表处理；
带箭头的连接线代表流程方向。
例如，根据你的考试成绩决定中午吃什么的流程图：
再比如，计算 S = 1+2+3+...+99+100 的算法流程图：
泳道图也是一种流程图，可以清晰的看到各种动作发生所在的部门：
维恩图是表达集合以及集合之间的关系的一种图表。比如，需要表达产品经理的角色时，可以理解为了解开发、懂运营、有设计感的综合人才：
时序图包括角色、对象、生命线、同步/异步/返回/自关联消息、控制焦点等元素，可以直观地表达业务进行过程中各个时间段各个角色的参与情况。例如，用户扫描微信支付二维码后发生的部分业务流程：
四、总结
以上就是绘图工具 Gliffy 的基本使用方法，希望大家从需求出发，养成绘图表达想法的好习惯，这会让你以后的工作更高效率，别人也能够快速地理解你的想法。
作者微博/微信 @Ceelog，转载请注明出处 ;)
