我正在尝试为iOS和Android设备组合一个虚假用户界面而不实际创建所有繁琐的用户界面工作。有没有办法以某种方式从图像中模拟UI?到目前为止,我们有Photoshop设计和模型。
有没有工具?我检查过Titanium和ForgedUI。虽然它是一个相当简单的概念,但我仍然认为创造所有这些都是一种过度杀伤力。例如,我必须切片我的PSD按钮。此外,数据Feed必须来自网址等。
我只想要一些类似于Balsamiq Mockups链接屏幕的东西,以便进行一系列屏幕的实际演示。我们希望测试导航,字体和产品概念,同时开发使产品准备就绪。
提前致谢!
答案 0 :(得分:2)
最简单的方法是使用HTML。如果您已经有Photoshop模型,您只需将它们导出到(视网膜质量)PNG图像并添加一些图像地图进行导航。如果您将此网站添加到主屏幕,您将获得没有Safari导航栏的像素完美预览。
然而,iOS应用程序在很大程度上依赖于动画。无论如何,如果您要使用原生UI,您应该考虑使用实际的UIControl
元素创建一个“真正的”UI原型。虽然这是更多的工作,但它允许更好的UI评估。
答案 1 :(得分:0)
对于线框图,有两种选择:
对于高保真模型,我会在Interface Builder和storyboard中进行,就像JustSid推荐的那样。只是不要做连接UI元素的繁琐工作。
您可以查看Adobe Proto等工具。我从来没有尝试过,但似乎它可能是一种选择。
对于我的超快速,低保真模型(例如数字相当于“信封背面”模型),我个人使用我的iPad,stylus和绘图包{ {3}}(使用你想要的任何绘图包,但我喜欢有图层的绘图包)。我也把Sketchbook Pro放在我的iPad上。
所以,我在我的iPad上打开我的绘图包,使用iPhone设备的图片作为起点开始一个新的绘图,放在一个新图层上(所以我可以在一个图层上绘制并隐藏或丢弃该图层图层即刻回到空白设备图像的图像),然后在这个新图层上绘制我想要的UI。这非常适合头脑风暴会议。从这个概念性的低保真模型到实际的Xcode故事板没有自动桥接,但我可以在几秒钟内绘制用户界面模型。我这样做不仅是为了与设计师进行头脑风暴,也是为了充实自己的概念,我自己也是如此。