標籤:

如何製作流程圖?


選對一款合適的繪圖軟體,能讓你製作流程圖更加高效。

單從功能實現層面看,目前確實有不少軟體都能製作流程圖,傳統的工具有PPT、Word,專業的繪圖工具有visio、億圖圖示、OmniGraffle、http://draw.io等。但如果題主更考慮繪圖的高效性、便捷性,那麼國產的億圖圖示軟體會是不錯的選擇。

這樣的推薦絕非無的放矢,下面直接給你們看效果:

Windows8升級決策流程圖

業務流程圖

購買流程圖

以上流程圖都是用億圖圖示軟體繪製而成。

用億圖圖示繪製這些圖形也不難,三步就能完成:

第一,打開軟體,選擇選擇「新建&>流程圖&>基本流程圖&>新建空白畫布」;;

小tips:如果不清楚自己繪製圖形的具體類型,直接選「全部」類型即可

新建畫布

第二步,可以直接從左側符號庫拖拽合適的圖形,也支持通過關鍵詞搜索自己想要的符號;億圖圖示符號庫非常龐大,擁有26000+符號,基本能滿足你們的基本需求。

第三步,用連接線表達流程圖組件的路徑關係。億圖圖示軟體默認開啟「圖形自動連接」,如下圖所示,當滑鼠放在圖形上時,圖形周圍會出現灰色尖頭,點擊這個尖頭就會自動連接到該方向的圖形。

自由拖拽符號

感興趣的小夥伴,可以體驗下▼▼▼

億圖圖示軟體 - 高效繪製流程圖?

www.edrawsoft.cn圖標

除了操作簡單,億圖圖示軟體還有很多強大的功能,比如:

社交分享

如果你想把文件分享給同事/朋友,可以點擊菜單欄右上角分享按鈕,支持分享至微信、微博、QQ以及QQ空間,其中微信分享支持文件生成二維碼,用戶分享即可完成分享動作。

豐富的繪圖類型、模板

億圖圖示擁有260+繪圖類型,包括流程圖、組織結構圖、系統架構圖、電路圖、平面布置圖等,基本能滿足用戶的大部分需求。

流程圖類型

軟體還內含3000+專業模板和UGC作品,可以全面提升你的繪圖效率。找到心儀的模板,選擇一鍵「使用」即可變成自己的作品。

億圖圖示模板中心

&>&>&>億圖圖示中心-海量模板在線使用

支持多端運行

億圖圖示同時兼容Windows、Mac、Linux,以及網頁在線版;無論你是什麼類型的電腦,億圖圖示都可以進行超完美適配。

支持多種文件格式導入導出

導入上,除了支持常見的圖片格式、HTML格式、PDF格式外,它還額外支持導入Visio格式、ico格式等。

導出上,億圖圖示支持的文件格式也非常多樣,大部分流程圖軟體不支持的PS、Word、Excel、PPT等格式,通過億圖圖示同樣可以導出。當然,Visio格式同樣支持導出。

文件導出

個人雲文檔

億圖圖示最新版還打通了電腦版與在線版,增加了個人雲功能。只需登陸同一個賬號,兩個平台即可實時同步更新文件。不管你怎麼更換電腦,都不用擔心軟體不兼容或文件丟失的問題。

億圖圖示軟體 | 海量素材 | 多端運行 | 雲儲存?

www.edrawsoft.cn圖標

感興趣的小夥伴,可以mark下???


今天的主題想跟大家分享一下關於PPT中流程圖的設計方法。

一般的流程圖,大家都是使用形狀之類的元素簡單設計。

其實還可以將其處理相對精美一點,這個方法早前也有分享過,比如這種線型的流程圖。

再比如這種面型的流程圖。

再或者這種環繞型的流程圖。

不管哪種流程圖,既要確保內容的完整性也要讓內容更加清晰直觀、美觀。

下面主要分享兩種流程圖的設計方法,直線型和環繞型。

1、直線型流程圖

先來看一下直線型的流程圖,這裡主要以實際的案例分享。

不僅讓你知其然,還要知其所以然。

首先看一下第一個案例,可以看出主要採用箭頭形式,但是效果太過複雜。

其實完全沒有必要,可以將其換成這種線型的設計方法。

既能滿足設計感,還能讓內容變得更加直觀清晰,看一下。

除此之外還有這種類型的流程圖,為了讓內容變得更加規整使用形狀。

這種方法完全沒錯,只是在排版上有點單一。

同理也可以使用這種線框和箭頭的效果設計,並將排版布局好。

除此之外,還可以借用這種比較有新意的線條設計,整體的視覺效果比較突出。

還有一種流程圖,其文字內容比較少,但是卻十分的長。

比如下面這種工業類型的流程圖。

如果還是按照原來的橫型排版,頁面內容顯得比較擁擠。

這時可以調整版式,使用這種豎向的效果,內容即可變得很清晰。

還有這種類型也是的,流程比較多。

為了讓其變得更加規整統一,使用這種線條穿插的樣式設計,視覺效果會好一些。

那麼對於極為複雜的流程圖又該怎麼處理呢?

比如這種流程圖,看到頭皮都是麻的,有沒有這種感覺。

其實這種頁面主要是由於元素沒有用好,以及排版問題。

很簡單,使用這種灰色和有色的形狀即可讓其統一起來。

最後再看一個例子,這種其實也是非常複雜的頁面。

可以根據內容簡單的調整一下,讓其變得更加統一即可。

2、環繞型流程圖

接下來再來看一下關於環繞型流程圖的設計方法。

同理,這裡也以實際的案例給大家分享一下。

對於環繞型的流程圖或許大家已經不陌生了,比如下面這種流程圖。

如果按照上面的設計方法,顯然太過於單調。

為了讓其變得更加美觀起來,我們使用這種漸變的圓形和背景處理。

還有這種,十分「霸氣」的環繞型流程圖,內容看起來很清晰,但是視覺效果不是太好。

很簡單,使用這種層疊的設計方法,然後再藉助箭頭處理。

最後再給大家舉個例子,這種對比反差比較大的效果,如果處理好,也會非常精美。

比如,依然採用色彩對比比較大的效果,然後再用這種立體元素進行裝飾設計。

好了,關於內容比較長的流程圖,或許大家已經有了設計靈感。

最後再看一下設計之後的效果。

以上圖片案例素材均來源於網路分享,侵刪

關於本次的主題內容,就分享這麼多,希望對你有幫助。

下期見!


流程圖是一種用於描述事件流程的符號化的圖形語言,涵蓋了流進系統的信息流、觀點流和部件流等信息。為方便區分,流程圖有五種基本符號:圓角矩形表示「開始」或者「結束」;矩形框表示普通工作環節;菱形表示問題判斷;用平行四邊形表示輸入輸出;箭頭即為流程線,表示工作流方向。

繪製流程圖也就是將一件事務從開始到結束的各環節流程用圖的形式來表達,繪製的方法有手繪或者是軟體繪製。軟體繪製推薦使用億圖圖示,拖曳式操作簡單便捷,繪圖功能和類型也很齊全。

下面是使用億圖圖示繪製流程圖的步驟:

首先點擊新建,選擇所要繪製的流程圖類型,選擇好後下方就會出現相應的模板庫。

然後在模板庫中選擇一個自己喜歡的模板,點擊進行使用,就可以開始進行繪製啦

根據自己的需要,增刪模板內的圖形和文字。調整完畢後就繪製完成了~

完成繪製以後可將文件進行導出或者是分享。

附上官網鏈接

億圖圖示設計軟體 - 億圖圖示?

www.edrawsoft.cn圖標


這題不要太簡單好嗎?用每台電腦上都有的「PPT」來做就行啦!

用PPT的話,別說流程圖,各種妖艷又有創意的時間軸、層次結構圖等等,PPT都能承包好嗎!

下面我就專門來講講怎麼用PPT來做流程圖~

利用萬能的線條

其實無論是時間軸還是層次結構圖,包括現在要講的流程圖,萬能的線條都能派上用場!

你只需要用最基礎的直線(按住shift就能插入直線),再插入幾個形狀,將它們連接起來即可:

不過,用直線的話你要注意一個點,那就是各個元素要注意對齊否則你就會做出下面這種各個細節都歪七扭八的效果…

怎麼確保元素對齊?使用PPT里自帶的對齊工具即可~

先框選中你需要對齊的元素,點擊【開始】-【排列】-【對齊工具】-選擇一種你需要的對齊方式即可:

除了完全筆直的直線以外,你還可以使用折線

比如當你想表達流程的曲折,或是想突出上升的趨勢的意思時,使用折線就會非常合適:

除了上面提到的直線跟折線以外,你還可以使用更有創意的曲線

除了好看以外,使用曲線還有一個好處,那就是它可以裝下更多流程內容!

這些曲線是怎麼畫的?

你可以用PPT自帶的【自由曲線】畫出曲線,右擊曲線選擇【編輯頂點】,就可以精確調整曲線的弧度了:

利用小巧的箭頭

利用箭頭來鏈接各個流程也是常見的做法,不過,一般人只會用普通的箭頭,就像下面這樣:

其實PPT里自帶了一個更小巧的箭頭形狀,比如用下面這個形狀的話就可以讓流程圖看起來更精緻:

在使用箭頭之前,還有一個需要注意的點——如果元素比較多,那麼你最好先把流程的內容整合成一個個模塊,比如用形狀把它們「裝起來」,這樣元素看起來就不會太鬆散:

▲元素鬆散

▲模塊分明

如何畫出以上箭頭?

首先,你需要用前面提到的【自由曲線】跟【編輯頂點】工具畫出曲線。

接著,右擊曲線,點擊【設置形狀格式】-【填充】-【線條】-在【開始箭頭類型】或【結尾箭頭類型】那裡把端點改成箭頭即可:

像列表般一字排開

列表式排版法,可以說是製作流程圖的方法裡面裡面最簡單的一種。

你只需要將各個流程一字排開即可,前提是要注意對齊:

這種列表式的排版方法,跟曲線排版法的相同之處就在於,它們都可以容下大量的內容。

而不同的地方在於…列表式能容下的內容更多…

比如普通的頁面只能容下四五個點,而用列表式則可以容下七八個點!

簡直喪心病狂…

所以,內容多的時候,不妨試試這個令人髮指的排版法。

像卡片一樣排版

用卡片式排版法來排版流程圖,方法更簡單!

首先,將你的內容都整理成一個個模塊,然後將它們直接放到形狀里即可:

空白的地方怎麼辦?

機智的你應該已經猜到了…用圖片補上就行:

你可以像上面這樣,讓形狀保持一樣大,也可以像下面這樣,根據文本的多或少,來調整形狀的大小:

以上就是流程圖的常見製作方法了~

製作這種流程圖,核心就在於各個流程模塊的輪廓要清晰,並且流程之間要有清晰的上下游關係標誌,比如序號、箭頭等等。

現在我們來總結一下以上內容:

1)利用直線、折線、曲線可以連接流程;

2)如果要用,盡量用小巧精緻的箭頭;

3)列表式版面,可以排版較多的內容;

4)卡片式圖文並茂,會更美觀。


我是小木,歡迎關注我的PPT公眾號「跟我學個P!

關注公眾號「跟我學個P」回復【PPT】,獲取我所有的原創PPT教程


我推薦兩款製作流程圖的軟體Axure和Visio。

  • Axure:對於習慣用Axure的同學們來說,用這個工具畫頁面流程圖足夠了,畫完頁面流程圖還可以繼續畫原型,用同一個軟體切換會更方便
  • Visio:流程圖常用工具,不管什麼流程都可以輕鬆應對

這兩款軟體好不好,就讓我來介紹介紹。

頁面流程怎麼畫?

頁面流程中包含什麼

四方形:表明頁面主業務,通常是頁面的主功能部分

菱形:異常流程或判斷邏輯說明,一般在頁面中用tips或彈層來展示

流向:流向分為主幹流向和輔助流向,代表業務的邏輯走向

重點元素:每個流程中重點要表達和體現的內容

流程圖製作方法

以個人書架的加入藏書業務為例,看一下頁面流程圖的具體繪製過程

首先來說明下加入藏書的需求,用戶通過App掃一掃家裡圖書背面的ISBN碼識別圖書加入個人書架,形成個人藏書架。

業務流程是這樣的:

在業務流程中說明了個人藏書架的功能邏輯,而接下來就要考慮每個功能需要幾個頁面,每個頁面需要體現什麼樣的元素,這些重要元素會不會觸發一些異常流程,該怎麼觸發下游頁面。

我們繼續來看個人書架的頁面流程圖:

在這個頁面流程圖中,包含了以下幾類:

頁面說明,如頁面的名稱是什麼,有哪些核心元素;

通過頁面點擊動作後會分為有幾條邏輯線,每個邏輯的過程以及跳轉。

學會這兩款軟體,什麼樣的流程圖都能輕易解決,歡迎諮詢更多的流程圖問題。

想學習產品、運營、流程圖製作,或者處於職場規劃期、迷茫期的應屆生、轉行人員、技能提升人員。你現在有一個免費提升的機會。我們

每周有四節免費公開課,知名老師親述,從專業角度帶你了解產品

提供從入門到精通的全方位運營課程,滿足不同階段的互聯網運營人差異化的學習需求,實現能力提升,更有千人的產品經理群,你們可以共同討論產品話題

點擊下方網址,了解詳情:

起點學院-產品經理培訓 | 產品經理培訓課程 | 致力於為IT從業者提供專業、系統的產品經理學習服務,目標成為產品經理黃埔軍校?

www.qidianla.com圖標


推薦閱讀:

國內外最新高爐煉鐵流程結構圖

TAG:流程圖 |