2009/6/26

UML風格::易讀(一)

以下這十三條指南,都是為了讓我們可以輕易閱讀圖面上的資訊,降低誤判或不易閱讀的可能性。

--------------------
1. 避免交錯線(Avoid Crossing Lines)
2. 使用「跳躍」來描繪交錯線(Depict Crossing Lines as a Jump)
--------------------

上述第一和二條指南的意思是說,避免使用像圖4的交錯線,因為誤判。如果真的無法避免交錯線的話,請採用如圖5的跳躍線來表示。


圖4: 交錯線


圖5: 跳躍線

像是在UML活動圖中,複雜一些的流程,就很可能出現交錯線的情況,如圖6所示。


圖6: 活動圖的交錯線

其實,圖6的情況很常見,我是認為也不會真的嚴重到造成什麼誤判啦,只是圖面上看起來比較醜些。簡單一點的圖,可以調整成圖7的樣子,去掉動線交錯的情況。


圖7: 去掉交錯線

可是,我們來想像一下,如果出現如圖8,甚至於更複雜的情況時,很可能會有線段跨越整張活動圖。


圖8: 跨越整張活動圖

為了處理這種圖面上交錯線或橫跨線的表達問題,我們也可以在活動圖中使用「連接器」(connector),如圖9所示。連接器的圖示是成對的小圓,小圓內部標示出連接器的名稱,或者使用簡單的代碼也可以,比方說圖9中的連接器就簡單使用"A"代碼。圖8和圖9兩張圖同義,只不過圖9使用A連接器,把原先跨越整張活動圖的線段切斷了,再透過成對的A連接器標示出連接點。


圖9: 圓形連接器

<上一篇><下一篇>

3 回應:

匿名 提到...

有的作者鼓勵人家避免使用「連接器」(connector)
因為在比較複雜的圖
有時要花一番功夫才能找到連接器

邱郁惠(271080@gmail.com) on 2009年6月26日下午12:01 提到...

嗯嗯,概念歸概念,使用時機還是需要一些實務經驗,才能發現適用的時機。

Aquericus™ on 2009年6月26日下午9:37 提到...

有道理!圖形本來就是用來溝通的,如果圖形變得錯綜複雜而不易讀的話,就失去原來的意義了!
明天可以上課了,還好颱風沒有影響到。

 

UML Blog Copyright © 2009 Cookiez is Designed by Ipietoon for Free Blogger Template