[Tools]產品原型設計工具-Balsamiq Mockups


 

1. 簡介

Balsamiq Mockups出自加利福尼亞州的Balsamiq工作室,創始人Peldi在2008年6月推出了這款手繪風格的產品原型設計工具,並廣受好評。2年多來,Balsamiq工作作為一個微型獨立軟件開發商,專注於Mockups的開發設計,僅3周便實現了盈利,18個月內銷售額達到200萬美元,用戶端數量超過10萬個,這與Balsamiq Mockups的市場用戶細分的成功以及產品特性是分不開的。

 

1.1      功能和亮點

  1. 操作方面,拖拽,控件分組,甚至元素之間的對齊都做得很貼心;
  2. 預制了很多界面元素,從簡單的輸入框,下拉框,瀏覽器主要元素,到經常用得到的導航條,日歷,表格,到復雜的Tag Cloud,Cover Flow, 地圖,WYSWYG的格式工具欄等,有了這些不用從頭畫起,往往比用白板都快;
  3. 界面元素的修改很簡單,比如導航條的幾個標簽頁的label,就是用逗號分隔的文字,下拉框的選項就是分行的文字;
  4. 使用xml語言來記錄和保存界面元素和布局,
  5. 這使得每個設計都能被很好得放進SVN,Git,和CVS等工具中進行管理和跟蹤;
  6. 可以設計復雜的界面元素,保存后,以后可以重復使用(包括修改);
  7. 可以將設計導出成PNG格式的圖片;

  1. 可以用命令行進行導出操作,這樣就能讓我寫個腳本,從svn里checkout某個目錄下的所有設計文件后,導出圖片,打包后用郵件發到項目經理,工程師甚至客戶那;
  2. 跨平台,Balsamiq Mokups是用Flex和Air實現的,所以在Mac OS, Linux和Windows下都能使用;
  3. 不僅僅有桌面版本,還有能集成在Confluence,JIRA,和XWiki中的版本,使得異地在線協作更方便有效;

據作者說,現在這款軟件的設計就是用它自己來設計的,經典的“吃自己的狗糧”,這也讓我對其更有信心,因為它是開發者為開發者寫的軟件

 

1.2 優點

可存:告別那一堆堆的紙質線框圖吧…
易用:UI控件支持自動拖拽,並且可以實現自動對齊;
美觀:手繪風格,簡約清爽;
豐富:從按鈕到輸入框,從導航條到頁面、表格,甚至包括了最潮的Iphone元素;
方便:對元素的修改除了工具欄外,還可以使用隱藏編輯框,支持快捷鍵;
兼容:可使用XML語言保存元素,也可以導出PNG圖片,可以插入到任何項目;
跨平台:Windows、Mac OS、Linux下都可以使用

1.3 缺點

Balsamiq Mockups是一個很簡單的小軟件,功能不多。但是,在控件方面,它可是下足了功夫,不但內置了所有常用的控件,而且每個控件的屬性都經過精心的設計,既不復雜,又涵蓋了必要的功能,出來的效果也很精致。內置的圖標庫也很不錯。不需要到處搜集第三方控件庫,不需要安裝插件,絕對省心。當然,從另外的角度,這也是個缺點——當它的控件庫不能滿足我們的需要時,又不能自己定制,就只能干瞪眼了。

2. 界面原型設計展示

2.1 Windows應用程序

 

2.2 iPhones應用程序

 

 

2.3   Web應用程序

 

3. 安裝程序(附license key生成器)

 http://files.cnblogs.com/CopyPaster/Balsamiq.Mockups.v1.6.62.rar


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM