Balsamiq Mockups - 網站雛型設計工具 Mockups

wmh

Balsamiq Mockups
http://www.balsamiq.com/products/mockups
網站雛型設計工具

Balsamiq Mockups 是一套專門用於設計 UI 雛型的工具，特別是網站的雛型設計，內建多種常用的網站 UI 元素，能讓網站規劃人員能快速製作一個網頁的雛型。所有 UI 的元素都是以徒手繪圖的方式呈現，線段不會是工整的，圖樣不會是精確的，有非常強烈的草稿風格，這樣的好處是，你不需要在枝微末節處錙銖必較，雛型就是要能快速產出，好讓工作人員們可以針對視覺化的概念進行討論。

官方網站上有提供多種範例，包括了桌面軟體、對話框、Wiki、Google Maps、YouTube 等等網站的功能示意圖，很容易藉此學習到這個軟體的使用技巧。此外，如果你覺得內建的 UI 元素不夠用，也可以上 Mockups To Go 這個網站，你可以找到更多網站常用的元素、範例，像是 flickr 的介面範例、網站上常被使用的 Lightbox 特效、以及 Yahoo UI 提供的各種 UI 介面等等。

這是 Balsamiq Mockups 的使用介面，提供多種網站常用的 UI 元素：


使用上也很容易上手，只要拖拖拉拉就可以拉出你要的介面雛型：


對於中文的使用者，如果想在設計雛型中擺放中文字的話，得將字型顯示切換為系統字型，下拉選單 [View] -> [Use System Fonts] 取消勾選即可。