2012-11-09 52 views
2

我想为iOS和Android设备放置一个假的用户界面,而没有真正创建所有那些单调乏味的用户界面工作。有没有办法从图像中以某种方式模拟UI?到目前为止,我们有Photoshop设计和模型。假的iOS用户界面工具

有没有工具?我已经检查过Titanium和ForgedUI。虽然它是一个相当简单的概念,但我仍然认为它是一种矫枉过正的创造。例如我必须切片我的按钮的PSD。另外,数据馈送必须来自URL等。

我只是想让一些类似于Balsamiq Mockups的屏幕相互联系以获得一堆屏幕的实际演示。我们希望在开发产品准备就绪的同时测试导航,字体和产品概念。

在此先感谢!

+2

我会说在iOS上,最简单的方法就是在Interface Builder中单击故事板。也就是说,只要你使用普通的UI组件。 – JustSid

回答

2

最简单的方法是使用HTML。如果您已经有Photoshop模型,您可以将其导出为(视网膜质量)PNG图像并添加一些用于导航的图像映射。如果您将此网站添加到主屏幕,则无需Safari浏览器导航栏即可获得像素完美的预览。

但是,iOS应用程序在很大程度上依赖于动画。如果你打算使用原生UI,你应该考虑使用实际的UIControl元素来创建一个“真实”的UI原型。虽然这是更多的工作,它允许更好的UI评估。

0

对于线框图,一对夫妇的选择:

  1. 高保真原型,我会做在Interface Builder和故事板,像JustSid建议。只是不要做挂钩UI元素的繁琐工作。

  2. 你可以看看像Adobe Proto这样的工具。我从来没有尝试过,但它似乎可能是一个选择。

  3. 对于我的超快速,低高保真原型,我个人使用我的iPad,一个stylus和绘图软件包一样Sketchbook Pro(使用(如原型“信封的背面”在数字上等同)的任何绘图包你想要的,但我喜欢一个层)。我也在我的iPad上放了blank device images

    因此,我在我的iPad上打开我的绘图软件包,以iPhone设备的图片为起点开始绘制新图形,放在新图层上(这样我就可以绘制图层并隐藏或丢弃该层立即返回到空白设备图像的图像),并只画出我希望我的UI看起来像在这个新层上。这对脑力激荡会议非常有用。从概念性低保真模型到实际的Xcode故事板没有自动桥接,但我可以在几秒钟内绘制出用户界面模型。我这样做不仅是为了与设计师进行头脑风暴,也是为了充实我自己的概念想法,我自己。