1. 引子
在学习《TCP-IP详解卷1：协议》时，会发现里面有很多数据帧格式的示例图。如果我们想自己动手画，有没有什么专业的工具呢？
Gliffy Diagrams正是你需要的。
2. Gliffy Diagrams
2.1 特点
- 人人都可以快速轻松地创建具有专业外观的图表和流程图
- 支持脱机使用
2.2 获取方式
在Chrome网上应用店中下载
Chrome网上应用店中下载
安装成功以后，在谷歌浏览器中的扩展程序中启动Gliffy Diagrams。你也可以创建快捷方式，直接在桌面或者开始菜单中启动Gliffy Diagrams
启动Gliffy Diagrams
3. 绘制步骤
以下图SLIP报文封装的示例图为例，我们来看下怎样用Gliffy Diagram绘制。
TCP-IP详解卷1：协议 第2章 截图
绘制过程中用到的工具
Gliffy Diagrams工具栏
Step 1. 画矩形框
- 选择Rectangle Tool绘制矩形
- 选择Pointer，选中刚刚绘制的矩形，会弹出edit line properties设置界面，可以设置矩形的宽和高等属性
edit shape properties
Step 1. 画矩形框
Step 2. 复制矩形框
- 选择Pointer，选中矩形框，直接Ctrl+C、Ctrl+V复制粘贴
- 选择Pointer，拖动复制的矩形框，调整位置
Step 2. 复制矩形框
Step 2. 复制矩形框
Step 3. 画虚线
- 选择Straight Line Tool绘制虚线
- 通过edit line properties设置虚线的style
edit line properties
Step 3. 画虚线
Step 4. 画箭头和实线
- 选择Straight Line Tool 绘制画箭头和实线
-
通过edit line properties设置箭头和实线
Step 4. 画箭头和实线
Step 5.设置文字
- 选择Text Tool设置文字
Step 5.设置文字
Step 5.设置文字
Step 6. 设置主题
- 选择Diagram Themes设置一个你喜欢的颜色
Step 6. 设置主题
效果图
下面两幅图，都是使用Gliffy Diagram绘制的
SLIP数据报
IEEE 802.2/802.3（RFC 1042）和以太网的封装格式（RFC 894）
4. 结束
Gliffy Diagram的功能很强大(下图左边列表它支持的所有功能)，上面列举的只是Gliffy Diagram的一小部分功能。
例如，你可以使用Gliffy Diagram去画装修效果图，由于每个控件可以设置精准的尺寸，只要预先设置好房间和家具的尺寸，可以很直观地看出家具实际的摆放效果。
更多实用有趣的功能，需要大家在实践中探索嘞。
左边列表为Gliffy Diagram支持的所有功能
