iphone學習設計和創建自己的GUI

Question

我想知道什麼是在iphone/objective-c上創建自己的GUI的良好開端。我從來沒有做過這部分，我知道我有點吸引我做我自己的華麗的圖形用戶界面，像convertbot，我真的很喜歡:)

任何建議，將不勝感激！謝謝

Answer 1

Interface builder是非常強大的建立用戶界面。但是你可以開始在objective-c中創建自定義視圖，這意味着要學習如何在Objective-C中編寫代碼。

Answer 2

閱讀蘋果的人機界面指南：

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

有很多有用的信息，有關於如何設計好UI的。

一旦你熟悉並熟悉了那裏提到的事情，那麼你可以考慮設計更復雜的UI元素。

Answer 3

您可能想查看Mike Rundle編寫的Design Then Code教程。我聽說過有關他們的好事。

此外，Tapworthy是一個很好的閱讀，爲那些想了解iPhone設計接口的人。

Answer 4

爲了更完整一點，您可以將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應用程序的每個屏幕。然後，您可以使用熱點功能將按鈕鏈接到應用中的各個頁面/屏幕。非常快速和容易。

盧克·基爾帕特里克表示羅伯特·斯考伯這是如何在這個視頻做：http://www.building43.com/videos/2009/06/23/mockup-iphone-app-adobe-fireworks/

當您的設計完成後，你必須與客戶和其他利益相關者共享它的幾個選項：從Fireworks +導出爲PDF，這您可以發送給客戶使用PDF中的註釋功能進行查看 +從Fireworks導出到HTML和圖像，以在瀏覽器中查看您的原型 +從Fireworks導出到AIR以創建AIR原型 +導出爲HTML和Dreamweaver來自Fireworks的圖書館並使用此jQuery技巧（http://unitid.nl/2009/04/prototyping-for-the-iphone-using-fireworks-cs3/）獲取a pp在您的iPhone上運行而不學習Objective C jQuery隱藏Safari瀏覽器，使其外觀看起來像本地應用程序，但ti在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