从转入移动互联网后,一直想写关于手机原型设计的一些常用工具和设计方法,通过自己从互联网转到移动互联网的一些常用的工具使用,可以实现多种方式来做手机客户端的产品设计,以达到最好的效果。希望对于处于手机客户端设计的设计师有些帮助。原型设计的软件很多,Axure、Visio、FireWorks、PS、Balsamiq-Mockups……(这里有一些设计的工具下载地址:http://c2.com/cgi/wiki?GuiPrototypingTools)一系列的软件都可以在手机原型设计中使用,甚至很多人直接用Word直接来做手机的原型设计。今天想说的是用Visio做的设计和设计方法。 很多人把Visio称为"万能战士"。微软的Visio不是简单的画流程图的工具,同样可以画出直观的手机原型设计,可以直接输出给UI和视觉设计师,配上文档后同样可以交给开发。 Visio画原型优点: 1、普及度高。Visio是不可或缺的一款软件产品,不论是开发人员还是产品经理都会在自己电脑上装个Visio,很多时间在电脑安装Office时都选择了安装Visio。Visio的重要性已经不需要再细说,相信Visio在这些设计软件中的也是认知最高的。 2、组件库极其丰富。你可以说Visio起动速度慢,那是因为它有太多的东西需要启动,Visio2010增加了更多,在不断的满足用户流程规范的同时,也为原型设计增加了应用的组件,让原型设计更加快速化。 3、弹性极好。对于Visio的弹性确实没啥可说的,在自己切身使用的几款原型设计软件中(Axure、Balsamiq Mockups、Word、PPT、GUI Design Studio、UI Design等)感觉弹性最好的就是Visio了,同时可以直接将流程图放在原型图旁边加以说明,标注文字,同时可以导到文档中,也可以导出为图片,可以直接交付给UI设计。 4、流程能力表现强大。Visio最早一定没人用来做原型设计使用,但它最突出的特点是用它来画流程图。Visio画流程功能同样配在产品中,交集着原型设计,对于开发、设计都会是一种全方位结合的方式。 5、完整的支撑整个产品生命周期。这是最重要的一点,同时也是很多设计者愿意用Visio来画原型的一方面。为什么说Visio可以完整的支撑整个产品生命周期,产品从无到有,一定是个迭代的过程,不断的产品版本的更新,文档的更新,流程的更新修改,用Visio画原型,旁边附上流程图加说明,会将很多流程简单化。 …… Visio对于画手机原型设计确实有自己的优势方面,但同样存在着不足,包括界面效果表现,以及交互方面的缺陷等。 Visio画原型缺点: 1、静态。这是个很头疼的问题,因为Visio没办法做到和Axure一样做到交互,只有将事件、提示语言写在Visio原型旁边。给出来的只是一个静态的页面,或者仅是一种图片而已。 2、过于强大而不够专业。都说事情有二面性,Visio也一样。因为它过于强大,而显得不够专业,Visio可以画流程图,而很多用户就直接将Visio定为只能画流程图的工具。但同样可以发现很多用户用Visio来画网站的原型图,Axure或许也是这样,但很多人更愿意用"Axure+Visio"来完成"原型+流程"的工作,各取所长,当仅用Visio画时就显得不够专业了。 3、使用成本相对较高。这里说的成本集中于人力成本和时间成本。用Visio做个原型确实不容易,我花了很久才做了一个手机原型,而且还没完全表达清楚意思,不像Axure可以直接通过事件来表达意思,同时对于配色也没Axure好用,其次是时间成本,做一个像样的Visio的原型得花费很多时间,同时与UI、视觉的沟通时间成本会增加。没有了交互,文字的理解会增加更多的时间成本。 4、交互能力差。这点我一直觉得是用Visio画原型最大的缺陷,Visio没办法像其它软件一样,从一个界面直接过度到另一个界面,对于交互的感觉确实不好。所以很多设计人员不愿意用Visio做原型也在这个方面。 5、缺少连贯性,大量的文字信息辅助。同样的一个功能在其它的原型设计软件中可以直接表现出来,例如跳出框之类,都可以直接表现。但Visio只有通过大量的文字信息来表达清楚,无形中增加了时间成本,同时文字理解差异也会导致成本增加。 …… Visio是"万能战士",但优缺点同在。Visio给用户的不再是简单的画流程图工具,同时也可以是原型设计工具。"萝卜青菜各有所爱",Visio同样可以做出漂亮的原型界面。合理有效的利用Visio自带的控件,同时加载一些手机设计常用的界面,可以很好的表达出产品原型。个人建议如果用Visio做手机原型设计最好是针对于大屏幕的手机,如Android和iPhone这类大屏幕的手机,同样可以做出很多原型软件做出的效果。 上面是二张用Axure和Visio画的原型,Visio花费的时间是比较多的,但当有模版时会让工作变的更加简单化。特别是对于做手机DEMO来说,用Visio即可以画流程图,同样也可以画原型图。个人爱好取舍吧,同样见过用PPT做手机原型的,下一篇可以分享一下用PPT做原型的一些优劣,做出的效果同样逼真。哪个更好看,则是仁者见仁,智者见智了,但有一点可以确定,Visio同样可以做出漂亮的原型。