干貨 | 使用Gliffy Diagrams畫數據幀

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支持的所有功能
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容