绘制状态图的细节

一 状态图的布局样式

1 主状态从上到下画

能让人清晰的看到一条主线，进而理解核心内容。次要状态可放在主状态的右侧，如果右侧已放满，可以放在左侧。

2 线条和文字颜色统一

建议用蓝色或灰色。统一颜色的好处是，便于产品经理快速维护文档。但是，不同角色的操作可以用不同的颜色。这样可以让读者快速知道不同角色会做什么。比如，用户的操作用黑色，审核人员的操作用红色。

3 状态的文字表述

有两点需要注意：

a 状态用“主语+状态”表述

好处是可以强调在表达哪个对象的状态。同时主语占一行，状态另占一行，这样行文更加清晰。

b 状态用两个短语表述

比如，商品已经提交，就等于商品商品等待审核，此时可以用两个短语描述一个状态，即“已提交，待审核”。

4 进行必要的简化

完整的状态图的连线非常多，这样会导致状态图很乱，因此需要简化，在简化时需要注意以下两点。

a 线条合并

按照规定，如果两个状态可互相转移，如从“已通过审核”状态转移到“未通过审核”状态，从“未通过审核”状态也可以转移到“已通过审核”状态，就需要画两条单向箭头线。此时就可以简化，即在这两个状态之间绘制一条双向箭头线。

b 多用备注

任何状态都可以转移到“已删除”状态，这样将导致连续很多，因此可以在“已删除”状态旁边加备注，说明在什么情况下可以删除该对象。

二 状态的进阶设计

1 按显示不同确定状态