Giffy Diagrams 制作流程图
nsgn4308
9年前
<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>