【技能】流程图、框图、时序图等---图形图表绘制总结

=================目录======================

一、流程图、框图

   1.1  ProcessOn

  1.2  draw.io

    1.2.1  使用方法

    1.2.2  作品展示

  1.3  diagram designer

二、时序图、

  2.1  TimeGen

三、函数图、

  3.1   几何画板

  3.2   ZGrapher

四、截图标注、

  4.1  QQ截图

  4.2  微信截图

  4.3  Windows快捷键 print screen

  4.4  win10工作区草图

  4.5  截图工具SnagIt

五、3D图示

  5.1  画图3D

 

 

==================正文======================

一、流程图、框图

1.1  ProcessOn

ProcessOn - 免费在线作图,实时协作

processon里边有个推荐和模板,我主要是在这获取灵感而不是用它来画图

【技能】流程图、框图、时序图等---图形图表绘制总结_第1张图片

 

1.2  draw.io

流程图 draw.io

draw.io可谓简单而强大,里边不仅能绘制流程图框图,还有很多其他类型以及各个领域的绘图模板和图标。颜色和风格的设置等也是实用美观。

还有其他一些站点,但是我觉得这两个已经够了。当然还有VISIO、亿图等软件,但我觉得在线的更轻便一些,功能也并不输给本地软件。

1.2.1  使用方法

第一步:打开网页创建新图或者打开存在的图。

【技能】流程图、框图、时序图等---图形图表绘制总结_第2张图片

①创建新文件。可以basic空文档,或者下面的模板。

【技能】流程图、框图、时序图等---图形图表绘制总结_第3张图片

②文件可以存储在云端或者本地硬盘,我都是存在硬盘,所以点击之后会直接选择电脑上的文件,后缀为.xml

 【技能】流程图、框图、时序图等---图形图表绘制总结_第4张图片

二、界面展示

【技能】流程图、框图、时序图等---图形图表绘制总结_第5张图片

 如果感觉画布区域太小可以点击三个圆圈标准的地方,关掉那些暂时不用的。

三、使用技巧

缩放:ctrl+滚轮

移动画布:滚轮,右键(滚轮)拖拽

添加图形:点击图形自动放置,拖拽图形到画布

更改图形:点选中,

【技能】流程图、框图、时序图等---图形图表绘制总结_第6张图片

【技能】流程图、框图、时序图等---图形图表绘制总结_第7张图片

样式,文字,和布局

样式里边可以快速换主题,设置填充,线条等。

最下面的copy style 和paste style很好用,可以快速把一个图形的样式设置复制到另一个

 

快速添加下一个框:

【技能】流程图、框图、时序图等---图形图表绘制总结_第8张图片

鼠标放置在图形上会出现×和四个箭头,点击箭头会出现如下

【技能】流程图、框图、时序图等---图形图表绘制总结_第9张图片

会很方便,特别是在绘制流程图的时候,然后出现的线和框可以用工具栏和属性栏快速更改样式。

如果想自己拖出一条线,鼠标放置在上图中的任意一个×上,然后拖出线到你想到的地方。

 

1.2.2  作品展示

 

【技能】流程图、框图、时序图等---图形图表绘制总结_第10张图片

【技能】流程图、框图、时序图等---图形图表绘制总结_第11张图片

【技能】流程图、框图、时序图等---图形图表绘制总结_第12张图片

 

 【技能】流程图、框图、时序图等---图形图表绘制总结_第13张图片

【技能】流程图、框图、时序图等---图形图表绘制总结_第14张图片

 

1.3  diagram designer

diagram designer 这个工具之便捷好用,值得细细体会。上手难度⭐,我用来画一些快速的草图。

【技能】流程图、框图、时序图等---图形图表绘制总结_第15张图片

 

【技能】流程图、框图、时序图等---图形图表绘制总结_第16张图片

 

二、时序图

2.1  TimeGen

【技能】流程图、框图、时序图等---图形图表绘制总结_第17张图片

【技能】流程图、框图、时序图等---图形图表绘制总结_第18张图片

 

 

三、函数图

3.1   几何画板

 

【技能】流程图、框图、时序图等---图形图表绘制总结_第19张图片

 

 3.1   几何画板

【技能】流程图、框图、时序图等---图形图表绘制总结_第20张图片

 

【技能】流程图、框图、时序图等---图形图表绘制总结_第21张图片

 

 

四、截图标注、

4.1  QQ截图

我把截图设置的快捷键,所以很便捷,一些常用的标注工具很方便

【技能】流程图、框图、时序图等---图形图表绘制总结_第22张图片

4.2  微信截图

和QQ截图类似,得装电脑版微信

4.3  Windows快捷键 print screen

4.4  win10工作区草图

【技能】流程图、框图、时序图等---图形图表绘制总结_第23张图片

4.5  截图工具SnagIt

【技能】流程图、框图、时序图等---图形图表绘制总结_第24张图片

这个工具截图完成自动进入编辑工具

【技能】流程图、框图、时序图等---图形图表绘制总结_第25张图片

 

 

五、3D图示

5.1  画图3D

这里不是说什么3D MAX等专业工具,而是win自带的一个小工具

【技能】流程图、框图、时序图等---图形图表绘制总结_第26张图片

 

【技能】流程图、框图、时序图等---图形图表绘制总结_第27张图片

 

=================完======================

 

转载于:https://www.cnblogs.com/tony-ning/p/7169526.html

你可能感兴趣的:(【技能】流程图、框图、时序图等---图形图表绘制总结)