Introduction to Drawing Tool Gliffy
If a worker wants to do a good job, he must first sharpen his tools. A light and efficient drawing tool can help us improve work efficiency and achieve multiplier effect with half the effort. Today, I will introduce the basic use of this Web-based multifunctional drawing software Gliffy.
1. Overview
Official website: https://www.gliffy.com/
Gliffy includes a free basic version and a paid premium version, which can draw flowcharts, prototype wireframes, UML diagrams, BPMN diagrams (Business Process Modeling Notation), Venn diagrams, organizational charts, and network topology diagrams , website structure diagram, swimlane diagram, sequence diagram and other common graphics can help users express ideas quickly and clearly.
In addition, Gliffy provides an online web version and an offline browser plug-in version, which allows you to easily access anytime, anywhere, save original files and export jpeg/png images. Under normal circumstances, individuals can use the free offline browser plug-in version to meet their work needs. This article demonstrates basic operations on this basis. Readers interested in more advanced functions can explore by themselves.
2. Introduction to the use of functions
Mainly divided into three areas:
1. Edit Ribbon
Including Undo, Redo, Merge into a Group, Unmerge, Element Front, Element Back, Insert Text, Circle Pattern, Rectangle Pattern, Connection Line, Line, Mouse, Drag and Drop Canvas, Zoom In/Out Canvas, Show Canvas Grid Gridlines, force element and gridline alignment, and canvas themes.
2. Drawing element area
Including basic graphics, flowcharts, swimlane diagrams, business processes, UML, entity relationships, network topology, Venn diagrams, UI and other drawing elements.
3. Canvas
Drag and drop the drawing elements on the left to the canvas to start the layout and drawing. The basic elements can be connected by connecting lines in the editing area, and arrows, text, etc. can also be set on the connecting lines. As shown below:
3. Drawing of common graphics
Flowchart is a kind of graph expressing workflow, including basic structures such as start/end, input/output, processing, and judgment.
In general:
Rounded rectangles represent start/end;
Parallelograms represent input/output;
The diamond represents judgment;
Rectangles represent processing;
The connecting lines with arrows represent the flow direction.
For example, a flowchart for deciding what to eat for lunch based on your test scores:
For another example, the algorithm flow chart for calculating S = 1+2+3+...+99+100:
The swimlane diagram is also a kind of flow chart, which can clearly see the departments where various actions take place:
A Venn diagram is a diagram that expresses sets and the relationships between sets. For example, when the role of a product manager needs to be expressed, it can be understood as a comprehensive talent who understands development, operations, and has a sense of design:
The sequence diagram includes elements such as roles, objects, lifelines, synchronous/asynchronous/return/self-associative messages, and control focus, which can visually express the participation of each role in each time period during the business process. For example, some of the business processes that occur after a user scans the WeChat payment QR code:
4. Summary
The above is the basic method of using the drawing tool Gliffy. I hope that everyone will develop a good habit of expressing ideas by drawing based on their needs. This will make your future work more efficient, and others can quickly understand your ideas.
http://www.jianshu.com/p/44313154b002