2012-11-09 51 views
2

我想爲iOS和Android設備放置一個假的用戶界面,而沒有真正創建所有那些單調乏味的用戶界面工作。有沒有辦法從圖像中以某種方式模擬UI?到目前爲止,我們有Photoshop設計和模型。假的iOS用戶界面工具

有沒有工具?我已經檢查過Titanium和ForgedUI。雖然它是一個相當簡單的概念,但我仍然認爲它是一種矯枉過正的創造。例如我必須切片我的按鈕的PSD。另外,數據饋送必須來自URL等。

我只是想讓一些類似於Balsamiq Mockups的屏幕相互聯繫以獲得一堆屏幕的實際演示。我們希望在開發產品準備就緒的同時測試導航,字體和產品概念。

在此先感謝!

+2

我會說在iOS上,最簡單的方法就是在Interface Builder中單擊故事板。也就是說,只要你使用普通的UI組件。 – JustSid

回答

2

最簡單的方法是使用HTML。如果您已經有Photoshop模型,您可以將其導出爲(視網膜質量)PNG圖像並添加一些用於導航的圖像映射。如果您將此網站添加到主屏幕,則無需Safari瀏覽器導航欄即可獲得像素完美的預覽。

但是,iOS應用程序在很大程度上依賴於動畫。如果你打算使用原生UI,你應該考慮使用實際的UIControl元素來創建一個「真實」的UI原型。雖然這是更多的工作,它允許更好的UI評估。

0

對於線框圖,一對夫婦的選擇:

  1. 高保真原型,我會做在Interface Builder和故事板,像JustSid建議。只是不要做掛鉤UI元素的繁瑣工作。

  2. 你可以看看像Adobe Proto這樣的工具。我從來沒有嘗試過,但它似乎可能是一個選擇。

  3. 對於我的超快速,低高保真原型,我個人使用我的iPad,一個stylus和繪圖軟件包一樣Sketchbook Pro(使用(如原型「信封的背面」在數字上等同)的任何繪圖包你想要的,但我喜歡一個層)。我也在我的iPad上放了blank device images

    因此,我在我的iPad上打開我的繪圖軟件包,以iPhone設備的圖片爲起點開始繪製新圖形,放在新圖層上(這樣我就可以繪製圖層並隱藏或丟棄該層立即返回到空白設備圖像的圖像),並只畫出我希望我的UI看起來像在這個新層上。這對腦力激盪會議非常有用。從概念性低保真模型到實際的Xcode故事板沒有自動橋接,但我可以在幾秒鐘內繪製出用戶界面模型。我這樣做不僅是爲了與設計師進行頭腦風暴,也是爲了充實我自己的概念想法,我自己。