用 Sketch + Overflow 解锁流程自由连线

相比于视觉稿，交互在交付输出文档时还需要串联页面，添加判断条件，以及补充交互说明。

在sketch中连线一直是一个难题，无法做到像Axure中交叉线自动显示叠加，多页面情况下可读性迅速降低，对此可以使用 Sketch + overflow工具进行页面串联，以下是使用时需要注意的点：

1、页面

不同于交互中关于页和流程的区别定义，此处统一指一个设备尺寸的画板为一页。

2、判断条件

绘制判断控件symbol样式统一大小的画板，方便在流程绘制工具中移动和添加连接线。

3、连接线

因sketch中flow工具使用中需定义很多symbols，不能根据页面实际情形进行灵活调整，流程展示方式单一，页面较多时对于细节关注度较低。

4、交互说明

旧方案

原来方式是将所有交互说明放置在一个画板中锁定，并将此画板置于所有页面上方，防止在切图输出时连接线出现在页面内；此方式在初次制作时较为方便，但是修改时容易产生人为误差导致信息丢失，切换锁定画板较为麻烦；

新方案

将原先的集合内容再切分，在每页下方放置名为“交互说明”的画板，画板命名需和页面有明显区分，在导出规范时方便选择输出；。