2009-10-07 51 views
0

我需要知道如何使用Photoshop或類似工具爲iPhone設計新(不同)用戶界面。我已經通過互聯網檢查了iPhone的Photoshop設計模型,但我確定,我不需要這些psd文件顯示原始iPhone設計元素。使用Photoshop或任何設計工具設計iPhone應用程序

我只是在尋找如何設計新的用戶界面,以及如何從啓動應用到iPhone應用程序。讓我舉個例子;我需要設計新的標籤欄並應用於我的小應用程序以及uiview,uiview背景,模態uiview,按鈕等。

+0

你想對皮膚現有的UI控件? – 2010-06-22 21:07:33

回答

5

除非你有很好的理由來替換標準的用戶界面元素,否則不要。賠率是,你會讓他們錯了,你的應用程序在設備上看起來完全不合適。但是,如果您確實想要測試應用程序界面的模型,我建議您查看原型開發iPhone應用程序的新框架Briefs。它可以讓你指定一系列圖像以及你想如何與它們交互,並從中創建一個工作應用程序。這是iPhone UI設計師非常令人印象深刻的框架。

+0

謝謝布拉德,看起來很不錯,我會盡快檢查爲更多鈔票。你以前用過嗎?我的意思是在你的項目裏面。 – fyasar 2009-10-08 07:30:40

+0

它剛剛在一週前公佈,所以我沒有時間自己處理它。不過,我在其上看到的演示文稿非常令人印象深刻。 – 2009-10-08 12:22:45

+1

我真的很喜歡摘要。 – fyasar 2010-09-28 12:37:03

2

iPhone中的「標準用戶界面控制」已內置到系統中,這就是爲什麼在那裏有PSD的那些元素。

如果你想做一個自定義用戶界面,你可以做任何你想要的,但你需要編程的功能。例如,「待辦事項」和「記住牛奶」等大量生產力應用程序使用標準UI控件,但添加了一些額外的顏色或位圖。

另一方面,遊戲往往會在OpenGL中創建完全自定義的用戶界面。如果你想這樣做,只要你的程序員可以爲它編程,你就可以擁有你想要的任何UI。

0

如果你不是在寫遊戲,我強烈建議你儘量使用標準控件。用戶知道這些控件的意義和用途,這會減少他們對應用程序的學習曲線,並使他們對您的應用程序感覺更加舒適。

+0

,我絕對同意你關於非標準的控制,我的意思是我想對我說的自定義設計非標準控制。 – fyasar 2009-10-07 17:02:40

0

您可以設計所需的自定義元素並將它們保存爲PNG文件。很多人都擁有自定義背景的視圖和自定義按鈕(事實上,我甚至會說,沒有應用程序應該堅持使用標準按鈕,因爲它們是非常糟糕的)。

對於視圖和事物,您只需將UIImageView放置在視圖的背景中。按鈕具有非常方便的機制,您可以在未設置和按下(選定)狀態下設置按鈕圖像,即使在Interface Builder中也是如此。

你提到的唯一定製我不會,是標籤欄 - 具有非常具體的外觀和特定的圖標需求(無顏色)。

+0

謝謝肯德爾你的快速回答,實際上我需要一個很好的教程或書來解釋這些。有什麼建議? – fyasar 2009-10-07 16:31:57

+0

周圍並不那麼多 - 我想至少有一些示例代碼可能會顯示自定義按鈕。對於視圖,您基本上添加一個與視圖大小相同的UIImageView,並向其中添加圖像。有一點需要注意的是,在3.0及更高版本中,您可以在名爲「cornerRadius」的視圖上設置屬性,然後您的視圖將被舍入。 – 2009-10-08 04:09:28

+0

這是非常有趣的,我今天嘗試:) 但是,我需要更多關於你的評論部分的細節。你說「基本上添加一個與視圖大小相同的UIImageView」,你是說我應該使用UIImageView而不是UIView? – fyasar 2009-10-08 07:34:50

0

iPhone和iPad來自MobileStencil.com的模板。

此外,匹配Apress的iPhone和iPad應用程序SketchBooks。

0

您應該嘗試查看Xcode附帶的Mac OS X界面生成器,佈局幾乎是預定義的,或者至少由預定義的元素組成。 您可以用Photoshop等強大工具實際「繪製」的唯一東西,就是您可以在這些元素中使用的圖像。

另一種解決方法是在iOS中使用Safari的類似於Web的應用程序瀏覽功能,但最終你會最終做出一個網站,而這不是你想要的。

如果您正在尋找關於此文檔,蘋果的開發面積是開始(也可能是最好的地方的話)最好的地方:http://developer.apple.com/