2009年9月22日 星期二

[Barcamphk'09 Note] Designer Tools: Balsamiq Mockups

(This is one of the topic presented in barcamp hong kong 09)
UI mockup is an important ad troublesome step betten designer and non-techy client - static photoshop wireframe is hard to understand and not easy to change. We really need a better mockup tool for communication.
Balsamiq, this may be the best UI mockup tool (wireframe) so far with tons of amazing features:
  • hand-writing/drawing style UI component
  • tons of UI pre-install, customizable and extensible components
  • interactive
  • wiki-style table editing
  • inline editing
  • can convert to flash, html/css by plugins
  • cross-platforms (Win/Mac/Web)
See the demo to understand its design flows and power!

(中文翻譯見more)

[中文]
(一般使用見上列影片)
對於設計師和普通人客戶來說,UI起草 (UI Mockup) 是UI設計中非常重要也非常麻煩的一個步驟: 靜態的photoshop線稿 (wireframe)對於一般人來說難以理解也不易改。是以,我們需要一個方便的Mockup工具
而Balsamiq也許是眾多Mockup工具中最好的:
  • 手繪風格UI元件
  • 大量預裝及可擴充/自訂的元件 (嫌手繪風格不夠Grand的可以自己改一set出來)
  • 具互動性
  • wiki式表格修改
  • inline修改
  • 可匯出成flash, html/css (plugins)
  • 跨平台 (Win/Mac/Web)
註: 這套軟件有分免費版和付費版,部分功能要付費版才有,而不同人士也有不同優惠,詳情自己細閱各版本的內文

沒有留言:

張貼留言