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,关闭自动调整页面,避免双击放大屏幕,还可以打开实验室-快速控制选项,进行全屏浏览。

SketchBook

说它是原型开发工具似乎不太妥当,Autodesk出品,Android平台上最强的画图程序。SketchBook Express是可以免费使用的版本,如果能访问Google Android Market,可以购买SketchBook Mobile。国内的第三方应用商店——安卓市场里,搜索[绘图]也可以找到。

通过各种画笔的搭配,完全可以做出一个很好的Wireframe。而且软件本身就是为移动平台设计的,自然要比其它几个Web应用顺手许多。但相应的也没有任何现成的素材。

Lumzy

首次载入速度很慢。可以设置一些简单的交互,组件用collapse的方式组织,有比较好的分类,但是把组件拖动到工作台时不能自动对齐,虽然它提供手动对齐功能,但在平板电脑上没法操作。
http://lumzy.com/app/

总的来说,功能比其它几个都多——当然也有一些没什么用的功能,比如更换工作界面的颜色。我用它做了两个Wireframe,没遇到什么很严重的问题。但是,没有自动存档,有时候不小心点到后退按钮,之前的设计就都没了…

GomockingBird

提供丰富的组件,点击右侧的下拉菜单可以选择分类。其它几个都是手绘风格,GomockingBird的组件则是方方正正的,显得比较严肃。它提供一些常用的icon,工具栏图标比较大,适合在平板上操作。
https://gomockingbird.com/mockingbird/

下图是预览的效果,目前遇到比较麻烦的问题是,双击编辑文本的时候,屏幕会自动放大。

Balsamiq Mockups

基于Adobe AIR,我在PC上用得最多的Wireframe工具。全屏演示的箭头指示,丰富的Markup,这些功能都非常有用,官方表示很快就会推出移动版,在那之前只能在线版的凑合着用。
http://builds.balsamiq.com/b/mockups-web-demo/

缺点是每隔5分钟会弹出一次购买提示,不能双击编辑文字,这个缺陷很致命……

Leave a Reply

Your email address will not be published. Required fields are marked *