你如何勾勒出你的 iPhone 应用程序设计和想法?我目前即将开始我的下一个项目,希望找到一种方法将我的想法呈现在屏幕上,而不是老式的纸张上。

有帮助吗?

解决方案

Balsamiq工作室具有用于做接口设计的实体模型的优秀工具。他们也有一些iPhone的组件。有一个在线演示,我已经开始使用(后看到的回答另一个问题,SO),并很喜欢迄今为止的经验。

其他提示

有关的第一阶段,没有什么会打纸。无论使用何种工具将是(希望)更精确,确保万无一失。但你的交易时间为准确性,并在UI的初始设计阶段,你需要速度超过准确性。

我做我的设计与索引卡片上几个不同的铅笔。当我很满意我会在正确的方向,我的卡粘在一把尺子,用我的iMac的相机来拍摄他们的照片。我然后将其转换为B&W,并做了简单的亮度/对比度,试图让他们寻找尽可能好的,我已经得到了数字化存储的东西是合理的。

关于这个伟大的事情是,我可以在没有更多的时间绘制一个粗略的卡比它需要另存为打开,如果你的时间机器驱动器已经进入了梦乡。 :)我可以做的很好的卡多一点时间。而如果我想要的东西更好看,我可以编辑扫描或者用它作为其他程序示踪剂。

(我抛在拉链袋由项目的牌。)

MockApp 好看!

OmniGraffle。( http://www.omnigroup.com/products/OmniGraffle/ ) 与各种 iPhone 模板结合使用时,例如:( http://graffletopia.com/stencils/413http://graffletopia.com/search/iphone ),OmniGraffle 是一个很棒的工具集。

谢谢大家对你的快速反应!

测试Balsamiq工作室和MockApp我都已经得出的结论是MockApp给我确切的那种事情,我想设计我的应用程序,你可以清楚地看到它是如何的外观和排序的空间的每个UI元素会占用后。另外随着使用主题演讲或PowerPoint中,你可以走得更远一个阶段,链接所有的按钮以创建你的想法有效的演示文稿,如果你需要出示这样的事情,虽然这是一个有点耗费更多的时间和我自己,我不要求这一点,但很高兴知道它的存在!

Balsamiq工作室是一个稍快和易于使用的工具,但有少股票的UI组件,并给出一个粗略的看,如果你想创建你的应用程序的想法快速故事板的图像,但实际设计MockApp创建一个出现凉爽设计更为现实的外观我相信这是更好的。此外Balsamiq工作室花费$ 79,如果你想,不只是演示。

我会选择MockApp在所有其他解决方案的原因是,我会承担大部分已经比Photoshop或烟花他们的计算机上或者PowerPoint或基调,但我敢肯定,如果您的计算机系统可能会在这些应用更好地使用这些。也MockApp是免费/鸣叫洁具,请参阅MockApp网站以获取更多的信息。

希望这有助于

P.S。我还没有尝试旁边我的名单上的OmniGraffle,多数民众赞成!

我发展 WireframeSketcher 线框工具,可以让您创建使用外部模板iPhone样机。您也可以将屏幕一起,以模拟交互性。

“iPhone样机”

我使用 Teehan 和 Lax 的 Photoshop 模板...

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

alt text

或者查看 iPhone 和 iPad 模板的完整列表: http://emilychang.com/2010/03/ipad-templates-and-stencils/

alt text
(来源: emilychang.com)

我刚刚创建使用此工具包样机我在Adobe烟花设计:的 http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

的OmniGraffle 工作良好

我使用原型工具包,你可以找到任何地方也创造我在Adobe烟花设计。 如果你是一个烟花迷,你真的应该看看一个非常漂亮的烟花扩展,它可以让你预览你的设计的应用程序在iPhone模拟器是一个基于AIR。所述过渡效果它们是移动设备的商标也内置在扩展,并且可以被应用到设计中。

HTTP://www.adobe。 COM / cfusion /交换/ index.cfm?事件= extensionDetail&LOC = EN_US&EXTID = 1786031#

如果你已经很熟悉烟花样机,你一定会喜欢这个扩展。

最好的

罗布·赖恩的内裤是伟大的嘲讽了用户体验。您可以在手机上播放你的内裤。

软件是有吸引力的,但你最终会花费更多的时间玩弄色彩和动人的东西比得到的设计/功能下降。你需要的是速度。随着速度你可以移动到编程迟早。我承认,如果你最终想与他人分享 MockApp 可能是一个不错的选择。<设计/ p>

下面是你需要的东西:(按优先顺序排列)

http://technabob.com/blog/ 2009/09/28 / notepod纸-iphone-记事本/

http://appsketchbook.com/

HTTP:// thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/

软件是有用的,并且可以是更有效的,但有时从屏幕越来越远是一个很好的方法,以增加设计上,而不是执行浓度。而什么能吸引尽可能多的“酷!”评论作为我的不锈钢iPhone模版:

设计委员会不锈钢iPhone UI模板

我不使用他们提供的打印图像制作,但我自己与来自模拟器的缩小阿尔法屏幕捕获。

我不得不说此刻mockapp或的OmniGraffle。

不要错过这一个更少的代码: http://lesscode.co.nz/interface

它可以让你设计权在iPhone与iOS本地组件。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top