手機上做原型設計,方案説來就來 – Inspr #iOS


對於 App 開發前期,UI 原型是整套設計的重頭戲,它是前期把思路貫穿整個團隊的主導,UI 原型設計的合理性完全決定了團隊之間能否高效的開展工作。但我們總是覺得還不夠高效,問題出在:

  • 設計思路是冰冷的框圖;
  • 思路和想法的碎片記錄不及時;
  • 原型設計圖如果不加上精細的語言描述,對設計師和程序員來説就是天書。

如果你想解決這些問題,那麼,神器來了。它足夠簡單易用,並且能夠快速的表達思路和效果,它小巧卻五臟俱全,給人感覺不像是在手機上操作……它就是 Inspr。

Inspr 的起始頁就是方案的羅列,初始狀態下給出了幾個預設方案,作者的意圖可能是為暫時沒有思路人們提供模板進行微調,但目前版本所提供的預設方案還很有限,期待後續的豐富。點擊右上方的 Select 即可對方案進行圖片輸出和刪除。


Inspr 更像是那個用來構建網站的 Weebly,把很多元素都「部件化」。新建一個空白的方案,會彈出提示,從屏幕左邊滑入即可呼出部件菜單。包括創建圖形、文字、圖片、預設的圖標一應俱全,集成了原型設計中所需要的大部分常用部件,也可對狀態欄和整體背景進行調節。


光具備部件齊全的特性顯然是遠遠不夠的,在各部件編輯調整的功能上也有不少讓人驚歎的地方。

在原型或是 UI 設計的前期,配色可能是較為頭疼的問題之一。而 Inspr 也在開發中意識到這一點,對於配色方案和圖標類型進行了劃分,包括 iOS、Android 以及 Windows Phone 應有盡有,複合主流的設計需求。如果覺得這還不夠,顏色同樣可以進行自定義添加。

除配色外,圖層的概念也融入其中,可以同時調節他們的陰影效果和層疊關係,甚至元素鎖定。在面板中,我們還可以使用準確的數值對元素的位置和尺寸進行設定。自動捕捉雖然在設置中有所體現,但體驗效果並不明顯。


Inspr 也設定了一些隱藏功能,比如在已佈置好元素上單擊會出現「編輯」和「複製」兩個功能按鈕,但如果雙擊便會出現圖層層疊關係的調整和刪除,這比呼出編輯面板再操作要方便很多。

更值得一提的是在最近的一次更新中加入了撤銷功能。但哭笑不得的是,我在 App 中尋找一番,並沒有找到。在與作者取得聯繫之後,才得知原來 Inspr 的撤銷功能參照 iOS 輸入撤銷的方式——搖晃手機。我也在郵件中建議作者對此功能進行相應的説明,以免給新用户帶來不必要的困擾。


這裏是作者的回覆


我們也可通過設置調出參考線,為規範佈局提供幫助。


難道 Inspr 真的已經完美無瑕?顯然不是。

在使用的這段時間裏,Inspr 卡住崩潰是常有的事,幸好有實時保存的功能;對於圖標素材的數量,我們永遠不會覺得滿足。Inspr 如果能夠導入自定義圖標或是鏈接圖標素材站,那會是更好的解決方案;對於原型來説,我們更在乎的是後續的可編輯性,Inspr 單純導出一張圖片,這肯定也是遠遠不夠的。

Inspr 的創新性所帶來的誠意是有目共睹的,這也給足了我們等待其完善的信心。

Inspr 適用於 iOS 8.0+ 的 iOS 設備,大小 83.1 MB,售價 12 元。




資料來源:愛範兒(ifanr)
作者/編輯:Charles Liu

如果喜歡我們的文章,請即分享到︰

標籤: UI  Inspr  iOS