王朝百科
分享
 
 
 

SketchFlow

王朝百科·作者佚名  2010-08-10  
宽屏版  字体: |||超大  

SketchFlow是Microsoft Expression Blend的一个插件(在EB3中是绑定安装的),其主要的用途是:

1)为构思设计草图。

2)将草图转化为可工作的原型。

3)将工作原型在SketchFlow播放器中展现,以供评审和改进。SkecthFlow 增加原型系统的动态性原型系统是非常重要而有效的一个手段,那么有什么好的方法来实现“原型”呢?

当然,最基本的方法就是手工绘制一些图纸了,此外,比如Fireworks软件中,提供了一些更为方便的进行原型设计的功能,但是这些方法和软件还是停留在“静态”展示的层面,本质上和手工绘制一些图给客户,进行纸上谈兵是一样的。

而现在网站的交互功能越来越强,一些基于Web的信息管理系统,操作起来就跟们更为复杂,比如各个页面之间的跳转,如果使用了Ajax等技术,页面还会局部刷新,如果都要用静态的图像来表达,实际上是非常困难的。因此,如果我们可以方便地制作出,可以模拟最终的动态效果的原型,那么就好多了!正是基于这个原因,近年来出现了一些具有模拟效果的原型设计软件 ,而其中微软公司的SketchFlow,是一款非常棒的软件!实际上这不是一个独立的软件,而是附属于 Expression Blend 的一部分。而 Expression Blend则是微软的Expression Studio 套件中的一个。如果再往下说,就要到大名鼎鼎的 Silverlight (微软指望靠它和Flash大干一场呢)上了—— Expression Blend 正是用来设计和开发 Silverlight应用的软件,因此对于微软来说,这可是一个重头戏。

而在 Expression Blend 3 中,包括了一个部分叫做“SkechFlow”,我们今天要讲的就是它了。 因此现在这个软件的全称叫做“Microsoft Expression 3 + SketchFlow”。

Sketch 就是草图的意思,Flow就是流程的意思,因此合在一起,就是“流程草图”的意思。那么它具有什么用呢?SkecthFlow 的用途首先,这个Blend这个软件本身就是可以绘制矢量图形和动画的,因此用它来绘制页面的草图是很方便的,比如我们要租一个网站,首先是一个登录页面,然后进入到一个内容页,我们就可以非常方便地绘制出如下的图形,注意这种风格是专门为此设计的草图风格,看起来就像是手绘的风格,主要的目的就是给用户展现的是页面的核心概念和功能,而不会是非常细节的样式。这种风格,看起来分舒服。

SketchFlow
页面

当然,如果只是把图像绘制的看起来手绘风格,那么也就没有太的改进了,更更为重要的是,使用SketchFlow制作的网站原型,可以精确地模拟实际操作过程,比如上面图中,登录框中的用户名输入框、密码输入框、滑动条、选择框、按钮都是可以实际操作的,而且通过简单控制,就可以非常方便地使他实际工作起来。在比如,上面的右图中,“作者介绍”和“读者评价”部分,各有一个滚动条,而这些滚动条都是有实际作用的,因此使用这种方式制作出来的原型,可以使客户非常直观而精确地了解最终这个网站完成以后,会是什么样子的,这样如果他又不满意的地方,在一开始就可以明确地指出来,这样对于我们开发成本的控制就大有好处了。

此外,软件中给出了方便的导航图,以显示各个页面之间的导航关系,也非常清晰实用。也非常清晰实用,如图所示。

SketchFlow
流程图

此外,SketchFlow还可以自动生成Word格式文档,包括目录、文字、导航图、各个页面都准备好了,这样稍作修改后,提供给客户交流,就非常方便,也非常专业了。

当然,这个软件的功能还远远不止于添加几个导航链接的功能,因为它本身用C#或者VB就可以进行深入而灵活的控制了。总之,使用 SketchFlow 可以比较方便地制作出高度模拟实际效果的原型系统,给我们带来很大的益处。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
如何用java替换看不见的字符比如零宽空格​十六进制U+200B
 干货   2023-09-10
网页字号不能单数吗,网页字体大小为什么一般都是偶数
 干货   2023-09-06
java.lang.ArrayIndexOutOfBoundsException: 4096
 干货   2023-09-06
Noto Sans CJK SC字体下载地址
 干货   2023-08-30
window.navigator和navigator的区别是什么?
 干货   2023-08-23
js获取referer、useragent、浏览器语言
 干货   2023-08-23
oscache遇到404时会不会缓存?
 干货   2023-08-23
linux下用rm -rf *删除大量文件太慢怎么解决?
 干货   2023-08-08
刀郎新歌破世界纪录!
 娱乐   2023-08-01
js实现放大缩小页面
 干货   2023-07-31
生成式人工智能服务管理暂行办法
 百态   2023-07-31
英语学习:过去完成时The Past Perfect Tense举例说明
 干货   2023-07-31
Mysql常用sql命令语句整理
 干货   2023-07-30
科学家复活了46000年前的虫子
 探索   2023-07-29
英语学习:过去进行时The Past Continuous Tense举例说明
 干货   2023-07-28
meta name="applicable-device"告知页面适合哪种终端设备:PC端、移动端还是自适应
 干货   2023-07-28
只用css如何实现打字机特效?
 百态   2023-07-15
css怎么实现上下滚动
 干货   2023-06-28
canvas怎么画一个三角形?
 干货   2023-06-28
canvas怎么画一个椭圆形?
 干货   2023-06-28
canvas怎么画一个圆形?
 干货   2023-06-28
canvas怎么画一个正方形?
 干货   2023-06-28
中国河南省郑州市金水区蜘蛛爬虫ip大全
 干货   2023-06-22
javascript简易动态时间代码
 干货   2023-06-20
感谢员工的付出和激励的话怎么说?
 干货   2023-06-18
 
>>返回首页<<
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有