2011年4月17日 星期日

Cacoo 線上中文免費畫流程圖軟體,即時協同設計多種企劃草圖

cacoo-01

Cacoo」是線上免費中文版「Drawing Diagrams」服務,可以讓用戶繪製各種流程圖、關係圖、設計圖例如公司作業流程、辦公室平面圖、心智圖、企劃簡報、網路佈局規劃、網站與iPhone,Android介面框架圖等等,只要透過簡單的拖拉組合,就能非常快速的完成一份圖解說明。更超值的是,Cacoo免費帳號提供了可以儲存25個私密圖表、同時15個人線上即時協同編輯的功能。

我並不是專業的繪圖工作者(指繪製上述草圖),但工作上偶爾還是會遇到需要畫出上述圖解企劃的時刻,這時與其拿難用的Word、PowerPoint還是小畫家自己慢慢搞,不如利用像是Cacoo這類專業工具的免費版本,以最簡單的操作內建圖庫快速完成草圖設計。

而且我曾經簡單比較過幾個線上圖表繪製服務,當時我注意到Cacoo提供的免費帳戶最超值,例如 gliffy 等服務可能會限制免費帳戶只能儲存「公開圖表」,但Cacoo讓免費用戶可以最多儲存25個私密製圖,還讓15個人同時線上協作。

2015 補充推薦:Draw.io 中文線上製作流程圖首選!專業水準完全免費
2015 補充推薦:好用原型設計軟體 Mockplus 免費畫互動 App 與網頁
2016 新增:教學與設計協作好工具 Cacoo 可與 Google Drive同步



  • 01.一般人也能上手的簡單易懂Cacoo
Cacoo除了前面提到其免費帳戶很超值之外,還有另外一個讓我激賞的優點,那就是Cacoo擺脫了這種流程圖軟體的專業化印象,整個服務的設計讓用戶感覺相對「很親切」。

像我一樣平常沒有專業訓練,但臨時要抱個佛腳,畫出一個有點樣子的草圖時,Cacoo就提供了對我來說很好理解、容易操作、快速完成的服務。

而且還有中文介面。

cacoo-02




  • 02.設定成繁體中文語系
如果你註冊並登入Cacoo後沒有自動切換到中文,也可以到上方的設定頁面中,將「語言」切換到自己想要的語系即可。

cacoo-03



  • 03.基本編輯工具列
Cacoo的繪圖編輯介面分成幾個大區塊,首先最上方為一般編輯列,這裡可以還原之前的動作(可以復原到好幾十次前),非常好用

另外這裡也有複製貼上、插入線條文字、手繪線條、上傳圖檔等等功能,上傳圖檔限制要在500KB以內,只要用RIOT軟體先縮個圖,基本上不是大問題。

cacoo-04



  • 04.儲存與匯出成PNG
在Cacoo中繪製好圖表後,可以利用右上方的〔儲存〕功能,存入自己的Cacoo線上帳戶中,就像我前面提到的,免費帳戶可以儲存25個圖表(對非專業用戶來說一定足夠,不夠用時刪除舊的即可)。

另外也可以把Cacoo的圖表匯出下載,免費帳戶「只支援」匯出成PNG圖檔,但這也絕對已經足夠了。

cacoo-06



  • 05.拖拉組合圖庫單元
接下來要進入繪製圖表的重頭戲了,Cacoo和其它流程圖軟體一樣,都提供了非常豐富的圖庫素材,所以基本上我們不用真的自己畫,只需要直接拉出素材,將它們組合在一起,非常快的,一個看起來有模有樣的平面設計、流程規劃、網頁草案、網路佈局、程式介面就出來囉!

cacoo-07

這樣的拖拉操作,除了會讓圖解更加專業,別人更易理解外,其實也一定比你用Word、PowerPoint、小畫家等錯誤工具自己畫要更快。

而Cacoo支援的圖解素材非常豐富,相信一般流程繪圖軟體可以做到的它都有支援,甚至還支援了最新的iPhone、iPad、Android的UI草圖設計喔!

cacoo-09cacoo-10
cacoo-11cacoo-12
cacoo-13cacoo-14
cacoo-15cacoo-16



  • 06.微調素材單元設定
每個圖庫裡單元素材的預設值不一定符合你的需求,所以當拖拉到主畫面上後,可以點擊該素材,然後在「設定格式工具列」對話框中,針對裡面的文字內容、顏色漸層、框線大小、圖層位置等等進行微調,直到你滿意為止

cacoo-08



  • 07.分享與即時協同合作
當你要儲存圖表時,可以選擇要私密儲存,還是公開儲存。

勾選「將圖表公布在網頁URL」,就能獲得一段專屬網址,凡是知道這個網址的人都能看到你繪製的草圖。

若是繼續勾選「Anyone can edit」,那麼獲得專屬網址的人,不只能看,還能即時「編輯」你的圖表。這裡還有一個非常棒的設計,那就是獲得專屬網址的人,不需要登入Cacoo,不需要有Cacoo帳戶,都能編輯你的圖表!
對這個協同合作功能有興趣的用戶,歡迎一起來編輯我的這份公開圖表(因為我是免費帳戶,所以同時線上編輯人數最多15人):https://cacoo.com/diagrams/I7UeYZrFNQl6fX9w
cacoo-17

在協同設計時,我們可以彼此看到對方的帳戶登入,可以用站內即時通對談,而任何一個改變都會即時顯示到所有人的圖表畫面中。

而管理者也可以隨時把某個公開圖表,改成私密圖表。

cacoo-19



  • 08.管理圖表、複製重製範本
在Cacoo的圖表總覽畫面中可以看到所有的圖表物件,這裡有一個設計上好用的小細節,如果你想重複使用一個之前設計好的範本,那麼可以選擇複製這個圖表,然後做新的編輯。

這樣一來就不用重複設計一樣的框架了。

cacoo-18



  • 小結:
線上流程圖、關係圖、企劃草圖的繪製服務其實非常多,而且大多也都有提供免費試用版,但是今天推薦的這個Cacoo有一些獨特的優點:
  • 免費帳戶可以儲存最多25個私密圖解。
  • 免費帳戶可以同時讓15個人線上即時協同編輯。
  • 可以讓其他人不需要有cacoo帳戶,也能編輯你的圖表!
  • 非常親切好上手的介面規劃,有中文版。
  • 包含最新iPhone、iPad、Android介面圖庫。
當然,如果你有發現其他更好用的免費流程圖繪製工具或服務,也歡迎你留言推薦,或分享你的使用心得。

6 則留言 :

  1. 給異塵行者,
    雖然我要推薦的 Balsamiq Mockups 線上軟體不是用在流程圖繪製,但它是一個很新的繪圖方式,沒有購買版權也可以在線上用的。我推薦的最主要原因是 Balsamiq Mockups 可以很快的畫出一個想法的草圖 (Prototyping)再加上手繪的感覺,非常適合在構思階段的快速排版,特別是電腦系統開發方面。
    http://builds.balsamiq.com/b/mockups-web-demo/

    回覆刪除
  2. 感謝推薦
    其實我之前有用過Balsamiq Mockups來畫網頁版型草圖
    它的介面非常漂亮,而且拖拉組合時的元素很豐富(尤其在網頁或程式設計上,這一點其實Cacoo也有手繪風格的網站草圖元素)

    倒是第一次發現也可以用來作想法草圖,很有意思

    改天再來重新研究一次看看

    回覆刪除
  3. 這網站有危險性嗎?
    因為被學校歸納為間諜軟體
    所以封鎖了無法使用

    回覆刪除
  4. 給異塵行者,

    目前有使用 Lucid Chart (http://www.lucidchart.com/) ,今天看到異塵行者推薦的 Cacoo,找個時間再來試用一卜,感覺上這兩個工具非常類似。對我來說,如果這些線上工具有能滙入 MS Visio 的檔案就更讚了。

    回覆刪除
  5. @level5:
    不是間諜軟體

    @Richard Annihilate:
    我最近也在試Lucid Chart
    確實很類似

    回覆刪除
  6. 讚!
    實用清楚的文章!

    回覆刪除

相關文章: