Blend中的SketchFlow特性

本文介绍了如何使用SketchFlow进行交互式原型设计,包括快速UI设计、场景页面搭建、组件创建及用户反馈收集等过程,展示了从设计到反馈的完整工作流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 内容介绍

  - SketchFlow的原型设计

  - SketchFlow实现

  预备知识

  - 安装Visual Studio 2010

  - 安装Expression Blend4

  - 安装Silverlight tools for Visual Studio 2010

  SketchFlow能做什么

  - 设计师和客户的桥梁

  - 快速的UI设计

  - 吸引客户的原型

  SketchFlow做的原型是能够交互的,你一点它可以走,你一动它可以做业务逻辑。这样的原型,用户看起来非常直观。Feedback工具可以把所有观点记录下来,并导出成文件。

  Demo

  - 建立一个Shopping的原型

  

image
image
image

  完成场景页面设计

image

  场景之间的切换只需要双击蓝色矩形

image

  指定链接转向页面

image

创建新组件

image
image
image

 

  运行效果

image
image
image

  当点击结账导航到check out页面

image

 

  为确认购买的Grid添加两个状态

image

  当点击买下它时,转到show状态

image

  当点击再想想时,转到hide状态

image

  运行效果

image
image

  用户反馈

image

  

导出反馈

image
image

  开发者打开反馈

image
image
image

  开发者、设计者和用户可以通过这种方式来交互。

  可以导出为Word

image
image

  导出的Word

image
image
image

 

  总结

  - SketchFlow的原型设计

  - SketchFlow实现

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值