每个设计师都有自己独特的设计呈现方式。根据项目的不同，设计师会使用不同的方式展示他们的设计。Clickdummy 原型是展示屏幕流程最常用的方式，方便简洁。通常情况下，设计师会以“编号+标题”的格式为所有屏幕命名，并通过导出结果中 JPG 文件的顺序来表达屏幕之间关系的逻辑。
我很高兴能使用像 Invision App 这样的工具来理清我的设计。然而，ClickDummy 原型在构建大型复杂的软件项目和功能性应用程序时并不理想。有时，我们会将屏幕放在 Sketch 文件中的不同页面中，以使结构更清晰，但却失去了整体的视觉效果。当你向项目经理、客户和开发人员展示你的设计时，你会发现这个过程效率低下。
我们需要一个高效、流畅的流程来优化演示和交接。我的经验是线框图和UI的流程。这是一种非常新颖的方式，但效果很好。
我们知道 Behance 和 Dribbble 上有很多精美的线框和 UI 流程。其实很多设计师也在做同样的事情。我在上海MINGLabs工作的时候，我的法国设计师同事 Lucas 教给我一个方法，它不仅易于理解，而且美观高效，可以作为交接的 UI 呈现流程。后来，这个方法在我的远程自由职业中得到了运用，并不断改进。这对降低沟通成本非常有帮助。
当然，我的应用和网站都是用 Sketch 设计的。我建议从第一个线框图开始设计流程。之后再设计主页和两三个辅助页面。
您可以创建一个新的画板。画板大小要足够大，能够覆盖所有屏幕。这样做的目的是为了更容易添加线条和注释，也方便在最后时刻导出完整流程图的概览。不过，现在没必要添加屏幕数量。等您心中有了概览之后，再添加也不迟。
流程包括 5 个组件：
流程的结构是从左到右组织的。页面位置越靠右，层级就越低。我的习惯是把首页之类的第一页放在左侧。设计流程如下：
线框和 UI 流程改善了沟通。但它并不完美，实际上有时甚至有点令人毛骨悚然。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。