2

我正在尝试为 iOS 和 Android 设备组合一个假 UI，而无需实际创建所有繁琐的 UI 工作。有没有办法以某种方式从图像中模拟 UI？到目前为止，我们有 Photoshop 设计和模型。

有什么工具吗？我检查了 Titanium 和 ForgedUI。虽然它是一个相当简单的概念，但我仍然认为创建所有这些是矫枉过正的。例如，我必须为按钮切割我的 PSD。此外，数据馈送必须来自 URL 等。

我只想要类似于 Balsamiq Mockups 的东西将屏幕一个接一个地链接起来，以实际演示一堆屏幕。我们想在开发准备产品的同时测试导航、字体和产品概念。

提前致谢！

4

2 回答 2

2

最简单的方法是使用 HTML。如果您已经有 Photoshop 模型，您可以简单地将这些模型导出为（视网膜质量）PNG 图像，并添加一些用于导航的图像映射。如果您将此站点添加到您的主屏幕，您将在没有 Safari 导航栏的情况下获得像素完美的预览。

然而，iOS 应用严重依赖动画。如果你想要一个原生 UI，你应该考虑使用实际UIControl元素创建一个“真实”的 UI 原型。虽然这是更多的工作，但它允许更好的 UI 评估。

于 2012-11-09T09:03:48.913 回答
0

对于线框图，有几个选项：

  1. 对于高保真模型，我会在 Interface Builder 和 storyboard 中完成，就像 JustSid 推荐的那样。只是不要做连接 UI 元素的繁琐工作。

  2. 您可以查看Adob​​e Proto 之类的工具。我从未尝试过，但似乎它可能是一种选择。

  3. 对于我的超快速、低保真模型（例如“信封背面”模型的数字等价物），我个人使用我的 iPad、手写笔和像Sketchbook Pro这样的绘图包（使用你想要的任何绘图包，但是我喜欢有层次的）。我也在我的 iPad 上放了空白设备图像。

    所以，我在我的 iPad 上打开我的绘图包，使用 iPhone 设备的图片作为起点开始一个新的绘图，放到一个新图层上（这样我就可以在一个图层上绘图，然后立即隐藏或丢弃该图层回到空白设备图像的图像），然后在这个新层上绘制我希望我的 UI 看起来的样子。这非常适合头脑风暴会议。从这个概念性的低保真模型到实际的 Xcode 故事板没有自动的桥梁，但我可以在几秒钟内绘制一个用户界面模型。我这样做不仅是为了与设计师进行头脑风暴，也是为了充实我自己的概念想法，我自己也是。

于 2012-11-09T09:40:02.037 回答