2010年1月21日 星期四

Balsamiq Mockups

在專案製作過程中,想為軟體、或是網站設計個介面,又覺得那些Office 之類的繪圖介面不好用怎麼辦???
上網搜尋的過程中發現了這個有趣的手繪風格版面介面設計 軟體 Balsamiq Mockups.

Balsamiq Mockups 的官方網頁

安裝後的桌面圖示,設計稿與筆。

Balsamiq Mockups 的軟體介面,整個手繪風格看起來非常舒服。

介面非常簡潔也一目了然,上面是軟體提供的介面元件,只要用拖拉的方式就可以放到下面的工作區。
拖曳一個視窗的元件,來測試一下


每個元件都有不同的屬性,可以做調整,我把視窗元件的狀態列拿掉,模擬一個AP的頁面。
哦哦~ 試用版每幾分鐘就跳出來提醒你一下,這是有版權的軟體哦XD

拖拖拉拉一堆元件後 :

鏘鏘~! 拖拖拉拉 打幾個字,就完成了一個簡易AP的layout, 這樣之後要設計界面或是跟同事溝通就簡單多了。

很有趣的是,軟體還提供了Mark up 的元件,可以以這檔案做資訊及意見的溝通交流。比如說貼個便條紙,畫些建議之類的。

同樣的也可以拿來當網頁、甚至是iPhone App 的介面規劃
這軟體的特色:
  • 使用Adobe Air platform 開發,可跨平台使用
  • 手繪風格可愛簡潔
  • 介面簡單、上手容易
另外這是要付費的軟體,要價 $79..... 不知道這篇介紹文能不能騙到個License.....