[摘要]产品经理在描述需求、业务和产品设计时通常会用到一些图表，比如流程图和时序图。总结一下这次用的序列图。

1.理解时序图:

序列图是一种面向程序开发人员的UML建模。用于显示按时间顺序排列的对象之间相互作用的图表。序列图显示了交互中涉及的对象以及它们之间消息交互的顺序。

在产品经理的工作中，用来及时反映多个对象之间的交互。所以你在使用的过程中不必过多遵循UML建模的规范。还是那句话，解决问题就够了。

2.绘图工具

Windows系统可以使用Visio(非常好用)。

Mac系统可以使用:OmniGraffle(自己版本的UML-序列)

也可以用一些线上的，比如processon。

Ps:欢迎补充有用的工具。

3.时序图中包含的建模元素

主要包括:演员、生命线、控制焦点、消息等。

生命线:生命线在序列图中用从对象图标向下延伸的虚线表示，表示对象存在的时间信息:

同步消息=调用消息:消息的发送方将控制权传递给消息的接收方，然后停止活动，等待消息的接收方放弃或返回控制权。用来表示同步的意思。

异步消息:消息的发送方通过消息将信号发送给消息的接收方，然后继续他的活动，而不等待接收方返回消息或控制。异步消息的接收者和发送者同时工作。

返回消息:返回消息表示从过程调用返回。

自相关消息:表示一个方法调用自己，而对象中的一个方法调用另一个方法。

4.图例显示:

时序图的一些元素

5.例如:

记得配个图例。

“交换:积分商城”的一个例子

这篇文章是由白一产品公司为您推荐和呈现的。

文章来源:简氏书

作者:阿特曼阿特曼

友情提醒:

如来源标注有误，请联系QQ: 2977686517及时更正。感谢您的理解和支持！

青少年关注我们的官方微博@产品100和微信订阅号:chanpin100ghsd。真是惊喜！

未经允许不得转载:产品100，产品经理要画的图:时序图。

. erx -sidelist -相关{ line -身高:1.5；填充:1em 0；} . erx -related -tit { margin:0 0 9px；} . erx -related -tit span { position:relative；显示:inline -block；margin -right:. 8 em；背景:rgba(0，0，0，.. 1)；填充:2px .8emwhite -space:nowrap；光标:指针；不透明度:. 7；} . erx -相关-滴度。Cu { color:# fff；背景:rgba(255，80，0，. 8)；不透明度:1；} . erx -相关-滴度。cu::在{内容:""之后；位置:绝对；top:100%；左:50%；margin -左:-5px；边框:5px透明实心；border-top-color:rgba(255，80，0，. 8)；}.erx-related-list{display:无；} . erx -related -list . Cu { display:flex；flex -wrap:wrap；justify -内容:space -之间；} . erx -related -列表Li { width:48%；边距:8px 0 0white -space:nowrap；text -溢出:省略号；溢出:隐藏；}ps如何画虚线ps如何画虚线(ps如何画虚线空心圆) $(function(){ $(".erx-related-tit span ")。hover(function(){ $(这个)。addClass("cu ")。兄弟姐妹()。remove class(" Cu ")； $(".erx-related-tab ul ")。eq($(这个)。index())。addClass("cu ")。兄弟姐妹()。remove class(" Cu ")； }); });