前言

在软件开发领域，图形是一种非常有用的工具，可以帮助开发人员更好地理解和组织复杂的信息。随着项目规模的增长和需求的变化，使用适当的图形表达可以提高团队沟通效率，促进项目的顺利进行。

流程图

  • 帮助我们把一个复杂的过程简单而直观地展示出来，大大提高了我们的效率。

  • 在我们画出一张流程图之后，方便我们将实际操作的步骤和我们想象的过程进行比较、对照，更加方便我们寻求改进的机会。

  • 流程图还能帮助我们将工作过程中复杂的、有问题的、重复的部分、多余的环节以及可以简化和标准化的地方都显示出来，有利于我们把复杂流程简单化。

示例

flow chart.png

各种图形的含义

flow chart2.png

思维导图

  • 思维导图，又名心智导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效同时又很高效，是一种实用性的思维工具。

  • 有效而且高效的思维模式应用于记忆、学习、思考等的思维“地图”，有利于人脑的扩散思维的展开。

示例

map.png

UI原型图

  • 总的来说，原型图是指用于呈现软件产品功能界面、交互设计及逻辑流程的设计项目。你也可以将原型图理解为一款软件的草图，这款软件有哪些功能、有几个界面、各个功能的作用是什么、各界面的流转关系又是什么，这些内容就可以通过原型图来说清楚。

示例

yuanxing.jpg

类图

  • 类图是面向对象编程的起点和依据。它是最常用的UML图，显示出类、接口以及它们之间的静态结构和关系，它用于描述系统的结构化设计。

  • 类图用于描述系统中所包含的类以及它们之间的相互关系，帮助我们简化对系统的理解，它是系统分析和设计阶段的重要产物，也是系统编码和测试的重要模型依据。

示例

class.jpg

部署图

  • 部署图(deployment diagram，配置图)：是用来显示系统中软件和硬件的物理架构。从部署图中，您可以了解到软件和硬件组件之间的物理关系以及处理节点的组件分布情况。使用部署图可以显示运行时系统的结构，同时还传达构成应用程序的硬件和软件元素的配置和部署方式。

  • 可视化系统的硬件拓扑

  • 描述用于部署软件的硬件组件

  • 描述运行时处理节点

示例

bushu.png

时序图

  • 时序图(Sequence Diagram)，又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。

  • UML序列图表示类、组件、子系统或参与者的实例之间的消息序列。(Microsoft Visio中的定义)

  • 展示对象之间的交互关系：时序图能够清晰地展示系统中各个对象之间的交互关系，包括消息的发送者和接收者，以及消息传递的时间顺序。

  • 描述系统的动态行为：通过时序图，我们可以描述系统的动态行为，即系统在运行过程中各个对象的状态变化和交互过程。

  • 辅助架构设计：在架构设计阶段，时序图可以帮助我们分析系统的整体结构和各个组件之间的协作关系，从而更好地进行系统设计和优化。

时序图中的元素

  • 角色(Actor)

    • 系统角色，可以是人或者其他系统，子系统。以一个小人图标表示。

  • 对象(Object)

    • 对象位于时序图的顶部，以一个矩形表示。对象的命名方式一般有三种：

      • 对象名和类名，例如：猫猫:Cat。

      • 只显示类名，例如：AClass。

      • 只显示对象名，例如：猫猫。

  • 生命线(LifeLine)

    • 时序图中每个对象和底部中心都有一条垂直的虚线，这就是对象的生命线(对象的时间线)。以一条垂直的虚线表。

  • 控制焦点(Activation)

    • 控制焦点代表时序图中在对象时间线上某段时期执行的操作。以一个很窄的矩形表示。

  • 消息(Message)

    • 表现代表对象之间发送的信息。消息分为三种类型：

    • 同步消息(Synchronous Message)

      • 消息的发送者把控制传递给消息的接收者，然后停止活动，等待消息的接收者放弃或者返回控制。用来表示同步的意义。以一条实线+实心箭头表示。

    • 异步消息(Asynchronous Message)

      • 消息发送者通过消息把信号传递给消息的接收者，然后继续自己的活动，不等待接受者返回消息或者控制。异步消息的接收者和发送者是并发工作的。以一条实线+大于号表示。

    • 返回消息(Return Message)

      • 返回消息表示从过程调用返回。以小于号+虚线表示。

  • 自关联消息

    • 表示方法的自身调用或者一个对象内的一个方法调用另外一个方法。以一个半闭合的长方形+下方实心剪头表示。

示例

shixu.png

常用画图工具\网站

  1. Axure

    • 直达官网

    • Axure，全称叫做 Axure RP 。Axure作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

    • Axure 是一款专业的快速原型设计工具，拥有强大的组件库，可快速完成产品或 Web 线框图、流程图及原型设计，加上控件和动效的支持，堪称交互神器，支持 Window、macOS 系统。

  2. Xmind

    • 直达官网

    • Xmind是一款全功能的思维导图和头脑风暴软件。像大脑的瑞士军刀一般，助你理清思路，捕捉创意。

  3. Draw.io

    • 直达官网

    • Draw.io是一款非常出色的免费流程图绘制工具。利用这款工具，您可以轻松地绘制各种图表、图示和图形，涵盖了流程图、UML类图、组织结构图、泳道图、E-R图、文氏图等多种类型，适用于商务、工程、电气、网络设计、软件设计等各个领域的专业绘图需求。Draw.io致力于成为一款完全开源、免费且高质量的绘图软件。

    • 可在线画图

  4. StarUML

    • 直达官网

    • StarUML是一个复杂的软件建模工具，旨在支持敏捷和简洁的建模。（摘自官网）

  5. Visual Paradigm

    • 直达官网

    • Visual Paradigm是一套用于IT项目开发和数字化转型的设计、分析和管理工具。它提供敏捷和Scrum、企业架构、DevOps、在线图表、团队协作等功能。

  6. Microsoft Visio

    • 直达官网

    • 微软Visio是一款功能强大且多功能的图表和矢量图形应用，可帮助您创建流程图、基本网络图、文氏图、块图以及业务矩阵。

  7. Processon.com

    • 直达官网

    • ProcessOn是一款专业在线作图工具和知识分享社区，提供AI生成思维导图流程图。支持思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等多种图形，同时可实现人与人之间的实时协作和共享，提升团队工作效率。