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