Front Product

Justproto:Linux下Axure的替代方案

要在Linux下运行Windows程序,最好是用虚拟机。当然这是在通常情况下的最佳方案,如果是连接投影仪,进行双桌面操作的时候,还用虚拟机就会非常不顺手,只能想其他方案。退而求其次,自然就是用wine来运行了,我常在wine上运行Photoshop 9.0,一直非常顺利。wine0.9以后增加了对.Net Framewrok2.0的支持,理论上是满足Axure之前版本运行条件的。但在wine1.2/1.3下模拟winxp/win2000,测试了Axure 4.0/5.5/5.6三个版本,可以安装,不能运行(Axure 6.0基于.Net Framework4.0,直接放弃测试了)。昨天折腾了一晚上,把Axure 5.6所有用到的dll文件都复制到wine中,仍然报错。至此算是暂时放弃用wine来运行Axure了。 Linux下有一些不错的原型工具,比如Pencil。但要找到一个Axure的替代方案比较困难,因为它的功能很强大,长期使用我也习惯了它的界面布局,所以Linux桌面的原型工具都没有能用得很顺手的。而在线原型工具,至今为止我用过的十多个在线原型工具中,最接近的Axure的是Justproto(收费……)。

Continue Reading
Product

Android上的Wireframe工具

之前给平板电脑上的应用做过一个Wireframe,当时就在想,如果能直接在平板电脑上制作Wireframe,肯定会更方便。于是一直想找一个能在Android的平板电脑上运行,制作Wireframe的软件。iPad倒是有一些靠谱的,Android的还真不好找。比如Mockflow,它有Mobile版,号称支持Android 2.3以上系统,但在我的平板电脑上(Android 3.1)只能看到顶部工具条。于是经过多次试用,整理出几个还能用的,以在线应用为主。当然这些应用还不能真正满足我的需求,目前先保持观望态度,如果Adobe的Touch Apps,Balsamiq的移动版,都不适合的话,就自己写一个吧…… 2011 Dec 28 更新 Touch App已经发布了Android版,下载地址:https://market.android.com/details?id=air.com.adobe.proto 本文使用的是SAMSUNG的P7510,首先要设置一下浏览器,启用插件,让浏览器可以调用Flash player,关闭自动调整页面,避免双击放大屏幕,还可以打开实验室-快速控制选项,进行全屏浏览。

Continue Reading
Front Tech

IxEdit原型交互设计工具

某人是Firework的忠实用户,Firework设计完成后可以直接导出为HTML,做原型非常方便。但近几年Axure开始流行,于是某人被迫投身Axure门下,当时MAC版的Axure问题多多,这让他很不高兴,四处搜罗可以重现Firework荣光的玩意,最近他找到了IxEdit,但一直装不上,于是直接扔给我捣鼓,故在此汇报研究成果。 IxEdit可以让设计师根据自己的想法设计页面的交互行为,并生成 jQuery+ jQueryUI的代码。它不是原型设计工具,而是一个js代码生成器,只专注于交互效果,所以它和一些只能生成原型,不能做交互效果的工具——比如Firework是相当绝配的。相比Axure,IxEdit依靠Web浏览器来运行,不受平台的制约,而且生成的代码也可以直接使用。目前还是Beta版,也许正式release的时候会有更完善的功能。 Install 之前Web开发中,本地存储是个很麻烦的问题,于是Google开发了Google Gears,并将其内置在Chrome中,但HTML5推出后这个问题已经被解决了,Google不再更新Google Gears,而且Chrome10以上版本中去掉了Google Gears,于是这就造成了麻烦,大家都使用的是高版本的浏览器,而且通常都是非Windows环境,所以很难安装Google Gears。我把ixEdit对Google Gears依赖的部分先注释掉了,现在保存还有问题,但是可以运行,之后有空我会慢慢修正Bug。点这里查看不依赖Google Gears的ixEdit。 目前已经测试通过的环境: Windows: 1.直接使用Chrome10以下版本;2.使用IE9以下版本打开并安装Gears for windows; 3.使用Firefox3.6以下版本打开并安装Gears for windows; Linux: 1.直接使用Chrome10以下版本;2.在Firefox3.6中安装本文后面的扩展; Mac: 至少目前在Mentor的机器上试过了几个版本的Chrome和Safari,还未成功= =|| 只要装好了Google Gears,剩下的就很简单了,点击这里下载Package包,在HTML中引入js和样式:

Continue Reading