`

一图胜千言——软件开发中的形象思维与图的运用

阅读更多

 

      人生下来的时候不认识文字,但眼睛已经能够接受大量的图像信息。据说人眼获得的信息,占人获得总信息的40%以上。形象思维是人的本能,它大量被运用于人的工作和生活过程中,同样也贯穿于软件开发过程中。用图交流是最有效的沟通手段之一,有时候大家争论半天,到白板前画几下就都清楚了。如果你想当一个好的传播者,软件设计师,用图来思维和表达是必须具备的素质。

       应该说,我一般主要以逻辑思维为主,右脑形象思维能力很差。这些图都是从我过去画的图中精选出来的,不是特别漂亮,但表达的目的性很强。下面,让我一一介绍给大家,希望给大家启发。

 

主要内容:

  • 逻辑图
  • 功能模型
  • 系统用例图
  • 架构图
  • 坐标图
  • 包逻辑关系图
  • 领域模型图
  • UML类图
  • UML活动图(泳道图)
  • UML时序图
  • UML部署图
  • UML状态图
  • 脑图
  • 鱼骨图
  • 画图工具介绍

 

1) 逻辑图

    目的: 表达高层概念之间的关系,一般是给客户看的。理解这种图形,一般不需要什么先验知识。

    表达:一般比较灵活,多以层次结构为主,画图可以尽情发挥想象力。

    重点:抽取主要元素,并描述他们之间的关系。

    用处:一般用在解决方案中,向客户演讲的第一张图可能就是这个。

 

             

这幅图主要采用层次,立体的方式来表达。

 

 

 

2) 功能模型图

      目的:描述软件系统的功能。

      表达:一般以树形展开。

      重点:重点是层次关系。

      用处:解决方案和需求描述中。

 

 

3)系统用例图

     目的:表达系统的参与者如何与系统进行交互,高层次。

     表达:一般用用例框图,框图内可以是用例包或用例,角色可以继承,但不应太多,影响图的可读性。

     重点:系统与干系人的交互,不一定所有功能都列在上面。

     用处:一般用在解决方案和需求描述中。

 

4)架构图

     目的:表达技术元素之间的关系,一般用在解决方案的技术架构中,也是比较高层的。

     表达:方式很多,一般是层次模型。

     重点:强调主要技术元素及其关系,突出使用的技术。

     用处:解决方案,技术讲座,技术交流,技术培训。

 

 

    

 

这是我以前在公司设想的企业应用平台的架构图,主要是概念性的。

 

5)坐标图(这个名字是自己杜撰的)

     目的:用于描述一个元素随另一个元素变化的图。

     表达:一般是两维的,表达方式为图表或坐标系。

     重点:重点表达渐进关系。

     用处:一般用于技术演讲,解决方案。

 

表示随时功能随多个迭代周期增加

 

表示随着阶段的进化,技术手段的变化。

 

 

6)UML包逻辑关系图

      目的:表达开发设计阶段,高层的逻辑关系。

      表达:排布要美观,线不要较差,散乱。

      重点:简单,强调主要依赖关系,不重要的可以不画。

      用处:设计文档,技术演讲和交流。

 

 

7)领域模型图,这个图是我认为最重要的,也是最有用的图。

     目的:表达领域概念和概念之间的关系,和类图类似,但要高一个层次。

     表达:UML元素来表达,注意和类图相比,这里一般不会有方法,概念一般用自然语言描述。表达要简洁。

     重点:强调对领域的抽象。

     用处:用于团队内部维持对业务领域的一致的理解,还可以和客户交流。

 

这是我整理的关于权限的领域模型。

 

 

稍微有点复杂,关于集装箱管理的。

 

8)UML类图

     目的:用于描述设计时,类的关系。

     表达:可以将类分组,提高可理解性。

     用处:团队内部交流,高级程序员给初级程序员指导和设计时。

     重点:强调类之间的关系,带上主要方法和属性。

 

9)泳道图(UML活动图)

     目的:用于表达业务流程,比流程图更清晰。

     表达:泳道之间最好用颜色标识,如果复杂,可以把相近操作用区域标识。

     重点:表达流程的清晰性,可读性。

     用处:描述业务流程,可用于需求,解决方案等。

 

 

10)UML序列图(时序图)

        目的:描述步骤比较多的设计。

        表达:步骤尽量少,多了可以考虑拆分。

        用处:详细设计。

        评注:以前觉得这个图挺好,现在感觉太复杂,一般用不到。

 

 

 

        这是一个伪单点登录的步骤。

 

 

这个是有点像协作图,但比协作图生动,很多地方都在用这种方式。序列图和协作图是等价的。


11)UML部署图

      目的:描述部署架构

      用处:系统架构文档等。

    

 

12)状态图

     目的:描述单个对象生命周期的变化情况。

     用处:对象状态很多,变换复杂的情况。

 


13)脑图,以前同事推荐的,越用越顺手,整理思想太好了,我每次写文章都用它。

      目的:整理零散的思想,形成条理。

      用处:写文章,团队头脑风暴,个人也能风暴。

 

 

 

14)鱼骨图,主要用于根本原因分析的。

 

 

      其实还有很多图,比如tuti博客介绍的的影响分析图 ,也挺有意思的。

 

 

下面说说画图工具:

a) Visio. 我用的最多的就是它了,几乎图都是它画的,用起来简单方便,画UML图,比一般的专业UML画图的都好看(以前主要是跟Rose比)。也看到过很多漂亮的UML图,不知道用什么画的,大家知道的,分享一下啊。

 

b) MindManager和MindMapper。主要用于画思维脑图的。

 

c) 另外以前用Together逆向生成很多uml图,也挺好看的。

 

d) 联想的best4c在线绘图工具 也不错,有空可以试一试。

 

e)前面那些工具都有,你也不一定画出比较好看而且表达简单明了的图。最强大的工具出场了,那就是google图像搜索,你可以输入“架构”,“struts2”,"osgi"等等关键字,一幅幅漂亮的图就出现在你的面前,让你灵感倍增啊。我平时做技术讲座,很多图都是这里搜的。

 

有些图可能看不太清楚,可以到我的相册里看,那里图更多更全。

 

希望和大家一起交流用图思考和沟通的经验。

 

 

 

17
1
分享到:
评论
8 楼 zgqynx 2010-04-07  
非常不错,!
7 楼 willim 2008-11-21  
非常棒,受教
6 楼 dearshor 2008-11-21  
受教了 
5 楼 gurudk 2008-11-21  
yushan 写道

很好啊 博主 都是用啥工具画的啊 ?


基本都是visio画的,我文章最后有介绍。
4 楼 avaj 2008-11-20  
非常不错,感谢分享!
3 楼 yushan 2008-11-20  
很好啊 博主 都是用啥工具画的啊 ?
2 楼 aranjuez 2008-11-20  
支持一下!
1 楼 zcsuntt 2008-11-20  
謝謝。不過現在基本沒用到。

相关推荐

    一图胜千言-Linux用户态系统态内核态结构图

    一图胜千言-Linux用户态系统态内核态结构图

    01、Javaweb技术体系-一图胜千言.vop

    01、Javaweb技术体系-一图胜千言.vop

    常见设计模式图例(一图胜千言一图秒懂).zip

    在给定的压缩包文件“常见设计模式图例(一图胜千言一图秒懂)”中,包含了多个设计模式的可视化图例,帮助开发者直观理解这些模式的核心概念和应用。 1. **简单工厂模式**:这种模式是一种创建型设计模式,它提供一...

    一图胜百言:快速了解系统中的页区-段区-块缓虫区-扇区

    一图胜百言:快速了解系统中的页区-段区-块缓虫区-扇区

    详解nodejs微信公众号开发——1.接入微信公众号

    接入微信公众号是开发的第一步,万事开头难,走好第一步,后面的路就更宽广。 1.公众平台测试帐号的...一图胜千言。接入公众号时,微信公众平台需要验证开发者的身份,向开发者填写的URL发送一个GET请求,请求中包含

    一图胜千言--SQLServer实用案例

    在SQL Server中,掌握实用案例能帮助我们更高效地管理和操作数据库。本篇文章将通过一系列图形化示例,深入浅出地介绍SQL Server的关键功能和常见应用,旨在提高你的数据库管理技能。 首先,我们来看看SQL Server的...

    软件工程知识体系结构梳理全景图.xmind

    软件工程知识体系结构梳理全景图,一图胜千言,一图胜万字,清晰明了,简明扼要。

    软件测试知识体系结构梳理全景图.xmind

    软件测试知识体系结构梳理全景图,一图胜千言,一图胜万字,清晰明了,简明扼要。

    操作系统读书笔记思维导图.xmind

    操作系统读书笔记思维导图,一图胜千言,一图胜万字,结构清晰明了,内容丰富多彩,条理简明扼要,所见即所得,简约而不简单。

    思维导图(mind map)-大脑的使用说明书.docx

    图像和色彩的使用能增强记忆和创造力,正如“一图胜千言”的道理所示。 其次,将主题连接起来,形成从中心向四周发散的结构,这模拟了大脑的联想过程。线条的粗细和字号的大小反映主题的重要程度,强调了大脑中联想...

    d3.js 数据可视化教程

    没错,一图胜千言。我们很难从枯燥的数字中发现规律与异常,但很善于从图形 中发现模式。随着人类所拥有数据规模的日益扩大,数据可视化逐渐成为一个重要 的不可或缺的技术手段。 d3.js是一个优秀的数据可视化库,...

    RUP核心概念解析

    在实践中,笔者发现,对概念的理解不到位,特别是对概念之间的关系理解不到位,是阻碍不少人成功应用RUP的原因之一。 本文采用“为概念及其关系建模”的... 看来,软件界存在不少这种“新瓶装旧酒”的现象——一个新

    信贷管理系统架构图.jpg

    信贷管理系统架构图,一图胜千言

    基础技术平台架构.gif

    基础技术平台架构,一图胜千言

    D3.js数据可视化实战手册.epub

    “一图胜千言”正是对数字可视化的最好总结。这一章涵盖了D3库中过渡以及动画的相关概念。 第7章,图形之美,介绍了SVG相关的概念。SVG是一个广泛用于数字可视化程序的W3C(World Wide Web Consortium)标准。 第8章...

    J2EE知识体系全景图.xmind

    J2EE知识体系全景图,这是Java工程师的作战地图,一图胜千言,让您清晰的了解J2EE知识体系和能力体系,构建自己的知识树和能力树。方向明确,目标清晰。哪些必须掌握,哪些是核心,哪些是重点,哪些是难点,哪些常用...

    java开发大纲知识体系结构梳理全景图.xmind

    java开发大纲知识体系结构梳理全景图,一图胜千言,一图胜万字,结构清晰明了,内容丰富多彩,条理简明扼要,所见即所得,简约而不简单。

Global site tag (gtag.js) - Google Analytics