周?chē)硕荚谡f(shuō)ProcessOnhttps://www.processon.com/i/56a862c0e4b04c153e9e359d功能強(qiáng)大基显,但具體有多強(qiáng)大卻很少有人能說(shuō)明白撩幽,索性就根據(jù)自己日常使用的感觸寫(xiě)一下目前網(wǎng)站支持窜醉,但大多數(shù)人懶得去探索發(fā)現(xiàn)的技能好了榨惰。
以下是文章梳理的主要內(nèi)容居凶,大家可以先簡(jiǎn)單看一下。
好了抹估,接下來(lái)進(jìn)入正題药蜻。
如何新建流程圖谷暮?
ProcessOn作為一個(gè)在線作圖工具湿弦,在支持流程圖之外颊埃,還同時(shí)支持原型圖班利、UML圖罗标、時(shí)序圖闯割、BPMN等多種圖形宙拉,具體多少種格式可以看下圖
這些圖形與流程圖有著一樣的編輯器谢澈,所以不管新建了這里面的那種圖形锥忿,都可以成功進(jìn)入流程圖編輯頁(yè)面進(jìn)行操作敬鬓。
新建流程圖有兩種方式:在我的文件頁(yè)面點(diǎn)擊新建--流程圖即可
或者在模板頁(yè)面的分類(lèi)中進(jìn)行新建
流程圖編輯頁(yè)面的基本功能
如圖瑞你,具體的功能區(qū)域我進(jìn)行也相關(guān)的標(biāo)注者甲,大家可以簡(jiǎn)單了解一下虏缸。
講道理刽辙,在我們接觸一個(gè)新的產(chǎn)品或者頁(yè)面的時(shí)候宰缤,第一反應(yīng)應(yīng)該是去看一看它有什么功能晃洒,支持多少神操作球及,是否能夠滿足我的需求筹陵,而不是什么都不管直接上手操作镊尺,有不懂的再去問(wèn)別人鹅心,張口直接問(wèn)是一種很懶且不動(dòng)腦子的行為旭愧,十分不好宙暇,還不如自己先探索一下桃熄,能給自己和別人省去很多麻煩瞳收。
文件編輯頁(yè)面分為菜單欄,工具欄谐宙、圖形區(qū)凡蜻、編輯區(qū)划栓、導(dǎo)航區(qū)条获、幫助中心钻洒,具體每個(gè)按鈕的功能我就不介紹了锄开,因?yàn)樘嗔耍蠹铱梢宰约喝c(diǎn)擊看一下头遭,我會(huì)根據(jù)需要對(duì)一些特別常用的功能進(jìn)行一下說(shuō)明计维。
主要提一下菜單欄中【頁(yè)面】的幾個(gè)重要且常用功能
背景顏色:如果未對(duì)文件的背景顏色有過(guò)修改,系統(tǒng)默認(rèn)的顏色為透明欠母,所以如果導(dǎo)出的是圖片格式吆寨,會(huì)發(fā)現(xiàn)自己的文件背景是黑的六水,如果不需要透明色,可以在下載前根據(jù)自己的需要進(jìn)行修改睛榄。
頁(yè)面大行阜选:在作圖的過(guò)程中經(jīng)常會(huì)遇到圖畫(huà)到一半發(fā)現(xiàn)可繪制區(qū)域不夠用憎乙,且畫(huà)布不會(huì)自動(dòng)延展的情況,怎么辦阵谚?當(dāng)然是要手動(dòng)調(diào)整一下畫(huà)布頁(yè)面的大小梢什,就點(diǎn)擊頁(yè)面-頁(yè)面大小就可以根據(jù)使用需要進(jìn)行調(diào)整嗡午。
但有兩點(diǎn)需要注意一下:文件大小不可過(guò)大荔睹,不然很有可能會(huì)影響到文件的編輯和下載僻他;
此處設(shè)置的頁(yè)面大小非下載時(shí)的頁(yè)面大小吨拗,因?yàn)橄螺d時(shí)系統(tǒng)自動(dòng)對(duì)有內(nèi)容的區(qū)域進(jìn)行裁切,所以最后下載下來(lái)和自己當(dāng)時(shí)設(shè)置頁(yè)面大小時(shí)的大小不一致婿斥。
顯示網(wǎng)格:網(wǎng)格只有在文件編輯頁(yè)面方便大家對(duì)齊編輯才會(huì)顯示劝篷,下載時(shí)網(wǎng)格并不會(huì)一同下載下來(lái);如果在編輯過(guò)程中不希望頁(yè)面中有網(wǎng)格受扳,直接點(diǎn)擊去掉前面的對(duì)勾就可以携龟;同時(shí)還支持網(wǎng)格的大小兔跌,可以根據(jù)需要進(jìn)行調(diào)整勘高。
基礎(chǔ)編輯
圖形選擇
目前網(wǎng)站支持繪制的圖形有很多種,如果在左側(cè)圖形區(qū)域沒(méi)有找到自己需要的內(nèi)容,可以點(diǎn)擊【更多圖形】進(jìn)行勾選使用
如果這么多圖形還是無(wú)法滿足你的使用需求华望,可以在搜索框內(nèi)輸入英文關(guān)鍵詞進(jìn)行搜索查找蓬戚,一般找到的圖形甚合朕意;但需要注意的一點(diǎn)是,搜索到的圖形容易被墻然后無(wú)法正常顯示缕棵,有利有弊吧别厘。
圖形調(diào)整
圖形等比例縮放
在對(duì)圖形進(jìn)行調(diào)整的時(shí)候按住ctrl就可以等比例對(duì)圖形進(jìn)行調(diào)整雕蔽,這里不光可以調(diào)整圖形,還可以調(diào)整插入的圖片,適用于該編輯器內(nèi)的所有等比例操作。
圖形的對(duì)齊娜搂、分布、大小
對(duì)圖形的這些調(diào)整,都在工具欄中的【排列】上,所以如果需要進(jìn)行設(shè)置,首先就要選中自己要調(diào)整的多個(gè)圖形!選中圖形!選中圖形盹廷!選中圖形淆衷!(重要的事情要說(shuō)三遍)
圖形對(duì)齊
目前支持圖形的左對(duì)齊、居中對(duì)齊、右對(duì)齊、頂端對(duì)齊敷钾、垂直居中對(duì)齊财松、底端對(duì)齊
圖形分布
目前支持圖形的水平平均分布舶掖、垂直平均分布
匹配大小
如果對(duì)一些圖形的設(shè)置希望他們等寬登高等,就很需要進(jìn)行匹配大小,省去了自己一個(gè)一個(gè)對(duì)照調(diào)整的時(shí)間。
圖形復(fù)用
如果你經(jīng)常遇到同樣的圖形法梯,需要對(duì)一個(gè)圖形多次使用刁憋,但是每次復(fù)制粘貼都很麻煩,這個(gè)時(shí)候復(fù)用功能就很有必要了互广,快捷鍵是:Ctrl+D旅敷,真的是百試不爽柔纵。
文字
插入文字
快捷鍵:T
同時(shí)也可以在菜單欄上點(diǎn)擊插入-文字進(jìn)行操作
文字方向調(diào)整
網(wǎng)站自定義文字方向?yàn)闄M向,但有時(shí)候需要垂直的文字方向,選中文本框之后嗡善,選擇其中的一個(gè)角對(duì)其進(jìn)行橫向擠壓揭蜒,就能實(shí)現(xiàn)文字的豎排了欺冀。
同一個(gè)文本框中的不同字體樣式
現(xiàn)在網(wǎng)站還不支持直接對(duì)同一個(gè)文本框中的部分字體進(jìn)行樣式編輯蛛芥,只要進(jìn)行修改,就會(huì)全部變成你設(shè)置的格式,所以如果你想要對(duì)某些內(nèi)容進(jìn)行修改的話赋朦,可以通過(guò)組合多個(gè)不同文本框的方式實(shí)現(xiàn)
連線
目前在網(wǎng)站上插入連線不能在圖形區(qū)域進(jìn)行選擇插入狱庇,需手動(dòng)通過(guò)快捷鍵或者菜單欄中的插入進(jìn)行操作,所以大家不要在圖形區(qū)找各種直線口猜、折線崖堤、虛線、曲線!
插入:
快捷鍵:L
菜單欄:點(diǎn)擊插入-連線
目前網(wǎng)站支持的線條修改樣式如圖愚战,從左到右包括線條顏色、線寬糜烹、線條樣式(實(shí)線、虛線等)比肄、線條類(lèi)型(折線、直線鳍侣、曲線)、起點(diǎn)樣式、終點(diǎn)樣式。
比如調(diào)整之后線條可以變成這樣,但對(duì)線條的設(shè)置有一個(gè)大前提:必須選中連線才可以仑荐!必須選中連線才可以!必須選中連線才可以!
泳道圖的使用
這個(gè)在網(wǎng)站的幫助手冊(cè)里面介紹的還算比較詳細(xì),大家可以去看看二汛,或者直接戳鏈接了解:https://www.processon.com/support#flow-siwmming-pool
有一點(diǎn)需要強(qiáng)調(diào)一下幸海,就是泳道圖中的分隔符帚称,垂直分隔符應(yīng)用在水平泳道圖中始花,水平分隔符應(yīng)用在垂直泳道圖中程剥,這兩條分隔符不能獨(dú)立于泳道圖使用。
快捷鍵
網(wǎng)站的快捷鍵入口有點(diǎn)深,在菜單欄中的幫助-快捷鍵列表中