畫流程圖、架構圖線上工具(1) Diagramly | diagrams教學
我們一定會常碰到繪製流程圖或架構圖的機會,畫的方法不外乎是利用officeword或powerpoint,使用過的人一定知道office軟體畫框框、拉線段、調顏色等實在是超辛苦的…若再碰到複雜一點的圖,還不如用手畫還比較快!其實畫這些圖有更簡單的方法,在此介紹Diagramly給大家,絕對幫您省下寶貴的繪製時間。軟體簡介:Diagramly是線上繪製樹狀圖、架構圖、流程圖工具,免註冊、免安裝即可使用,且不需任何費用,使用界面雖為簡體中文,但編輯可支援繁體中文(細明體),完成後可輸出XML、PNG、JPG與SVG等格式。官方網站:http://www.diagram.ly...
我們一定會常碰到繪製流程圖或架構圖的機會,畫的方法不外乎是利用office word或powerpoint,使用過的人一定知道office軟體畫框框、拉線段、調顏色等實在是超辛苦的…若再碰到複雜一點的圖,還不如用手畫還比較快!其實畫這些圖有更簡單的方法,在此介紹Diagramly給大家,絕對幫您省下寶貴的繪製時間。
軟體簡介:Diagramly是線上繪製樹狀圖、架構圖、流程圖工具,免註冊、免安裝即可使用,且不需任何費用,使用界面雖為簡體中文,但編輯可支援繁體中文(細明體),完成後可輸出XML、PNG、JPG與SVG等格式。官方網站:http://www.diagram.ly[1]
使用說明:只要有網路,直接點選官方網站即可開啟Diagramly[2]使用。進入網站後,Diagramly貼心的提供簡單的使用說明。以下是Diagramly使用介面:
步驟一:增加物件1.從「素材面板」內,點選想要的形狀後,按住滑鼠直接拖曳至「編輯面板」後,放開後就會出現,在方框內以滑鼠連點兩下進行文字編輯。
2.增加的第一個方框後,滑鼠移至方框會出現藍色箭頭,滑鼠按著藍色箭頭後拖曳(任何方向皆可),即可複製出有連結箭頭的相同的物件。
3.之後要增加物件,依同樣方式點選欲使用之物件拖曳至編輯面板即可,或利用滑鼠右鍵功能「Duplicate」進行複製。
步驟二:調整物件屬性1.若想調整頁面、文字與框線格式可至編輯列(參考以下圖示),設定前需點選到該物件才能確實套用效果。例如:要調整連接線的樣式,點選線段後再點選格式設定。
(形狀顏色調整範例)
2.物件的大小只要調整物件邊界上綠色節點即可,點選節點托曳適合的的大小。
步驟三:物件與物件間的關聯性1.欲建立物件間的關連線,只要從「素材面板」點選一個連接線,滑鼠點選後不放拖曳至「編輯面板」後放開即會出現。
2.點選連接線起點的綠色點,拖曳到對應物件會出現綠色框框,表示選取成功放開滑鼠就可以。
3.同樣步驟,點選連接線終點的綠色點,拖曳到另一個對應物件同樣會出現綠色框框,放開連接線物件間的連接線就製作完成...