界面原型工具 Balsamiq Mockup

背景

最近又有了寫一些小程序玩玩的心思,不得不說是受到一點aleung的影響。在動手之前希望把能夠多考慮清楚,對於小軟件而言,我想最佳的方式就是將界面畫出來。感覺這個跟把心裏的想法整理成文一樣,這個過程本身就能很好地幫助自己理清思路。

但是畫界面我可是不在行,我想最好有軟件,能夠很方便地搭建一個應用界面出來,最好是這個界面不僅僅能看,還能夠動起來,例如點擊菜單、按鈕可以彈出對話框,或者調轉到另外一個界面。

google了一通,發現不少人推薦這個Balsamiq Mockup,他自稱“so freaking good”,我下載的試用版,發現的確不錯:

1、控件豐富,Mockup包含了豐富的控件,除了標準的窗口控件外,還有日曆、柱狀圖、餅圖等控件,能夠滿足絕大部分應用的界面要求

2、操縱簡單,定義一個菜單、或者一個表格的內容,都是直接採用文本定義,非常方便。例如選擇一個Tabs Bar,輸入文字就能得到下列效果。注意,必須選擇“Use System Fonts”才能夠顯示中文。

3、能夠指定界面邏輯。例如點擊某個菜單項後,自動跳到另外一個界面。可能因爲我是試用版的原因,我現在還沒有用起這個功能來 :(

4、更多的控件。看起來Mockups還可以自定義控件,我還不曉得是怎麼弄的,但可以在MockupsToGo.net網站看到並使用很多別人創建的控件。例如現在開發手機應用很熱門,Mockups本身自帶了iPhone的界面,也有人做了其他手機的界面控件

5、Mockups的界面畫好後,保存的格式爲XML,這一點很重要。因爲開發團隊可以將Mockups文件進行版本管理(Version Control),方便在團隊之間協作共享。

6、I think it's possible to convert the Mockups xml file into program source code, like Swing source code. So after you finished the prototype, you can also get a good start for you real program.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章