伪造的iOS UI工具

Question

我正在尝试为iOS和安卓设备组装一个假的UI，而不是真正创建所有乏味的UI工作。有没有办法从图像中模拟出用户界面？到目前为止，我们已经有了Photoshop的设计和模型。

有什么工具吗？我查过钛合金和ForgedUI了。虽然这是一个相当简单的概念，但我仍然认为创建所有这些东西是一种夸张的做法。例如，我必须为按钮切片我的PSD。另外，数据馈送必须来自URL等。

我只想要一些类似于Balsamiq模型链接屏幕一个到另一个的一堆屏幕的实际演示。我们想测试导航，字体和产品概念，而开发是让产品准备好。

提前感谢！

Answer 1

最简单的方法是使用HTML。如果你已经有了Photoshop模型，你可以简单地将它们导出为(视网膜质量) PNG图像，并添加一些图像地图用于导航。如果你把这个网站添加到你的主屏幕上，你将会有一个没有Safari导航栏的像素完美的预览。

然而，iOS应用在很大程度上依赖于动画。如果您无论如何都要使用原生UI，那么您应该考虑使用实际的UIControl元素来创建一个“真正的”UI原型。虽然这是更多的工作，但它允许更好的UI评估。

Answer 2

对于线框，有几个选项：

1. 对于高保真模型，我会使用界面生成器和故事板，就像JustSid推荐的那样。不要做单调乏味的工作来连接UI元素。

，

1. ，你可以看看像Adobe Proto这样的工具。我从未尝试过，但它似乎是一个选择。

1. 对于我的超级快速、低保真的模型(例如，“信封背面”模型的数字等价物)，我个人使用我的iPad，一个stylus和一个像Sketchbook Pro这样的绘图包(使用任何你想要的绘图包，但我喜欢一个有层的)。我也在我的iPad上放了blank device images。

因此，我在iPad上打开我的绘图包，使用iPhone设备的图片作为起点，开始一个新的绘图，放在一个新的图层上(这样我就可以在一个图层上绘制，然后隐藏或放弃该图层，以便立即返回到空白设备图像)，然后在这个新的图层上绘制我想要的UI外观。这对于头脑风暴会议非常有效。从这个概念性的低保真度模型到实际的Xcode情节串连板没有自动的桥梁，但我可以在几秒钟内绘制一个用户界面模型。我这样做不仅是为了与设计师进行头脑风暴，也是为了充实我自己的概念想法。--