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

b6b173d8172faa82ef90d5a0de695109.png

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

854edb50af8f7e379acdba0366cf08c5.png

64fa8d678e99c489ba45bd71cb8bb359.png

0810e0545b9c5bf32049ee4df9a6e8d2.png

911cb09dfadda0853af02e75560807c4.png

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

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

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

但是!这个难点要结束惹!今天被我找到一个好东西~(虽然不是什么新东西,但是应该很多人不知道~)

~ ~ ~ ~ ~ ~ ~ ~ ~ 愉快的分割线 ~ ~ ~ ~ ~ ~ ~ ~ ~

9025f0f09479a38ea0a707683a801651.png

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

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

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

ebe1e0c9bc472641f2d1444f8647bc6d.png

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

b80d1db1e330df7e88035a84f66e547a.png

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值