id: 35aa6dfdb50b494b850c4dd9d477cc2e
parent_id: 
item_type: 1
item_id: 7cef21b3944d42e2b218fb3243e5c816
item_updated_time: 1764345577060
title_diff: "[{\"diffs\":[[1,\"DrawExpress Diagram 真手繪流程圖心智圖免費軟體\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":33}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>DrawExpress Diagram 真手繪流程圖心智圖免費軟體</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"application-data:ANDROID_CLIP_TYPE\\\" content=\\\"article\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"13478\\\"></a>\\\r\\\n<h1>DrawExpress Diagram 真手繪流程圖心智圖免費軟體</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;\\\"><div style=\\\"font-size: 16px\\\"><div><div style=\\\"overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;background-color:rgb(240, 240, 240);color:rgb(78, 78, 78);font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18px;line-height:normal;font-family:Roboto, sans-serif;\\\"><div><div><div style=\\\"box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;\\\"><div style=\\\"-webkit-box-flex:0;flex:0 0 auto;\\\"><span style=\\\"outline:none;\\\"><div><div><div><div style=\\\"background:rgb(255, 255, 255);\\\"><div><div>\\\n\\\n<a name=\\\"3555494526451311333\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\"></a>\\\n<h3 style=\\\"color:rgb(78, 78, 78);font-size:22px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:1;font-family:Roboto, sans-serif;max-width:calc(100% - 48px);margin:0px 0px 8px;float:left;\\\">\\\nDrawExpress Diagram 真手繪流程圖心智圖免費軟體\\\n</h3>\\\n<div style=\\\"position:relative;float:right;margin-left:0px;\\\">\\\n<div style=\\\"margin-right:0px;position:relative;color:rgba(76, 76, 76, 0.54);display:inline-block;line-height:24px;margin-top:0px;vertical-align:top;margin-left:0px;width:100%;\\\">\\\n<div style=\\\"float:right;\\\">\\\n\\\n<div>\\\n\\\n</div>\\\n</div>\\\n</div>\\\n</div>\\\n<div style=\\\"color:rgba(76, 76, 76, 0.54);margin:0px;width:inherit;clear:left;\\\">\\\n<div>\\\n<span style=\\\"margin-right:0px;color:rgba(76, 76, 76, 0.54);display:inline-block;line-height:24px;margin-top:8px;vertical-align:top;\\\">\\\n<span>\\\n作者：\\\n</span>\\\n<span>\\\n\\\n<a href=\\\"https://plus.google.com/100105166562504132677\\\" rel=\\\"author\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" title=\\\"author profile\\\">\\\n<span>esor huang</span>\\\n</a>\\\n</span>\\\n</span>\\\n<span style=\\\"margin-right:0px;color:rgba(76, 76, 76, 0.54);display:inline-block;line-height:24px;margin-top:8px;vertical-align:top;\\\">\\\n\\\n<a href=\\\"http://www.playpcesor.com/2014/12/drawexpress-diagram-Android-iPhone-iPad-App.html\\\" rel=\\\"bookmark\\\" style=\\\"text-decoration:inherit;color:inherit;font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-family:inherit;\\\" title=\\\"permanent link\\\">\\\n<span title=\\\"2014-12-24T11:12:00+08:00\\\">\\\n12月 24, 2014\\\n</span>\\\n</a>\\\n</span>\\\n</div>\\\n</div>\\\n<div style=\\\"color:rgb(78, 78, 78);font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:18px;font-family:Roboto, sans-serif;line-height:1.6em;margin:1.5em 0px 2em;display:block;\\\">\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-L1rYEVG6y7o/VJovAJp90NI/AAAAAAAEJR4/SqukEnRTzkw/s1600/drawexpress.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/9e7303cb685f4fbfb059820d5146493d\\\" type=\\\"image/png\\\" data-filename=\\\"9eddc02266f4b7f637d505f61d251991.png\\\"/></a></div>\\\n<br/>\\\n之前電腦玩物上介紹到的「<a href=\\\"http://www.playpcesor.com/2014/12/coggle.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\"> Coggle 最好用免費線上心智圖軟體教學：簡單卻強大</a> 」，獲得很多迴響，在實際的生活中我們要組織靈感，或是在真實職場上我們要籌組計劃，這時候除了文字條列，善用「圖表」會更容易表達我們的意思，也幫助我們思考。<br/>\\\n<br/>\\\n無論心智圖，還是工作專案中更常遇到的設計流程圖、組織規劃圖、軟體 UML 圖表，如果需要很快速的繪製一幅圖說放入簡報，或是即時的把自己的想法以圖解組合起來，有沒有非常「順手」的工具，甚至可以讓我們在行動裝置上也能輕鬆完成繪圖任務？<br/>\\\n<a name=\\\"more\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\"></a><br/>\\\n之前在「<a href=\\\"http://www.playpcesor.com/2014/01/blog-post_19.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">我最常使用的心智圖、簡報圖、設計圖軟體是？ 回歸紙筆</a>」一文中我也提到過，太多軟體功能雖然強大，但是少了手繪的直覺，如果要用幾次點選來完成畫出一條曲線的直覺動作，那麼這種和思考逆向的操作，可能反而讓靈感跑光了。<br/>\\\n<br/>\\\n今天要推薦的，就是解決這樣問題的一款好用的 Android 與 iPhone、 iPad 免費 App ：「 DrawExpress Diagram Lite 」，這是繪製流程圖、組織圖、心智圖的行動端軟體，<b>而他最大的特色就是讓你用手指在觸控螢幕上「<span style=\\\"color:red;\\\">直接畫出</span>」圖表。</b><br/>\\\n<br/>\\\n2015/2/13 補充推薦：<a href=\\\"http://www.playpcesor.com/2015/02/drawio.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">Draw.io 中文線上製作流程圖首選！專業水準完全免費</a><br/>\\\n2015/5/6 補充：<a href=\\\"http://www.playpcesor.com/2015/05/sketchboard.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">頭腦風暴法利器！ Sketchboard 團隊合作手繪心智圖</a><br/>\\\n<b>2015/5/27 新增：<a href=\\\"http://www.playpcesor.com/2015/05/mindly-mind-mapping-app.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">改變手機上的心智圖法： Mindly 畫出創新的腦內宇宙</a></b><br/>\\\n<b>2016/5/8 新增：<a href=\\\"http://www.playpcesor.com/2016/05/yed.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">yEd 免費下載商業使用流程圖軟體！自動排版超好用</a></b><br/>\\\n<br/>\\\n<br/>\\\n<br/>\\\n<br/>\\\n是的，直接手繪畫出！<br/>\\\n<br/>\\\n「 DrawExpress Diagram 」在操作設計上讓手繪控制優先，如果我要畫一個方塊，那就真的手指畫出方塊；如果我要拉出一條箭頭區線，那就真的以手繪出路線。<br/>\\\n<br/>\\\n在完成基本的流程圖、心智圖的架構上，「 DrawExpress Diagram 」讓使用者可以完全以自己的直覺畫出自己想要的圖表，而減少點選切換這樣的電腦思考操作，<b>並且更重要的是<span style=\\\"color:red;\\\">自動</span>把手繪圖表轉換成漂亮的圓滑圖像。</b><br/>\\\n<br/>\\\n在後續的調整修改上，「 DrawExpress Diagram 」也支援各式各樣進階的手繪動作，讓使用者更畫出更豐富的圖表內容。<br/>\\\n<br/>\\\n<div style=\\\"max-width:100%;\\\"></div>\\\n\\\n<br/>\\\n<br/>\\\n<br/>\\\n<br/>\\\n<br/>\\\n在你的 Android 或 iOS 裝置上安裝免費版的「 DrawExpress Diagram 」，免費版就能使用絕大多數的繪製圖表功能，下面我就跟大家一一介紹。<br/>\\\n<br/>\\\n整體來說，「 DrawExpress Diagram 」的軟體非常穩定快速，繪製的速度很流暢，操作也很直覺簡便，當第一次打開軟體時，還會有如何繪製圖表的手勢教學，基本上和我們的繪圖習慣非常接近，可以很好上手。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://4.bp.blogspot.com/-2bvlV-pr8-Y/VJomoVI0rDI/AAAAAAAEJOo/pTMwRiQL30o/s1600/DrawExpress%2BDiagram-01.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/7dbf64bc7bc94e48a7a394540cce5df4\\\" type=\\\"image/png\\\" data-filename=\\\"d7dd67b29091e48790d4d59eafbcfd03.png\\\"/></a><a href=\\\"http://3.bp.blogspot.com/-WF4LGMwGORs/VJompcxCImI/AAAAAAAEJPA/_TCtyOFdsko/s1600/DrawExpress%2BDiagram-02.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/0f2effb8c1e049c7afec2a0fe39413a3\\\" type=\\\"image/png\\\" data-filename=\\\"d7e25398f74ac9c127d62ebcd04de6f5.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n例如我要畫出一個方塊或圓圈，那我就在白板上任何地方用手指畫出一個方塊或圓圈，這樣我們想要的格子就會出現！<br/>\\\n<br/>\\\n只要在格子中點擊兩下，就可以在方格輸入文字。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://4.bp.blogspot.com/-BatW5J1jWsA/VJomplD5ibI/AAAAAAAEJO8/l-y_0RYy49E/s1600/DrawExpress%2BDiagram-03.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/6789eb462a414bbc85734453a58ce5d0\\\" type=\\\"image/png\\\" data-filename=\\\"2b1a5ff722357572841e22a897853a44.png\\\"/></a><a href=\\\"http://3.bp.blogspot.com/-pdebj4nZE0I/VJomp4oUYDI/AAAAAAAEJPM/0LxEC238i_M/s1600/DrawExpress%2BDiagram-04.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/3370ec02c2bc4361a34fdd7eb741d357\\\" type=\\\"image/png\\\" data-filename=\\\"1c3b02a019779ed854a9d0f48532c531.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要連接不同區塊內容，只要用手指畫出我們想要的路徑，那麼這條曲線就會出現。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://3.bp.blogspot.com/-kxvgCofdVvc/VJomqqtS3iI/AAAAAAAEJPc/DTeA-9vxKpU/s1600/DrawExpress%2BDiagram-05.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/360e71ab37fa48a4b61da0546172ac6c\\\" type=\\\"image/png\\\" data-filename=\\\"633b094be308b494c9bc0096655e8d4a.png\\\"/></a><a href=\\\"http://4.bp.blogspot.com/-jXL8EBzf8mA/VJomqy3irRI/AAAAAAAEJRs/AclZWx46m1c/s1600/DrawExpress%2BDiagram-06.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/357d1557e026475ab3c4466f9ab44c42\\\" type=\\\"image/png\\\" data-filename=\\\"4eca0c091dde2c20071b8d42f173177d.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要在文字外圍加上新的框線，一樣只要直接手繪畫出即可，如果要把框線變成虛線，則在方框上畫出往下兩條手勢，這部分框線就會變成虛線。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-xsknCVgpwd4/VJomq7LLnfI/AAAAAAAEJRs/nwSq9RWs0X4/s1600/DrawExpress%2BDiagram-07.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/0bfe818c3121489cb74c3f84f0045e13\\\" type=\\\"image/png\\\" data-filename=\\\"edc4ac96ae6f0a6ce74818d11d310138.png\\\"/></a><a href=\\\"http://2.bp.blogspot.com/-aK6pvR41zSQ/VJomrtnvRUI/AAAAAAAEJRs/0Kjn-uRm9v4/s1600/DrawExpress%2BDiagram-08.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/af0fee966d5f4814bd969bf7d3b4d1f6\\\" type=\\\"image/png\\\" data-filename=\\\"121a2a082a3aa54bc84cdf8650fb2b55.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要在線條上加上方向箭頭，只要真的用手勢在指定的地方畫出箭頭即可。<br/>\\\n<br/>\\\n<b><span style=\\\"color:red;\\\">真的沒有多餘的功能選單</span>需要去尋找或煩惱，只要手繪，我們想要的圖表就會出現。</b><br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://3.bp.blogspot.com/-3SbFzfVyUbs/VJomsEUMAGI/AAAAAAAEJPo/UCNCHAzCSbU/s1600/DrawExpress%2BDiagram-09.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/2868360ff08349be8731cb63b0771973\\\" type=\\\"image/png\\\" data-filename=\\\"83be9ac7c47f9ab36f4afcea942c2748.png\\\"/></a><a href=\\\"http://1.bp.blogspot.com/-4PjuJy-QZVg/VJomsR_eQeI/AAAAAAAEJPw/IrHbe1z9Egs/s1600/DrawExpress%2BDiagram-10.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/7da202dcb71f43d89fd32941cf914911\\\" type=\\\"image/png\\\" data-filename=\\\"e656df0436f6d4511c79e99db4d2407a.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要幫流程圖、心智圖上色呢？雖然也有相應手勢，不過這時候我覺得使用由上方功能列裡的色彩工具比較快，自行決定文字、框線、填滿要使用什麼顏色即可。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://4.bp.blogspot.com/-LZBKwgQnE-w/VJomsnZghPI/AAAAAAAEJRo/S4TRuqFRSVM/s1600/DrawExpress%2BDiagram-11.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/29c229e1ea934fca8944f6a7cb08452a\\\" type=\\\"image/png\\\" data-filename=\\\"5e4e950ef7ff920ad3bc98f84d084f53.png\\\"/></a><a href=\\\"http://3.bp.blogspot.com/-UKjmlHNGrHU/VJoms3W_FjI/AAAAAAAEJP4/lvsAzFYsduk/s1600/DrawExpress%2BDiagram-12.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/e1e20068505845599a5f2d0dfa09afc0\\\" type=\\\"image/png\\\" data-filename=\\\"2d138a3eaccc90dd5b4dbe5c1d3857a3.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果是後續流程圖、心智圖更進階的組織整理，「 DrawExpress Diagram 」<b>也提供了<span style=\\\"color:red;\\\">豐富的手勢</span>讓我們用畫的完成操作。</b><br/>\\\n<br/>\\\n例如要複製一個方格，只要先點選這個方格，然後在上面畫出一個［+］，就會複製他。如果要移除呢？那就畫出一個［X］吧！<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-beRtDFDYTB4/VJomw7mC3YI/AAAAAAAEJQ0/A274XpssNzM/s1600/DrawExpress%2BDiagram-22.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/98b48ca4bc314672924b546730c5d317\\\" type=\\\"image/png\\\" data-filename=\\\"214219d254d27ce5ea0ffbd39ec53b8e.png\\\"/></a><a href=\\\"http://2.bp.blogspot.com/-Q1fw-AHKVHM/VJomxeXv7BI/AAAAAAAEJRY/4OggF2G_AEo/s1600/DrawExpress%2BDiagram-23.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/5530249567b64883992fbbec2c2acc32\\\" type=\\\"image/png\\\" data-filename=\\\"fe5809d9bd6c8de6daab0ae1f7f059b7.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要一次移動一個區間的圖表，只要用手勢把這個區間的圖表框起來，然後移動即可！<br/>\\\n<br/>\\\n有沒有注意到移動時，箭頭曲線也自動跟著移動呢？<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-YHOTFpEKK9M/VJomxtepiBI/AAAAAAAEJRU/y7bDwvkV4Kk/s1600/DrawExpress%2BDiagram-24.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/bc4ae202a5514a338133c868e2456e50\\\" type=\\\"image/png\\\" data-filename=\\\"14403825d03eb8dc06fbaac27e946986.png\\\"/></a><a href=\\\"http://1.bp.blogspot.com/-6X_HtjYCXZ8/VJomya4seEI/AAAAAAAEJRM/0moeEsjiG1k/s1600/DrawExpress%2BDiagram-25.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/3f7b6682dd5e45ebad1bab8ec4d98ef5\\\" type=\\\"image/png\\\" data-filename=\\\"d3cdf9da1abf472e396bb044db6f823b.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n如果要畫出流程圖上常常出現的一些簡易表格，這裡要用比較特殊的手勢，像是我下圖展示的那樣畫出外框，圖表就會出現，可以在裡面填寫內容。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://3.bp.blogspot.com/-1HbYy29qld8/VJomykv5XeI/AAAAAAAEJRQ/B7GzM5wikNY/s1600/DrawExpress%2BDiagram-27.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/0eaad67834f24de4a9d910a72ab543ea\\\" type=\\\"image/png\\\" data-filename=\\\"387ee964a5ffeede98312fa2c845c688.png\\\"/></a><a href=\\\"http://4.bp.blogspot.com/-ObcuySS1T-0/VJomy1-tLWI/AAAAAAAEJRg/GmEHy0lhLoY/s1600/DrawExpress%2BDiagram-28.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/33533eade68744dcbfe3e286104fa146\\\" type=\\\"image/png\\\" data-filename=\\\"9cdf97d4408b5062128efca52534292a.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n「 DrawExpress Diagram 」甚至還提供了許多基本素材圖庫，讓我們直接拖曳到自己的圖表中使用，真的非常方便。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-3bX03_6PTFA/VJomoeUgxVI/AAAAAAAEJOk/bLYjvo8B2bg/s1600/DrawExpress%2BDiagram%2B-13.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/dc664d7df92745af9fef52e48d0972b7\\\" type=\\\"image/png\\\" data-filename=\\\"857a3d7683c99bd1b7f95049fabcad1c.png\\\"/></a><a href=\\\"http://4.bp.blogspot.com/-YG2vjfVLneE/VJomtq760VI/AAAAAAAEJQI/EuSUmH24TfU/s1600/DrawExpress%2BDiagram-14.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/7d7d5c16a6084aad84480b2233a33340\\\" type=\\\"image/png\\\" data-filename=\\\"b244ab180a09d7ca1e61a33b7717a7aa.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n完成圖表後，會自動儲存在自己的手機資料庫中，<b>如果你使用「 DrawExpress Diagram 」免費版，那麼最多可以一次<span style=\\\"color:red;\\\">放入 5 個圖表</span>。</b><br/>\\\n<br/>\\\n當然，完成後利用右上方功能選單，我們可以匯出圖表到自己的其他雲端硬碟儲存。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-4rMRSzZXiNE/VJomtyQnrrI/AAAAAAAEJRk/y1Syd_lrgB0/s1600/DrawExpress%2BDiagram-15.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/cee0dd06b2cd45ce83129e6416444488\\\" type=\\\"image/png\\\" data-filename=\\\"28f8c414ead8a6d622076a093f627390.png\\\"/></a><a href=\\\"http://4.bp.blogspot.com/-zMb_6fg3r4Q/VJomuiXxTgI/AAAAAAAEJRc/7GoxFKsEuDk/s1600/DrawExpress%2BDiagram-16.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/9cc89bbdf76a46bea56aa8ac5b00649e\\\" type=\\\"image/png\\\" data-filename=\\\"ef4ce33a10936b3aa7dfff793c524055.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n除了繪出圖表，完成的流程圖也可以隨時替換不同的 Style ，並且不會讓圖表亂掉。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://4.bp.blogspot.com/-KqMc25Gnc9Y/VJomuxzds0I/AAAAAAAEJQc/wN_66U6k5FY/s1600/DrawExpress%2BDiagram-17.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/a277e54706c048d59d77b65402e9be75\\\" type=\\\"image/png\\\" data-filename=\\\"63529a6dacd51d04d195f801ec832978.png\\\"/></a><a href=\\\"http://1.bp.blogspot.com/-NRWmGM1ja1E/VJomvIH-cCI/AAAAAAAEJQU/jqDQBP_E8pA/s1600/DrawExpress%2BDiagram-18.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/ff7dd523b70d4c5da370753561cf034c\\\" type=\\\"image/png\\\" data-filename=\\\"59b7594cad4335bcfa732ae7d1cdd0fa.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n而繪出圖表時，支援電腦玩物常常推薦的 Dropbox 或 Google Drive ，可以繪出成 PNG、 DE （「 DrawExpress Diagram 」格式）、 SVG 等格式。<br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://3.bp.blogspot.com/-m_P4fU-55Do/VJomvdzwdvI/AAAAAAAEJRE/ZFlq63XunE8/s1600/DrawExpress%2BDiagram-19.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/3c3439fcf5bc44a2b1dd961b0d780053\\\" type=\\\"image/png\\\" data-filename=\\\"ee48da9731facba5225d3c6956e80e4f.png\\\"/></a><a href=\\\"http://3.bp.blogspot.com/-AeydSQaqGYg/VJomvgsQfbI/AAAAAAAEJQk/23qZPFyRCRk/s1600/DrawExpress%2BDiagram-20.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;margin-top:16px;\\\"><img src=\\\":/3421ee4983a447bf9041ec67e85263de\\\" type=\\\"image/png\\\" data-filename=\\\"0c742b009c5c51a67c88b9c6fea36c79.png\\\"/></a></div>\\\n<br/>\\\n<br/>\\\n雖然「 DrawExpress Diagram 」不是雲端服務，在手機上繪製完成的圖表沒辦法同步，但有了繪出功能，其實也可以在完成流程圖後，轉移到自己的雲端硬碟儲存即可。<br/>\\\n<br/>\\\n<b>而且「 DrawExpress Diagram 」真的讓「基本的圖表繪製」變得<span style=\\\"color:red;\\\">非常直覺簡單</span></b>，只要用跟自己想法一致的手繪動作，就能在手指繪圖中出現各種流程圖和心智圖內容，可以說是行動裝置上非常值得推薦的圖表繪製工具。<br/>\\\n<br/>\\\n<a href=\\\"https://play.google.com/store/apps/details?id=com.drawexpress.lite\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">DrawExpress Diagram Lite 免費 Android App 下載</a><br/>\\\n<a href=\\\"https://itunes.apple.com/us/app/drawexpress-diagram-lite/id687459234\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">DrawExpress Diagram Lite 免費 iPhone iPad App 下載</a><br/>\\\n<br/>\\\n<ul>\\\n<li>你可能也會想看：</li>\\\n</ul>\\\n<ol>\\\n<li><a href=\\\"http://www.playpcesor.com/2011/04/cacoo.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">Cacoo 線上中文免費畫流程圖軟體，即時協同設計多種企劃草圖 </a></li>\\\n<li><a href=\\\"http://www.playpcesor.com/2013/12/blog-post_23.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">線上免費室內裝潢設計軟體：你也能輕鬆畫出夢想居家設計圖</a></li>\\\n<li><a href=\\\"http://www.playpcesor.com/2014/12/canva.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\">Canva 日常的設計家：簡報海報、資訊圖表免費製圖</a></li>\\\n</ol>\\\n<br/>\\\n轉貼本文請註明來自電腦玩物原創，作者 esor huang（異塵行者），並附上原文連結：<a href=\\\"http://www.playpcesor.com/2014/12/drawexpress-diagram-Android-iPhone-iPad-App.html\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);\\\" target=\\\"_blank\\\"> DrawExpress Diagram 真手繪流程圖心智圖免費軟體</a><br/>\\\n<br/>\\\n<div style=\\\"clear:both;text-align:center;\\\">\\\n<a href=\\\"http://2.bp.blogspot.com/-YCi0kYtSLeU/VJomwonHanI/AAAAAAAEJQo/I_RcftvhIwo/s1600/DrawExpress%2BDiagram-21.png\\\" style=\\\"text-decoration:none;color:rgb(47, 116, 243);display:block;margin-left:1em;margin-right:1em;\\\"><img src=\\\":/08d641abd8384929a7ae2df976a539be\\\" type=\\\"image/png\\\" data-filename=\\\"5ca2c49582f1ffb9f7738f391b2b9301.png\\\"/></a></div>\\\n<span style=\\\"color:rgb(78, 78, 78);font-style:normal;font-variant:normal;font-weight:normal;font-size:18px;font-family:Roboto, sans-serif;line-height:1.6em;clear:both;display:table;\\\"></span></div>\\\n<div style=\\\"-webkit-box-align:center;align-items:center;display:flex;flex-wrap:wrap;\\\">\\\n<div style=\\\"-webkit-box-flex:1;flex:1 1 auto;flex-wrap:wrap;-webkit-box-ordinal-group:2;order:1;color:rgba(76, 76, 76, 0.54);margin:0px;width:inherit;clear:left;\\\">\\\n<div style=\\\"-webkit-box-flex:0;flex:0 1 auto;\\\">\\\n</div>\\\n<div style=\\\"-webkit-box-flex:0;flex:0 1 auto;\\\">\\\n<span style=\\\"margin-right:1em;color:rgba(76, 76, 76, 0.54);display:inline-block;line-height:24px;margin-top:8px;vertical-align:top;\\\">\\\n<span>文章分類：</span>\\\n<a href=\\\"http://www.playpcesor.com/search/label/%E5%BF%83%E6%99%BA%E5%9C%96%E8%BB%9F%E9%AB%94\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">心智圖軟體</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/%E8%A1%8C%E5%8B%95%E5%B7%A5%E4%BD%9C\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">行動工作</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/%E6%B5%81%E7%A8%8B%E5%9C%96%E8%BB%9F%E9%AB%94\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">流程圖軟體</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/%E8%B3%87%E8%A8%8A%E7%AE%A1%E7%90%86%E8%88%87%E7%B6%B2%E8%B7%AF%E5%B7%A5%E4%BD%9C\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">資訊管理與網路工作</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/Android\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">Android</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/iPad\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">iPad</a>\\\n<a href=\\\"http://www.playpcesor.com/search/label/iPhone\\\" rel=\\\"tag\\\" style=\\\"text-decoration:none;color:rgba(76, 76, 76, 0.54);background-color:rgb(249, 249, 249);border:1px solid rgb(249, 249, 249);border-radius:15px;display:inline-block;margin:4px 4px 4px 0px;padding:3px 8px;\\\">iPhone</a>\\\n</span>\\\n</div>\\\n<span style=\\\"color:rgba(76, 76, 76, 0.54);clear:both;display:table;\\\"></span></div>\\\n<div style=\\\"position:relative;float:right;margin-right:16px;margin-left:0px;\\\">\\\n<div style=\\\"margin-right:0px;position:relative;color:rgba(76, 76, 76, 0.54);display:inline-block;line-height:24px;margin-top:0px;vertical-align:top;margin-left:0px;width:100%;\\\">\\\n<div style=\\\"float:right;\\\">\\\n\\\n<div>\\\n\\\n</div>\\\n</div>\\\n</div>\\\n</div>\\\n</div>\\\n</div></div></div></div></div></div></span></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":22150}]"
metadata_diff: {"new":{"id":"7cef21b3944d42e2b218fb3243e5c816","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348818552,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:03:26.466Z
created_time: 2025-11-28T21:03:26.466Z
type_: 13