![b6b173d8172faa82ef90d5a0de695109.png](https://i-blog.csdnimg.cn/blog_migrate/e74b4e71a60dcc4c9bf16d9a61ee8547.png)
先上图~以下全部来自Dribbble。相信这种图大家或多或少都画过~
![854edb50af8f7e379acdba0366cf08c5.png](https://i-blog.csdnimg.cn/blog_migrate/3e6f2b40d13381e95c05cdd5326b96c8.png)
![64fa8d678e99c489ba45bd71cb8bb359.png](https://i-blog.csdnimg.cn/blog_migrate/60252f98c66fcd819a0a4c16deb406ba.png)
![0810e0545b9c5bf32049ee4df9a6e8d2.png](https://i-blog.csdnimg.cn/blog_migrate/22a79160e941db04f836a4849245ae8a.png)
![911cb09dfadda0853af02e75560807c4.png](https://i-blog.csdnimg.cn/blog_migrate/2259b697b0995c4aac652eb8dc1f1696.png)
这种流程图,可以说是个需求,也可以说是个伪需求。
需求是因为,设计师都想做惊艳四方,逼格爆表的图,放作品集里多美呀;伪需求是因为,这图做丑了也能用,如果用InVision等软件解释好跳转逻辑,甚至可以不出这个图。
我个人来说还是很喜欢的。。。毕竟一大片,画完很有成就感,也显得自己条理特别清楚,但箭头忒麻烦。。。真不乐意画。。。
但是!这个难点要结束惹!今天被我找到一个好东西~(虽然不是什么新东西,但是应该很多人不知道~)
~ ~ ~ ~ ~ ~ ~ ~ ~ 愉快的分割线 ~ ~ ~ ~ ~ ~ ~ ~ ~
![9025f0f09479a38ea0a707683a801651.png](https://i-blog.csdnimg.cn/blog_migrate/b13e4128b7e0e68b02bc1ae6c55917c4.png)
下载戳 -> Sketch symbols for wireframing(已经过期了,找到了另一个~https://www.invisionapp.com/inside-design/scalable-connection-arrows-sketch/)
可以拉伸线条长度,但不会影响箭头形状,戳上面的链接,看到gif你就明白了~
现在是不是画起流程图来容易多了!而且颜色是可以改的,用fill就可以。
![ebe1e0c9bc472641f2d1444f8647bc6d.png](https://i-blog.csdnimg.cn/blog_migrate/bed7e26981527a0f8b319fb94270094c.png)
如果不喜欢这个,也可以自己做呀,原理和安卓的.9 图类似,用Layer>Image>Convert to 9-slice image就可以。下图转自 Sketch设计效率冷门技巧。
![b80d1db1e330df7e88035a84f66e547a.png](https://i-blog.csdnimg.cn/blog_migrate/a43a7fa3c19a45c3b0bf3ee1291352b1.png)
祝各位设计师玩得嗨~ 有帮助的话记得点赞 = w =