返回列表 發帖

Balsamiq Mockups - 網站雛型設計工具

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] 取消勾選即可。
To infinity and beyond!

返回列表 回復 發帖