it-swarm.cn

用于为移动设备用户界面创建模型的工具

我正在寻找可以帮助我为不同的手机(例如iPhone,Android和Windows Phone 7设备)创建UI样机的工具。是否有任何应用程序可以做到这一点?

26
gyurisc

如果您打算为iPhone制作原型,那么我最近发现了一个非常有趣的 iPhone样机工具

您可能还需要考虑 本文提供的清单 ,它在主题上有很多模具和工具。

16
Pam Rdz

好问题- Balsamiq Mockups 可能是您最好的选择。他们内置了iPhone控件,并且有人贡献了 Windows Phone 7控件 。他们也有诺基亚平台等产品。不确定Android选项。请关注 Balsamiq的Mockups To Go博客 ),以寻求Balsamiq社区的进一步贡献。

我还在Twitter上使用 wireframingprototyping 工具创建了两个列表,您可以考虑使用以下工具来查看这些公司是否集成了对这些平台的支持。但是,由于Windows Phone 7尚未启动,因此其中许多尚未进入该领域。

8
Rahul

也可以在 Pencil 的Firefox ..和Android模具中检出 Android-ui-utils 开源专案( 网志在这里 )。

我还听说Adobe Fireworks非常适合用于UI原型制作(显然,它支持交互式模拟和9切片形状)……尽管我自己还没有尝试过。

7
Roman Nurik

有一个专用于iPhone(和iPad)的专用工具,实际上可以在iPhone上运行-Interface

正如Rahul所指出的那样,Balsamiq是一个不错的选择,并且Axure也有专用的库(至少对于iPhone-我没有没有检查其余部分)。

5
Dan Barak

我想将 WireframeSketcher Eclipse插件添加到列表中。一个非常漂亮且易于使用的原型应用程序,即使非程序员也可以直接使用IDE)。

WFS的一个不错的优点是,屏幕可以另存为XML文件,从而可以轻松地将它们存储在版本控制系统中,并进行区分和合并以保持更改的组织性。

它最初是为模拟“正常”应用程序而创建的,但一些用户为iPad/iPhone/Android应用程序贡献了称为“模板”的模型组件(请参阅 WFS Mockupgallery )。

2
Baelnorn

我经常使用gdocs。我对它最灵活,我也习惯了。我喜欢您可以共享,讨论和协作草图的方式。例如,请参见此处: Windows Phone 7中的两步选择

1
OneWorld

您也可以使用Fireworks,也可以尝试检查此应用程序 http://www.fluidui.com/ 仅在iPhone上专用,并且Android用于创建模型)。 :)

1
UXgirl

对于iPhone/iPad,我使用以下命令: App CookeriMockups

两者都是iPad应用程序。

0
ScottK

一路Axure!我花了无数小时来获取用于移动设备的原型。我使用的所有其他程序的问题是它们不处理详细的表格。我必须在手机上制作一份锻炼表格的原型。当在屏幕之间跳动时,Axure可以处理“记住”用户选择的形式。 (即:当用户选择“活动”,然后转到带有活动列表的下一个屏幕时,他们可以选择“运行”,然后将其反弹到前一个屏幕中,并预先填写“运行”。然后,他们可以选择子活动,让我们说“ treadmill run”,然后它将我弹出回到原始表单屏幕,并在表单上填充“ Run”和“ Treadmill Run”。)其他一些程序会将其作为下拉列表进行处理,但是当然这在电话上的处理方式有所不同。 Axure是唯一支持此功能的程序。

较新版本的软件中还有一个设置,可让您调整原型的视窗,使其看起来像手机上的实际应用。它支持像“ tap”这样的功能,它们是移动功能。

该网站上有免费试用版。有许多受支持的小部件库,甚至是移动UI元素。

我强烈推荐这个程序!

0
Christie Day

这是另一个可以帮助您的工具 iPhone Wireframe Kit-Google Docs

0
vladocar

另外,请在您的资源中添加此工具。

适用于iPhone,Windows Phone 7和Android Mobile GUI Mockups的DesignerVista 4.0

http://www.designervista.com

0
user3335

我已经很喜欢Fireworks了很长时间,但是最近我搬到了OmniGraffle(因为Fireworks在Mac上开始出现问题,而且运行缓慢)。到目前为止,我对选择非常满意。这是一些 iPhone和iPad的非常漂亮的模具 ,其中包括用于OmniGraffle的真实图形和灰度版本。

通常,您从灰度线框开始,并在确实需要时添加一些图形。就个人而言,我使用灰度处理的速度更快,它使线框坚持描述要素和导航,而不是颜色。

0
user3337

我尝试了几种方法。评论和链接如下:

0
Yunus

我爱 Cacoo ;这是我进行简单线框图制作的理想选择,并且它们在iPhone,Android等设备上都有不错的选择。 。

0
user3358

你看,有很多工具。正确的选择始终取决于您以前的经验和技能,并且显然取决于您的任务背景。您想展示什么以及向谁展示。

除了列表之外,我还建议:-如果要探索各种过渡,请检查Adobe Catalyst(或Flash)-如果之后需要创建规格,则当前基准是Axure RP6

实际上,只要您知道自己想做什么以及可交付成果的受众是谁,就可以使用任何东西。

0
Wolo

无法在Rahul的帖子中添加评论,因此在这里我要提到Balsamiq的自定义模型网站正在重新放置 https://mockupstogo.mybalsamiq.com/projects ,它的格式比后继网站好得多。

@OneWorld可以订阅 http://mybalsamiq.com ,每月只需$ 12。但是您最好购买台式机版本恕我直言。

0
saybeano