你如何勾勒出你的iPhone应用程序设计和想法？

你如何勾勒出你的iPhone应用程序设计和想法？我现在就要开始我的下一个项目了，我想找到一种方法把我的想法呈现在屏幕上，而不是老式的纸张上。

有一个制作界面设计模型的优秀工具。他们也有一些iPhone组件。有一个在线演示，我已经开始使用（在看到另一个SO问题的答案后），到目前为止，我非常喜欢这个体验。

看起来很棒

我只是使用这个模型工具包在Adobe Fireworks中创建我的设计：

效果很好

在第一阶段，没有什么能比纸上的更好。当然，你使用的任何工具（希望）都会更准确。但是你在用时间换取准确性，在UI设计的初始阶段，你需要的是速度而不是准确性

我在索引卡上用几支不同的铅笔做设计。当我对自己的方向感到满意时，我就把卡片贴在尺子上，用iMac相机给它们拍照。然后我把它转换成黑白，然后做一个简单的亮度/对比度，试图让它们看起来尽可能好，我有一些合理的数字存储

最棒的是，如果你的时间机器驱动器进入睡眠状态，我可以在不超过“另存为”打开所需时间的情况下绘制一张粗糙的卡片。：）我可以在多一点的时间里做一张漂亮的卡片。如果我想要更好看的东西，我可以编辑扫描或者在其他程序中将其用作跟踪程序

---

（我还按项目将卡片扔进拉链袋中。）

我还使用随处可见的模型工具包在Adobe Fireworks中创建了我的设计。 如果你是一个烟花迷，你真的应该看看一个非常好的烟花扩展，它允许你在一个基于空气的iPhone模拟器中预览你设计的应用程序。作为移动设备商标的过渡效果也构建在扩展中，并可应用于设计中

如果你已经熟悉烟花模型，你会喜欢这个扩展

---

最佳

Rob Rhyne's非常适合模拟用户体验。您可以在手机上播放您的简报。

OmniGraffle。（）当与各种iPhone模板（如：（和）结合使用时，OmniGraffle是一个很棒的工具集。

我使用这些来自Teehan和Lax的Photoshop模板

或者对于整个iPhone和iPad模板列表：

---

（来源：）

软件很吸引人，但最终你会花更多的时间来摆弄颜色和移动东西，而不是降低设计/功能。你需要的是速度。有了速度，你可以很快进入编程阶段。我承认，如果你最终想与他人分享设计，这可能是一个不错的选择

以下是您需要的：（按优先顺序排列）

或

或

---

谢谢大家的快速回复

在测试了Balsamiq和MockApp之后，我得出结论，MockApp为我设计应用程序提供了我想要的东西，因为你可以看到它的外观以及每个UI元素占用的空间。此外，使用Keynote或Powerpoint，如果您需要演示，您可以更进一步，将所有按钮链接起来，创建有效的演示文稿，展示您的想法，尽管这需要花费一些时间，对我自己来说，我不需要，但很高兴知道它就在那里

Balsamiq是一个使用起来更快、更容易的工具，但是它的UI组件较少，并且给设计提供了一个粗略的外观，如果你想为你的应用想法创建一个快速的故事板图像，它看起来很酷，但是对于实际的设计，MockApp创建了一个更真实的外观，我相信这会更好。另外，如果你想要更多的话，Balsamiq的价格是79美元，而不仅仅是演示版

我之所以选择MockApp而不是其他解决方案，是因为我认为与Photoshop或Fireworks相比，大多数人的电脑上已经有了powerpoint或keynote，不过我相信如果你的电脑上有这些应用程序，使用它们可能会更好。此外，MockApp是免费/推特软件，有关更多详细信息，请参阅MockApp网站

希望这有帮助

丹

---

另外，我还没有试过OmniGraffle，这是我名单上的下一个

软件很有用，可能更有效，但有时远离屏幕是提高设计而非实施注意力的好方法。没有什么比我的不锈钢iPhone模版更能吸引“酷”的评论了：

---

我不使用他们提供的打印图像，而是通过减少模拟机的alpha屏幕截图来制作自己的图像。

我现在不得不说是mockapp或omnigraffle。

不要因为代码太少而错过这一点：

它允许您在iPhone上使用iOS本机组件进行设计。

我正在开发线框工具，让您可以使用外部模具创建iPhone模型。您还可以将屏幕链接在一起以模拟交互

---

我用过这个，它非常棒。刚下载就可以了，还需要玩一下，但最初的印象看起来很棒！谢谢。看起来不错，但不幸的是我没有烟火：-（谢谢斯尼斯，更详细的设计看起来不错！虽然用巴尔萨米克绘制的图纸看起来是手绘的：-）所以你既没有准确性也没有速度，伊诺？我在开玩笑。我看到了一些手绘作品的简洁版本的用处