9
你如何勾画出你的iPhone App设计和想法？我现在即将开始我的下一个项目，并希望找到一种方法，让我的想法在屏幕上而不是老式的纸张。你如何勾勒出你的iPhone App设计和想法？
A
回答
7
Balsamiq有做界面设计的样机的优秀工具。他们也有一些iPhone组件。有一个在线演示，我已经开始使用（在看到另一个SO问题的答案之后），并且真的很喜欢迄今为止的体验。
5
0
我只是用这个样机工具创建我在Adobe烟花设计：http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/
+0
看起来不错，但遗憾的是我没有:-( 感谢 – 2010-03-26 17:45:15
0
Omnigraffle作品以及
8
第一阶段，没有什么打纸。无论你使用什么工具（希望）会更准确，当然。但是为了达到这个准确度，你需要交易时间，并且在UI设计的初始阶段，你需要的速度超过准确性。
我做我的设计与索引卡片上几个不同的铅笔。当我感到满意时，我会朝着正确的方向前进，将卡片放在尺子上，然后使用我的iMac摄像头为他们拍照。然后我将它转换为B & W并做一个简单的亮度/对比度，以尽可能让它们看起来更好，并且我已经有了合理的数字存储。
关于这个伟大的事情是，我可以在没有更多的时间绘制一个粗略的卡比它需要另存为打开，如果你的时间机器驱动器已经进入了梦乡。 :)我可以做一个不错的卡在更多的时间。如果我想要更好看的东西，我可以编辑扫描或将其用作其他程序中的示踪剂。
（我的项目抛在自封袋卡。）
+0
一个非常有效的点！ – 2010-03-26 17:49:47
+0
烟花虽然与Balsamiq工作室制作图纸做一下手绘:-) – Eno 2010-03-26 18:26:02
+0
所以你既不准确，也没有速度，伊诺？我在开玩笑。我看到用于获得稍微整洁一些的手绘图。 :) – 2010-03-26 22:55:08
0
我也用实体模型的工具包，你可以找到任何地方创建我在Adobe烟花设计。 如果您是Fireworks粉丝，那么您应该看看一个非常漂亮的Fireworks Extension，它允许您在基于AIR的iPhone模拟器中预览您设计的应用程序。作为移动设备商标的过渡效果也内置在扩展中，可应用于设计。
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1786031#
如果你已经熟悉了烟花样机，你一定会喜欢这个扩展。
最好
0
罗布·赖恩的Briefs是伟大的嘲讽了用户体验。你可以在手机上播放你的内裤。
3
OmniGraffle。 （http://www.omnigroup.com/products/OmniGraffle/）在各种iPhone网板相结合，如：（http://graffletopia.com/stencils/413和http://graffletopia.com/search/iphone）的OmniGraffle使一个伟大的工具集。
1
我使用蒂恩和宽松的这些Photoshop的模板...
http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/
alt text http://www.teehanlax.com/blog/wp-content/uploads/iphonegui_3_0.jpg
或用于iPhone和iPad模板的整个列表：http://emilychang.com/2010/03/ipad-templates-and-stencils/
alt text http://emilychang.com/blog/wp-content/uploads/2010/03/ipad-gui-550x327.jpg
0
软件是有吸引力的，但你最终会花费更多的时间玩耍与颜色和移动的东西比得到设计/功能。你需要的是速度。随着速度的提高，您可以尽早进入编程阶段。我承认，如果你最终想与其他人分享设计MockApp可能是一个不错的选择。
这里有您需要什么：（按优先顺序排列）
http://technabob.com/blog/2009/09/28/notepod-paper-iphone-notepads/
或
或
http://thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/
1
感谢Ë非常感谢您的快速响应！
经过对Balsamiq和MockApp的测试后，我得出结论：MockApp给我的设计我的应用程序完全是我想要的，因为您可以清楚地看到它的外观以及每个UI元素将占用的空间种类。此外，通过使用Keynote或Powerpoint，如果您需要展示这样的内容，您可以进一步进一步研究并链接所有按钮，以创建一个有效的演示视图，尽管这样会耗费更多时间，而且对我自己而言，我不需要这个，但很高兴知道它！
Balsamiq是一个使用起来更轻松，更简单的工具，但库存UI组件更少，并且给设计提供了一个粗略的外观，如果您想创建应用程序创意的快速故事板图像，但实际设计MockApp会创建一个更现实的外观，我认为它更好。如果您想要更多，然后只是演示，Balsamiq也需要79美元。
我选择MockApp的原因是，我认为大多数人已经在他们的计算机上使用了powerpoint或keynote，与Photoshop或Fireworks相比，虽然我确信如果您的计算机上有这些应用程序，可能会更好地使用这些。另外MockApp是免费/推特软件，请参阅MockApp网站了解更多详情。
希望这有助于
丹
附：我还没有尝试OmniGraffle，那就在我的名单上！
0
软件是有用的，可能会更有效率，但有时离开屏幕是一个很好的方法来提高设计而不是实现的浓度。没有什么比“酷！“意见作为我的不锈钢网板iPhone：
Design Commission Stainless Steel iPhone UI Template
我不使用他们提供的打印图像，但在我自己从模拟器减少-α屏幕捕获
0
我会。说mockapp或的OmniGraffle此刻
0
不要通过更少的代码，错过这一个：。http://lesscode.co.nz/interface
它可以让你设计权与iOS原生组件iPhone
1
我正在开发WireframeSketcher wireframing工具，可让您使用外部模具创建iPhone模型。您还可以将屏幕链接在一起以模拟交互性。
相关问题
- 1. 如何勾勒TextView？
- 2. 你如何设计你的CSS？
- 3. 你如何设计溢出的文字？
- 4. 如何勾勒笔画c＃？
- 5. 如何将你的应用程序放在你的iphone上？
- 6. 如何勾勒android的TextView文字？
- 7. 你如何提出开源项目的新想法？
- 8. 你会如何处理这个设计？
- 9. 你会如何设计专卖？
- 10. 你如何设计OLAP数据库？
- 11. 你如何在erlang中设计原型？
- 12. 你如何设计一个WPF GridView头？
- 13. Java：你如何设计Swing组件？
- 14. RaspberryPi - 从你的RaspberryPi调用你的iPhone
- 15. 你如何计算整数溢出？
- 16. Markdown并勾勒出一个R脚本
- 17. 你如何使iPhone哔声？
- 18. 你如何找出你所在的控制器和操作？
- 19. 设计和邀请插件：你如何设置invitation_limit
- 20. 你如何找到你APP.CONFIG
- 21. 你如何建模你的JavaScript？
- 22. 突出或勾勒装饰层中的任何UIElement
- 23. 你如何你使用jQuery和Django
- 24. 你如何找出在JavaScript
- 25. Google App Engine - 你如何处理DatastoreTimeoutException？
- 26. 你如何为你正在建设的网站或软件想出一个好名字？
- 27. 你如何管理你的Eclipse安装？
- 28. 使用yacc时，你如何告诉yyparse（）你想停止解析？
- 29. PHP：你如何指定你不想要字符串评估？
- 30. 你会如何设计你的数据库来支持连锁店？
，这是相当真棒。 – 2010-03-26 17:33:29
刚刚下载它，将不得不玩它，但最初的印象看起来不错！ 谢谢。 – 2010-03-26 17:43:16