<blockquote>     <p>流程图：使用图形表示算法的思路是一种极好的方法，因为千言万语不如一张图。Gliffy Diagrams是一款相当实用的Chrome套件，支持离线使用，可以绘制各种图表，且透过模组化的物件来制作图表，将大大提高工作效率，节省时间成本。</p>     <blockquote>      <p><a href="/misc/goto?guid=4959672166678716434">官网地址</a>|<a href="/misc/goto?guid=4959672166770626440">插件地址</a></p>     </blockquote>    </blockquote>    <p>如何使用？</p>    <p><img src="https://simg.open-open.com/show/d059a2ac26cb51866129ae28e7b9847e.gif"></p>    <p>拖拽你想要的图形到画布</p>    <p><img src="https://simg.open-open.com/show/a9535802c11dc1825aaf30bb9a57795f.gif"></p>    <p>拖动任意两个点进行连接</p>    <p><img src="https://simg.open-open.com/show/7e8bb196e3756e418ab775cf00d4e51a.gif"></p>    <p>添加文字描述</p>    <p><img src="https://simg.open-open.com/show/0cba9ab05a732a7c6df6f936c436a438.gif"></p>    <p>改变图形样式</p>    <p><img src="https://simg.open-open.com/show/9b6a71cd293358cb99a22ef882de46dc.gif" alt="Giffy Diagrams 制作流程图" width="552" height="361"></p>    <p>改变连接线的样式</p>    <p><img src="https://simg.open-open.com/show/68e7e04620c37c3e827a880cb29d1e31.gif" alt="Giffy Diagrams 制作流程图" width="552" height="361"></p>    <p>直接拖拽图片到画布即可添加</p>    <p><img src="https://simg.open-open.com/show/c51a8b3da6b5ccd4cb4fc429d2fb0caf.gif" alt="Giffy Diagrams 制作流程图" width="552" height="361"></p>    <p>参考线对齐图形</p>    <p>实践一把</p>    <p>当get到以上技巧后，那就来实践一把~！<br> 先看看相应图形的用法</p>    <p><img src="https://simg.open-open.com/show/4ecd5286868cfb9df81b6b30b5e729d5.png" alt="Giffy Diagrams 制作流程图" width="564" height="504"></p>    <p>图形用法</p>    <p><img src="https://simg.open-open.com/show/856679fc64043d0717e3009df7add106.png" alt="Giffy Diagrams 制作流程图" width="530" height="725"></p>    <p>我个人阅读的流程</p>    <p>总结</p>    <blockquote>     <p>在做较复杂的事情的时候，可以通过绘制流程图，来整理自己的思路，思路清晰后，将大大提高效率，节省时间成本。</p>    </blockquote>    <p><br>  </p>    <p><a href="/misc/goto?guid=4959672166855538045">文／陈宇明</a>（简书）<br>  </p>