INDIGO STUDIO v5.01 官方版 xx

UI原型设计和交互原型设计工具是一款infragistics开发的UI原型设计和交互设计工具，这款软件不仅能创建超过100种不同场景的、内置交互控件的框架和专用于桌面、网站和移动应用的原型，还可充分利用触摸手势、PDF文件制作，帮助用户快速、简单地设计出真实内容的故事版、快速的原型交互式应用程序和以及功能齐全的、生动的UI原型。

INDIGO STUDIO 帮助你快速而简单地创建活生生的UI原型。它的每一步都保持以用户体验为中心。有了Indigo Studio你可以用超过100个不同的场景、线框（内置交互控件以及桌面、网站和移动应用的原型）创建脚本，全部不需要代码。

【INDIGO STUDIO功能特色】

Indigo Studio包括超过21个内置的交互式控件，300个可搜索的图标，常用的基于曲线的形状和基于矢量的模板。特别值得一提的是，Indigo Studio提供了300多个根据实际而设计的模板，让UI原型设计可以马上对号入座，而且提供的模板广大设计师一定会爱不释手，Infragistics作为一流的用户界面控件开发商，其设计模板绝对保证先进、现代、美观！其操作界面也是现在最流行的METRO风格，绝对能帮助使用者激发出不少设计灵感。

【Indigo Studio验证机制】

使用State功能展示比较小的验证或屏幕从一个状态切换另一种状态。使用State可以很方便的保存各种状态，同时也增加了重用性。
简便起见，这里选择了一个比较简单的流程，你只需要输入你的名字然后按下Login按钮就可以了。如果名字字段为空，文本框上方就会出现红色的提示文字。如果你输入了文本，标签又会消失。你可以用Backspace模拟这个过程。
演示中有两个屏幕： (a) Login Page 和(b) Main Page，在原型中也只使用"States"来表示两个屏幕:

下面是Indigo Studio中呈现的关于State转换的流程：

问题：state 1.1.1 / 1.2中的按钮为何会重定向到下一个页面，而其他state的按钮却不会？
答：因为在这两个State下面，有一个同样尺寸的登陆按钮被放置在原始登陆按钮相同的位置，这个新按钮是指向下一个页面的。也就是说原来的登陆按钮隐藏在新按钮的下方。
同样，当文本字段被清空时，新按钮就会被移除，而在下面的原始按钮又会到上面。
注意：原始按钮不指向任何页面，它是在被点击后显示红色提示文字的。
总结
接下来是很重要的一步，就是通过消除冗余来优化State。如果一个state与另一个state是类似的，那最好是进行引用而不是进行复制。
由于state是按照顺序进行的，所以应该引用转换开始时的那个state。
比如有两个state由绿色的方框进行强调，但只有底部的绿色方框可以指向顶部的绿色方框。底部的绿色state不是最开始的item，顶部那个才是，所以应该引用顶部的state。而灰色方框的state则刚好相反，顶部那个应该引用底部那个state。

棕色方框的State细化：

绿色方框的State细化：

下面就是由初始状态图再用Indigo Studio做出来的屏幕草图：