绘图工具 Gliffy 使用简介
工欲善其事,必先利其器。一款轻便、高效的绘图工具可以帮助我们提高工作效率,达到事半功倍的效果。今天,就给大家介绍这款基于 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 的基本使用方法,希望大家从需求出发,养成绘图表达想法的好习惯,这会让你以后的工作更高效率,别人也能够快速地理解你的想法。
http://www.jianshu.com/p/44313154b002
相关推荐
gliffy 流程图 chrome插件
Chrome插件,GliffyDiagram设计工具。可以做常用的设计 最新版1.0.32
chrome 浏览器的插件,用于离线可以进行相关的图形编写,在没有visio的时候可以进行相关的操作,便捷实用!
Chrome插件,GliffyDiagram设计工具。可以做常用的设计。 解决最新版chrome浏览器安装Chrome插件时出现"CRX-HEADER-INVALID"解决方法
- 网格对齐,绘图向导,形状对准和分布工具 - 将您的图片拖放至画布上 - 将图表导出成PNG格式(还将推出更多种文件格式) 适合于: - 基本绘图 - 流程图 - UML图表 - 网络图表 - 线框图和图样 - 网站地图 - 业务流程...
[confluence插件] gliffy-confluence-plugin-9.7.4.obr [confluence插件] gliffy-confluence-plugin-9.7.4.obr [confluence插件] gliffy-confluence-plugin-9.7.4.obr [confluence插件] gliffy-confluence-plugin-...
gliffye 插件破解 6.9.2
Excalidraw转换器用于将Excalidraw图移植到Gliffy的命令行工具。 非常适合在设计过程中绘制草图,但是您有可能必须重做这些草图以进行文档编制。 这个工具是用来桥接这些任务的。 Excalidraw Converter将Excalidraw...
最近看了一些关于Web请求资源方面的知识,自己总结了一个流程图,描述了打开浏览器访问一个网站到网站被渲染出来的流程,希望对大家的学习有所帮助~ ...内含png大图和Gliffy源文件,请使用Chrome插件Gliffy打开。
关于 drawio-desktop是一个基于Electron的diagrams.net桌面应用程序。draw.io是diagrams.net的旧名称,我们只是不想麻烦...这意味着我们没有JavaScript实现的某些功能在Desktop构建中不起作用,即.vsd和Gliffy导入。
关于 drawio-desktop是一个基于Electron的diagrams.net桌面应用程序。draw.io是diagrams.net的旧名称,我们只是不想麻烦...这意味着我们没有JavaScript实现的某些功能在Desktop构建中不起作用,即.vsd和Gliffy导入。
drop_the_box 游戏,应用要编辑uml图表,请使用umlet 要编辑其他图表,请使用gliffy
任务脑使用简单清单示例 dist文件夹上的生产就绪版本使用公开所有内容(应用,数据库) 如何使用运行: azk restart -R开发服务器(对于开发人员,使用webpack / hot / dev-server) 本地产品 ngrok暴露的产品(您...
中使用p5强大的API进行绘制,将内容保存到svg文件中,并且无需光栅化即可处理现有的SVG文件。 文件 对于贡献者 建立 npm run build 确保已安装bash,eslint,browserify和jsdoc。 运行单元测试 npm test 确保已...
-邮递员拦截器可帮助您通过邮递员应用程序发送使用浏览器cookie的请求。 -这是可以在Chrome标签页中运行的旧式邮递员扩展程序。 -每个网站的HTTP / 2,SPDY和QUIC支持的指示器按钮。 验证和查看JSON文档。 使...
您可以将其用作流程图生成器,网络图软件,在线创建UML,作为ER图工具,设计数据库架构,在线构建BPMN,作为电路图生成器等。 draw.io可以导入.vsdx,Gliffy:trade_mark:和Lucidchart:trade_mark:文件。 在此存储库...
这个库主要基于gliffy的出色工作: 。 如果您想要的是干净简单的canvas上下文API,则应使用 。 主要区别在于:此库还为元素添加了一些模拟API(例如宽度,高度,样式,className,getBoundingClientRect,...
不会从外部发送图表数据,也不会从外部发送有关应用程序使用情况的任何分析。 这意味着我们没有JavaScript实现的某些功能在Desktop构建中不起作用,即.vsd和Gliffy导入。发展draw.io是drawio-desktop的git子模块。 ...
这些是使用Gliffy chrome插件生成的。 我离开了snorby数据流,因为它使关系图变得复杂。 snorby数据库是由bar过程直接编写的。 snorby数据库的任何问题也可能导致snort代理停止写入sguild。 我认为,如果您正在...
draw.io可以从.vsdx,Gliffy(TM)和Lucidchart(TM)文件导入。 支持语言:Bahasa Indonesia,Deutsch,English,English (UK),Français,Nederlands,Norsk,Türkçe,dansk,español,español (Latinoamérica),...