手機上做原型設計，方案説來就來 – 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