sketch 流程图_啊啊啊终于解决了线框／流程图的大痛点！

先上图～以下全部来自Dribbble。相信这种图大家或多或少都画过～

这种流程图，可以说是个需求，也可以说是个伪需求。

需求是因为，设计师都想做惊艳四方，逼格爆表的图，放作品集里多美呀；伪需求是因为，这图做丑了也能用，如果用InVision等软件解释好跳转逻辑，甚至可以不出这个图。

我个人来说还是很喜欢的。。。毕竟一大片，画完很有成就感，也显得自己条理特别清楚，但箭头忒麻烦。。。真不乐意画。。。

但是！这个难点要结束惹！今天被我找到一个好东西～（虽然不是什么新东西，但是应该很多人不知道～）

～ ～ ～ ～ ～ ～ ～ ～ ～ 愉快的分割线 ～ ～ ～ ～ ～ ～ ～ ～ ～

下载戳 -> Sketch symbols for wireframing（已经过期了，找到了另一个～https://www.invisionapp.com/inside-design/scalable-connection-arrows-sketch/）

可以拉伸线条长度，但不会影响箭头形状，戳上面的链接，看到gif你就明白了～

现在是不是画起流程图来容易多了！而且颜色是可以改的，用fill就可以。

如果不喜欢这个，也可以自己做呀，原理和安卓的.9 图类似，用Layer>Image>Convert to 9-slice image就可以。下图转自 Sketch设计效率冷门技巧。

祝各位设计师玩得嗨～ 有帮助的话记得点赞 ＝ w ＝