1. Sketch作为设计流程的起点，进行线框原型、视觉设计
  2. 概念原型设计
    在此阶段，可尝试多种不同方向，每个方向大约4-5P静帧，结合不同交互思路，输出可交互的概念原型，用以判断方向。
  3. 差异化
    结合C4D、AE等软件，可以进行一些更有趣的动效设计尝试，例如：闪屏动画、加载、logo演绎、表情、按钮动画等，加入到交互原型中，突出呈现产品的差异化特性。
  4. 有功能更有场景
    在内部或外部进行概念汇报时，可以采集用户场景、调研资料，结合keynote、AE与概念交互原型，剪辑成一部声色并茂的小短片，会更容易让沟通双方理解产品概念中的重点内容，并加速达成共识。
  5. 规范与整体性
    概念阶段结束后，用Sketch进行线框图设计，并规范控件，保障网站/APP设计的整体性。
  6. 整体与分散
    进行所有页面设计，在这个过程中，如果能将所有设计串联，变成可交互的原型，效果最为理想。当然，这带来的修改与调整的难度也会成倍上升。正常情况下，我们会将网页/APP拆解出几个主要的任务流，分别进行流程串联与交互动效设计。这样既可以多人同时协作，也可以将修改可能产生的错误降到一个较低程度。
  7. 细节补充
    对于一些分支内容，我们可以用单一界面动效或者文档的方式呈现。新一代交互设计工具的一大优势在于我们可以方便的输出时间、元素属性、动效曲线等参数，方便工程师调用。