绘图工具 Gliffy 使用简介
绘图工具 Gliffy 使用简介
![](http://upload-images.jianshu.io/upload_images/19687-5a9cd3a1215ea08d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
工欲善其事,必先利其器。一款轻便、高效的绘图工具可以帮助我们提高工作效率,达到事半功倍的效果。今天,就给大家介绍这款基于 Web 的多功能绘图软件 Gliffy 的基本使用。
一、 概览
官网:https://www.gliffy.com/
Gliffy 包括免费的基础版本和收费的高级版本,可以绘制流程图、原型线框图、UML图、BPMN图(Business Process Modeling Notation 业务流程建模与标注)、维恩图、组织架构图、网络拓扑图、网站结构图、泳道图、时序图等常用图形,能够帮助用户快速、清晰地表达想法。
另 外,Gliffy 提供在线 Web 版本和离线浏览器插件版本,可以让你随时随地轻松访问,可以保存原始文件和导出 jpeg/png 图片。一般情况下,个人使用免费的离线浏览器插件版本就能很好的满足工作需求,本文正是在这一基础上演示基本操作,更多高级功能感兴趣的读者可以自行探 索。
二、使用功能介绍
![](http://upload-images.jianshu.io/upload_images/19687-36208925fb369232.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
主要分为三个区域:
1、编辑功能区
![](http://upload-images.jianshu.io/upload_images/19687-8bd62e2f2742c091.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
包括撤销、恢复、合并为一组、取消合并、元素前置、元素后置、插入文本、圆形图案、矩形图案、连接线、直线、鼠标、拖放画布、放大/缩小画布、显示画布网格线、强制元素和网格线对齐以及画布主题。
2、绘图元素区域
![](http://upload-images.jianshu.io/upload_images/19687-d3dd7cc2326b2497.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
包括基本图形、流程图、泳道图、业务流程、UML、实体关系、网络拓扑、维恩图、UI等绘图元素。
3、画布
![](http://upload-images.jianshu.io/upload_images/19687-85a26c735af463af.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
将左侧的绘图元素拖拽到画布即可开始布局绘图,基本元素之间可以使用编辑区的连接线联系在一起,连接线上还可以设置箭头、文本等。如下图所示:
![](http://upload-images.jianshu.io/upload_images/19687-0d4aaf1b383e993b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
三、常用图形的绘制
流程图是表达工作流程一种图形,包括开始/结束、输入/输出、处理、判断等基本结构。
一般情况下:
圆角矩形代表开始/结束;
平行四边形代表输入/输出;
菱形代表判断;
矩形代表处理;
带箭头的连接线代表流程方向。
例如,根据你的考试成绩决定中午吃什么的流程图:
![](http://upload-images.jianshu.io/upload_images/19687-44dc3a8865d36063.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
再比如,计算 S = 1+2+3+...+99+100 的算法流程图:
![](http://upload-images.jianshu.io/upload_images/19687-2c461807874b41d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
泳道图也是一种流程图,可以清晰的看到各种动作发生所在的部门:
![](http://upload-images.jianshu.io/upload_images/19687-720a86a5ab62ac7c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
维恩图是表达集合以及集合之间的关系的一种图表。比如,需要表达产品经理的角色时,可以理解为了解开发、懂运营、有设计感的综合人才:
![](http://upload-images.jianshu.io/upload_images/19687-4e1baea2fd059929.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
时序图包括角色、对象、生命线、同步/异步/返回/自关联消息、控制焦点等元素,可以直观地表达业务进行过程中各个时间段各个角色的参与情况。例如,用户扫描微信支付二维码后发生的部分业务流程:
![](http://upload-images.jianshu.io/upload_images/19687-e58f2aa1a8add49e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
四、总结
以上就是绘图工具 Gliffy 的基本使用方法,希望大家从需求出发,养成绘图表达想法的好习惯,这会让你以后的工作更高效率,别人也能够快速地理解你的想法。
http://www.jianshu.com/p/44313154b002
绘图工具 Gliffy 使用简介相关推荐
- Drawio免费绘图工具
Drawio免费绘图工具 参考 Drawio使用简介(慢慢更新中) Drawio软件:github上下载.上传csdn上下载 1.网页直接使用 https://www.draw.io 2.导出保存图片 ...
- 【强大知名的CAD绘图工具】AutoCAD 2019 for Mac
以上图片来源于互联网分享,如涉及版权问题请联系作者删除. 文章素材来源:风云社区(www.scoee.com) 下载地址:风云社区(www.scoee.com) [简介] AutoCAD 2019 M ...
- confluence 制作流程图_超好用的流程图绘图工具你还没get吗?
流程图和思维导图都是个好东西 特别是科研圈的小伙伴 为啥这么说嘞 它有四大好处 →节省沟通时间,一张图就能理清的实验思路,为啥还要花几个小时去说明: →方便验证和调整,清晰的思路能减少实验中的不少弯路 ...
- 2.3 万 Star!直追微软 Visio,这个简洁实用的在线绘图工具必须推荐给你
[导语]:一款简洁强大的绘图工具,功能上直追 Microsoft Visio. 简介 Diagrams.net 是一款简洁强大的在线绘图工具,也许读者朋友们没听过这个工具,但是可能很多都听过 draw ...
- Android中的自定义View以及绘图工具
1.1自定义view的简介 为什么要使用自定义view 在Android开发中有很多业务场景,原生的控件是无法满足应用,并且经常也会遇到一个UI在多处 重复使用情况,那么就需要通过自定义View的方式 ...
- python海龟绘图代码大全-python海龟绘图的例子 python绘图工具用法
python turtle模块即海龟绘图的使用方法,对于需要进行图形编程会有一定的借鉴价值. python turtle模块简介: python2.6版本中引入的一个简单的绘图工具,叫做海龟绘图(Tu ...
- GraphViz 使用教程-用代码生成有向图。并介绍流程图、时序图等绘图工具
GraphViz 图形工具使用教程综合篇 GraphViz简述 GraphViz基本元素 生成一个有向图 node属性.edit属性和subgraph的使用 如何安装GraphViz GraphViz ...
- android 3d模型画点6,3D模型绘图工具最新版
3D模型绘图工具app是一款非常不错的3D立体模型线上制作查看服务软件,就像电脑版本的cad差不多类型,直接使用该软件可以查看和编辑绘制模型图,支持连接设备打印功能,移动模型,缩放旋转都可以.需要的可 ...
- 【云原生之Docker实战】使用Docker部署excalidraw白板绘图工具
[云原生之Docker实战]使用Docker部署excalidraw白板绘图工具 一.excalidraw介绍 1.excalidraw简介 2..excalidraw特点 二.检查本地docker状 ...
- <笔记1>matplotlib绘图工具笔记
matplotlib绘图工具笔记 python中有许多非常方便的可视化工具,例如matplotlib,seaborn等.在这里主要总结matplotlib的简单绘图方法. 设置图形的大小和中文显示,图 ...
最新文章
- 【模型解读】resnet中的残差连接,你确定真的看懂了?
- spring事物回滚遇到的问题
- 致所有.Net者和有梦想的朋友们 - 共勉
- backlog配置_Tomcat 配置详解和调优
- linuc和python常用命令是一样的么_linuc和python常用命令是一样的么_python教程3--《linux常用命令》...
- OpenStack对象存储——Swift
- C#基础9:虚函数与多态
- jQuery Mobile中固定工具栏header、footer的data-*选项
- 黑客之门脆弱的网络传输加密【ALLyeSNO】
- JSP中使用JSP模板
- python中diet是什么意思_Python基础语法(你不得不知的几种变量类型
- 周末C语言基础学习小结
- OSChina 周三乱弹 —— 总觉得路过是 VIVO 大酒店
- 51nod3155 跳房子
- Newton冷却定理微分数学公式推导
- 译文:dBA和dBC的不同
- 线性代数 --- 用条件数(condition number)来判断矩阵是否可逆
- PHP后端处理苹果内购对接
- 《黑马》——C++基础入门
- 数据结构与算法(C语言版)----运动会管理系统