2010.11.10 苏鹏
内容介绍
- SketchFlow的原型设计
- SketchFlow实现
预备知识
- 安装Visual Studio 2010
- 安装Expression Blend4
- 安装Silverlight tools for Visual Studio 2010
SketchFlow能做什么
- 设计师和客户的桥梁
- 快速的UI设计
- 吸引客户的原型
SketchFlow做的原型是能够交互的，你一点它可以走，你一动它可以做业务逻辑。这样的原型，用户看起来非常直观。Feedback工具可以把所有观点记录下来，并导出成文件。
Demo
- 建立一个Shopping的原型
完成场景页面设计
场景之间的切换只需要双击蓝色矩形
指定链接转向页面
创建新组件
运行效果
当点击结账导航到check out页面
为确认购买的Grid添加两个状态
当点击买下它时，转到show状态
当点击再想想时，转到hide状态
运行效果
用户反馈
导出反馈
开发者打开反馈
开发者、设计者和用户可以通过这种方式来交互。
可以导出为Word
导出的Word
总结
- SketchFlow的原型设计
- SketchFlow实现
2010.11.29