前言不会画图的程序员不是好产品经理喜欢装有品位的程序员有一颗产品经理的心，但是我印象中产品经理经常要画一些稀奇古怪的图。在咨询了一些立志成为产品经理的程序员后发现，他们都有一套自己喜欢使用的精致小巧的工具。经典套装是Balsamiqmockups（线框原型）+Omnigraffle（通用图形）+Markdown（文本编辑）+Keynote（Demo报告）Mac全家桶。它充满了力量。所以今天稍微鼓捣了一下Omnigraffle，发现确实很好用。暂时贴出一点经验，慢慢补充一些前端程序员经常用到的绘制图表的方法。常用快捷键：移动：v形状：s线条：c文字：t格式画笔：w磁化：m缩放：z连线图：dP.s：按住快捷键暂时切换到对应的功能状态快捷键，同时按下opt键会有协同效果。比如格式刷，按住opt+w，然后点击一个元素，就可以暂存一个元素的样式。直接按住w，然后点击一个元素，将格式刷暂存的样式应用到这个元素上，就有了流程图的基本样式。然后根据具体的流程逻辑填写连接线。在树形视图中，双击工具栏中的连线图按钮（快捷键d），点击页面空白处，生成一个节点。选中某一个节点，什么时候不按，点击空白处，就会生成这个节点的子节点。选择一个节点，按住option点击空白处，会生成该节点的兄弟节点。选择一个节点，按住shift点击空白处，就会生成这个节点的父节点结语鼓捣了一阵子，发现使用Omnigraffle熟练掌握快捷键和基本操作就足够了。在很多情况下，我们不会从头开始构建特定的样式，而是会向他人学习。模板，即图形模板。工作中想画的图，不管是UE/UX/流程图/思维导图/还是UML，社区里都有一些精美的模板，你只需要将这部分模板的样式复制下来，按照自己的逻辑应用到自己的图上即可，这样可以让我们更专注于图本身的逻辑和流程，而不是纠结于图的样式。分享几个stencil下载网站，当然也有一些精美的stencils不是免费的，但是需要的时候还是值得的https://www.graffletopia.com/https://stenciltown.omnigroup.com/
