4.2 图形符号说明

工程化的图形设计必须要统一制图标准,制图标准的统一可以快速、精确地表达和传递图中的含义,提升沟通与设计的效率及质量。图形符号是构成图形的基本要素,主要用于表达架构模型。

4.2.1 图形符号的构成

由于本书设计图形表达方式的原则是:让没有接受过制图训练的读者也可以快速理解图义,所以绘图方式采用的是“自然表达”方式,而不是“设计语言(如UML)”,为此确定了如下两个选择图形符号的原则。

(1)采用具有广泛代表性的模型,尽可能地让读者不要从图形符号的定义上去理解图的含义。

(2)采用最少数量和具有广泛认知度的符号以利于记忆和表达。

基于上述考量,本书推荐的图形符号分为三大类:要素块、关联线、背景框。

1.要素块

要素块,表示了图形中的要素,它是构成图形的核心内容,要素块可以再细分为两类:业务要素、系统要素,见图4-3。

1)业务要素

在业务设计的范围内,用来表达具有业务含义的要素,如财务系统、材料采购模块、合同签订功能、角色、交付物等。这类图标都与业务有关联。

2)系统要素

在业务设计的过程中,有一些与业务设计紧密相关的系统要素,如数据库、数据处理器等。这类图标与技术设计有关,在业务设计中仅标出与这些系统要素有相关性。

图4-3 要素块

2.关联线

用来表现节点之间的关联关系,如连接、方向、顺序、从属等。分为两大类:实线类、虚线类。关联线是表达三元素中“逻辑(关联)”的主要手法之一,见图4-4。

图4-4 关联线

3.背景框

背景框主要有两个用途,一是整合图形中的要素群,在同一背景框内的要素具有相同的目的,具有内聚性,通常是来表达“系统、模块”的含义的。二是用来为图形增加辅助信息(如组织)。背景框是表达三元素中“逻辑”的主要手法之一,见图4-5。

图4-5 背景框

4.2.2 图形符号的用法

分析与架构所采用的图形虽然形态不同,但都是使用了简单的点、线、面,以及通过它们之间的关联形成的,相同的图形符号可以构成不同的图形以表达不同的意思。下面以图4-6为例,对前述的各种图形符号的使用做一个综合示范,流程图与图形符号的使用说明如下。

图4-6 流程图与图形符号的使用

1.要素块

● 流程节点:表达了从节点“签约”到“支付”构成的业务流程,以及活动的数量。

● 合同书/报告书:表达了活动的产出物(实体)。

● 总经理:表达了角色(岗位)。

● 数据库:表明了流程中各步骤积累的数据存储到了“数据库”。

● 数据加工:表明对“数据库”中的数据进行了加工处理,经过加工的数据变成了信息,并形成了报告书。

2.关联线

● s与e:表示了流程的起点和终点。

● 签约到支付:表明了流程中有多少个节点(业务活动)。

● ◇:分歧判断,表明从“签约”出发,根据条件可以流转到“加工”或是“采购”。

● 实线箭头:表明了流程的走向,从s到e是流程的本体。

● 虚线箭头:表示将报告交给总经理,但这不是系统支持的部分,只是示意标注。

3.整合框

背景框1:框内的要素块构成了业务处理的过程。

背景框2:框内的要素构成了数据处理的过程。

背景框3:框内的要素构成了系统外处理的过程。

关于这张流程图的画法还有几点需要注意,如图4-7所示。

图4-7 流程图的绘制原则

● 要素块一定要用文字进行标注,说明这个“要素块”是用来表示什么内容的,如图4-7(a)所示。

● 箭头的“头”一定要与要素块的“边框”的连接点紧密相连,如图4-7(b)所示。

● 要素块和分歧块之间用无箭头的线相连,表明分歧的内容与要素块的内容是一体的,如图4-7(c)所示。

● 流程中特别要强调的节点,可以用3D的形式表现(带阴影、带色彩),如图4-7(d)所示。

用“关联线”建立了“要素块”之间的关系,“关联线”的背后必须要有清晰明确的逻辑作依据。关联线不可随意关联,要表现出准确的逻辑含义,同样,“背景框”也不可以是随意的“框”,因为“背景框”也表达了逻辑关系。

4.2.3 背景框的用法

要素块、关联线的用途容易理解和使用,但是整合框的作用就不是很清晰了。

背景框并非只是简单的“白色背景”,它不仅可以用简单白色框来对要素进行整合,表达要素之间简单的逻辑关联关系,而且还有提供多维度信息(如组织结构、时间维度等)的作用。结构图与具有维度信息的背景框相结合后,能够使得结构图表达更多的信息。下面举例说明结构图与背景框的协同关系。

【案例1】绘制物资采购流程图。

单独绘制的业务流程图、审批流程图上没有组织结构、岗位等信息,如果将有组织和岗位的“表格”作为背景图,与流程相叠加,就可以看出流程上每个节点代表的工作是由哪个部门、哪个岗位来完成的,如图4-8所示,这个背景框是“纵向泳道”的形式。

图4-8 物资采购流程图(一维背景框)

【案例2】绘制工程进度图。

将表达工程进度的“进度棒(条)”与表达“时间/工序框(二维)”的背景框相叠加,形成了工程进度图,如图4-9所示。这个背景框是“双向泳道”(此图也称为“甘特图”)。

图4-9 工程进度图(二维背景框)