作為C/S架構(gòu)工程師,UI設(shè)計(jì)方面是很值得考慮部分。以前和客戶商討軟件界面時(shí)總是在草稿上完成,既不方便修改,也不能明確的表達(dá)自己的真實(shí)想法,最近在網(wǎng)上發(fā)現(xiàn)一款基于AIR開發(fā)的工具:Balsamiq Mockups ,能夠迅速畫出UI草圖,希望各位coder利用這款工具構(gòu)建出漂亮的界面。
先看界面:

是不是和delphi,vc等IDE很想,想必作者考慮了用戶的使用習(xí)慣,在布局上費(fèi)了一番心血。
再說說功能和亮點(diǎn):
- 操作方面,拖拽,控件分組,甚至元素之間的對(duì)齊都做得很貼心;
- 預(yù)制了很多界面元素,從簡(jiǎn)單的輸入框,下拉框,瀏覽器主要元素,到經(jīng)常用得到的導(dǎo)航條,日歷,表格,到復(fù)雜的Tag Cloud,Cover Flow, 地圖,WYSWYG的格式工具欄等,有了這些不用從頭畫起,往往比用白板都快;
- 界面元素的修改很簡(jiǎn)單,比如導(dǎo)航條的幾個(gè)標(biāo)簽頁的label,就是用逗號(hào)分隔的文字,下拉框的選項(xiàng)就是分行的文字;
- 使用xml語言來記錄和保存界面元素和布局,
- 這使得每個(gè)設(shè)計(jì)都能被很好得放進(jìn)SVN,Git,和CVS等工具中進(jìn)行管理和跟蹤;
- 可以設(shè)計(jì)復(fù)雜的界面元素,保存后,以后可以重復(fù)使用(包括修改);
- 可以將設(shè)計(jì)導(dǎo)出成PNG格式的圖片;
- 可以用命令行進(jìn)行導(dǎo)出操作,這樣就能讓我寫個(gè)腳本,從svn里checkout某個(gè)目錄下的所有設(shè)計(jì)文件后,導(dǎo)出圖片,打包后用郵件發(fā)到項(xiàng)目經(jīng)理,工程師甚至客戶那;
- 跨平臺(tái),Balsamiq Mokups是用Flex和Air實(shí)現(xiàn)的,所以在Mac OS, Linux和Windows下都能使用;
- 不僅僅有桌面版本,還有能集成在Confluence,JIRA,和XWiki中的版本,使得異地在線協(xié)作更方便有效;
再要說的一點(diǎn)是這款軟件是要付費(fèi)的,79美元(也可以免費(fèi),具體如何免費(fèi),請(qǐng)看網(wǎng)站上的說明),相對(duì)于它能節(jié)省下來的時(shí)間和提高的效率,是很值得的。Peldi說在2008年,這款軟件就從1,322位付費(fèi)用戶那獲得了162,302美元的收入(其中僅12月份就有39,000美元),這令人鼓舞地證明了只要是提供真正價(jià)值的服務(wù)和軟件,就能夠創(chuàng)造很好的收入,即使在經(jīng)濟(jì)蕭條的寒冬里。