用Sketch定制你的流程图(一)【附组件库】
用Sketch定制流程图,目前的1.0版本仅支持做一些业务流程图、功能流程图等。后续会支持页面流程图、原型图等常用的各种流程图。
前言
uxtools提供的「 2018年全球设计工具调查」显示,对于从事互联网产品设计相关的人员,Sketch目前仍是使用最多的工具。而且不仅仅体现在UI设计中,从头脑风暴,到用户流/站点地图,再到线框图,原型图...Sketch的使用率都名列前茅。
其实在流程图的绘制上,Sketch明显不是一个好的选择。无论是Axure、OmniGraffle、Visio还是类似ProcessOn的在线流程图工具,都比Sketch更合适。
但我就是想要一个简(yong)单(lai)好(zhuang)看(b)的流程图啊。
这里给大家提供一套组件库,满足大家各种风格的作品需要。
我们的口号是“用最少的组件,实现最多的可能。”
示例
主要用到的Sketch功能
Resizing(调整)和Appearance(外观)
具体的用法就不说明啦,就算是有不知道的小伙伴,下载了我的源文件点一点就可以轻松学会啦。
使用步骤
说明
关于箭头:不像其他的模板,这个模板只做了四个箭头,因为只需要4种形状的箭头就可以通过组合实现所有的情况,我希望大家能很快的找到自己想找的组件,所以尽量做的少一些。
另外,当线的端点是圆的时候,是以圆心对齐的;当线的端点是箭头的时候,是和箭头顶点对齐的。
使用小建议:
你可以把它放在你的「Library」里,但是如果你想绘制一个新的风格的流程图,又不想改变原来的「Library」的话,你可以把它存为「Template」,然后以这个模板新建文件。
回收反馈:
小伙伴们使用过程中如果遇到什么问题,如果觉得缺少一些非常重要的组件,希望可以告诉我。