iphone学习设计和创建自己的GUI

时间:2011-05-03 07:38:27

标签: iphone user-interface

我想知道在iphone / objective-c上创建自己的GUI有什么好的起点。我之前从未做过这个部分,我知道我有点喜欢制作我自己的光滑GUI,比如我很喜欢的转换机器人。)

任何建议将不胜感激!感谢

4 个答案:

答案 0 :(得分:2)

您可能想查看Mike Rundle撰写的Design Then Code教程。我听说过他们的好消息。

此外,对于那些想要了解iPhone设计界面的人来说,Tapworthy是一本很好的读物。

答案 1 :(得分:1)

Interface builder构建UI非常强大。但是,您可以开始在objective-c中创建自定义视图,这意味着学习如何在objective-c中编写代码。

答案 2 :(得分:1)

为了更加完善,您可以将Fireworks包含在可用于设计iPhone的应用程序中。我希望你不要介意我把它插在这里:)

Adob​​e Fireworks(http://www.adobe.com/fireworks)也是iPhone设计和原型设计的绝佳应用程序。使用MetaSpark的这个矢量工具包(http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/),您可以使用Fireworks中的iPhone界面元素快速创建原型。 Fireworks有一个很好的功能叫做Pages,可以设计iPhone应用程序的每个屏幕。然后,您可以使用热点功能将按钮链接到应用中的各种页面/屏幕。非常快捷方便。

Luke Kilpatrick在此视频中向Robert Scoble展示了如何做到这一点:http://www.building43.com/videos/2009/06/23/mockup-iphone-app-adobe-fireworks/

当您的设计完成后,您可以通过多种方式与客户和其他利益相关方共享: +从Fireworks导出为PDF,您可以使用PDF中的评论功能将其发送给客户进行审核 +从Fireworks导出到HTML和图像,以在浏览器中查看原型 +从Fireworks导出到AIR以创建AIR原型 +从Fireworks导出到HTML和Dreamweaver库,并使用此jQuery技巧(http://unitid.nl/2009/04/prototyping-for-the-iphone-using-fireworks-cs3/)让您的应用程序在您的没有学习目标C的iPhone .jQuery隐藏了Safari Chrome,因此它的外观和感觉就像一个本机应用程序,但是在iPhone上的Safari浏览器中运行。 +使用jQTouch(http://www.jqtouch.com/),它使用与上述类似的方法

我听说有人使用Fireworks为各种移动设备设计和制作原型,如iPhone 4,iPhone 4 Cases,Palm webOS(Pre和Pixi),BlackBerry,Symbian,Windows Mobile等事实上,人们也将它用于其他屏幕设计,如TiVo,PS3,Xbox,交互式信息亭,专有医疗设备,汽车界面屏幕等机顶盒 - 实际上任何带屏幕的设备。

谢谢! Pat Siregar

答案 3 :(得分:-1)

阅读Apple的人机界面指南:

http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html

关于如何设计好的UI,有很多有用的信息。

一旦你熟悉并练习了那里提到的东西,你就可以考虑设计更复杂的UI元素。