Balsamiq Mockups - 網站雛型設計工具
[img]http://jsgears.com/_icons/famfamfam/folder.gif[/img] Balsamiq Mockups[img]http://jsgears.com/_icons/famfamfam/icon_home.gif[/img] [url]http://www.balsamiq.com/products/mockups[/url]
[img]http://jsgears.com/_icons/famfamfam/comment.gif[/img] 網站雛型設計工具
Balsamiq Mockups 是一套專門用於設計 UI 雛型的工具，特別是網站的雛型設計，內建多種常用的網站 UI 元素，能讓網站規劃人員能快速製作一個網頁的雛型。所有 UI 的元素都是以徒手繪圖的方式呈現，線段不會是工整的，圖樣不會是精確的，有非常強烈的草稿風格，這樣的好處是，你不需要在枝微末節處錙銖必較，雛型就是要能快速產出，好讓工作人員們可以針對視覺化的概念進行討論。
官方網站上有提供多種[url=http://www.balsamiq.com/products/mockups/examples]範例[/url]，包括了桌面軟體、對話框、Wiki、Google Maps、YouTube 等等網站的功能示意圖，很容易藉此學習到這個軟體的使用技巧。此外，如果你覺得內建的 UI 元素不夠用，也可以上 [url=http://www.mockupstogo.net/]Mockups To Go[/url] 這個網站，你可以找到更多網站常用的元素、範例，像是 flickr 的介面範例、網站上常被使用的 Lightbox 特效、以及 Yahoo UI 提供的各種 UI 介面等等。
這是 Balsamiq Mockups 的使用介面，提供多種網站常用的 UI 元素：
[img]http://lh4.ggpht.com/_mxCEXp8skcU/SdgQNxBUcPI/AAAAAAAABmI/SbPu7GEStM4/s800/BalsamiqMockups1.jpg[/img]
使用上也很容易上手，只要拖拖拉拉就可以拉出你要的介面雛型：
[img]http://lh4.ggpht.com/_mxCEXp8skcU/SdgQOIZbrfI/AAAAAAAABmQ/LPzZCNaaj4o/s800/BalsamiqMockups2.jpg[/img]
對於中文的使用者，如果想在設計雛型中擺放中文字的話，得將字型顯示切換為系統字型，下拉選單 [View] -> [Use System Fonts] 取消勾選即可。
頁:
[1]