页面状态仍是组件？到底什么才是交互的中心？

随着信息行业的日益发展，软件的开发设计获得了更多人的重视，软件的原型设计也一样的变得原来越重要。咱们目前使用的原型设计工具中，设计的模式广泛为两种，一种是以页面状态为中心来设置交互，好比Flinto for Mac和Principle。另外一种模式则是以组件为中心，这种工具也不少，好比你们经常使用的Axure和Mockplus。那么这两种方式哪种才是最好的呢？咱们这里来作一下具体的分析。

1、以页面状态为中心

Flinto for Mac和Principle这类原型设计工具备一个共同点，那就是它们自己几乎不具备任何产生组件的能力，基本都是经过使用导入其它图形工具导出文件而获取组件和页面的。Flinto敏感的抓住了一个现象，那就是Sketch的崛起。它果断用一种能够说是与Sketch捆绑的方式开发了Flinto for Mac的版本。经过以页面状态为中心来设置交互，在状态罗列在页面后，简单的连接就会自动产生动画效果，并且动效还很逼真。这对于开发后期的UI演示来讲，帮助是极大的。Principle的工做原理和Flinto for Mac基本相同。

这种以页面状态为中心设置的方式确实受到了不少人的追捧，可是问题也是确实存在的。当一个页面中有大量的组件须要实现交互的时候，这个依靠不一样的页面状态来实现交互设置的方式就面临了一个巨大的挑战，那就是如何来显示大量的状态。Flinto和Principle的方法想必也是出于无奈，它们只能把各个层级按照某种顺序排列在地面上。

2、以组件为中心

Axure、Justinmind以及Mockplus这类原型设原型设计工具自己是具备产生组件的能力，很天然地，组件就成了这类工具软件设置交互的中心。多数的交互都是经过改变组件的属性来实现的，使得整个设计过程变得灵活起来。而也正是这种灵活的设计方式在软件开发的前期需求表述上能够真正的作到快捷、有效。

相信不少用户在升级了Axure新版本以后并无收获原有的期待，不过Axure仍然是用户最多的原型设计工具。它的设计操做模式也为不少同类的工具提供了借鉴，甚至能够说，有不少原型设计工具是在模仿Axure。Mockplus在设置上经过高度可视化减小了设置步骤，在面对大量的交互设置时，仍然可以实现敏捷迅速。

然而，当交互的设置对象为组件而不是页面状态的时候，那么这个项目显示出来的总体篇幅就小了不少。Axure对于交互功能的支持更加丰富。Mockplus也不甘示弱，尤为是它对可视化程度的把握。它采用的拖拽方式是设计过程变得可视化，而设置结束以后连接线就会隐藏，因此即便页面内部的交互设置多达几十个，也并不会影响总体的视觉效果。

不论是以页面状态为中心，仍是以组件为中心，最好的原型设计方式只存在与相对的人群之中。开发前期的需求表述方面，Axure和Mockplus很明显是占有优点的。而Flinto for Mac和Principle则在后期的演示中可以呈现出更好的效果。结合需求才能选择正确的工具。