其實不管你是一個程式設計人，或是一個網站設計人，對於開發一個使用者的 UI 介面，相信你一定也是從拿一張白紙動手，從開始畫你的 SITEMAP 開始，接著開始手繪你的使用者介面，或許你有一點美術基礎，你還可以畫出一個其他人也看得懂的作品，如果你跟我一樣，畫出來的東西沒人看得懂，那你又該如何把你的程式交給美術設計師來幫你把介面做出來呢 ? 現在有一個好程式可以來幫助你快速的來製作雛形設計的藍圖喔。

圖片 : 使用 Mockups 快速開發你的應用系統使用者 UI 介面

當你接到一個企劃案，不管你是一個美術設計需要做一個 WEB 介面，但是卻不知道該怎麼跟程式設計師溝通，或是你是一個專案企畫，聽完客戶的需求卻不知道怎麼跟你的手下 ( 喔不，程式設計師 ) 訴說客戶的需求，更不用說到程式設計師要設計一隻程式，卻不知道該怎麼排才是比較好的設計。

通常遇到這種狀況，我們都一定會拿出白紙來塗塗畫畫，但是這樣如果一陣子後不是紙張不見了，就是要改的時候就頭大了，還要拿出鉛筆橡皮擦，現在，你不用這麼累了。

Balsamiq Mockups 也是一套 RIA 用 AIR 開發的 Mockups ( 印刷品之版面編排 ) 軟體，他提供了很多元件，可以讓你快速的建立起你想要的程式編排，這套程式很早我就知道了，不過最近看到他更新，還支援了 IPHONE 的視覺元件喔，可以開發出更特別的圖片了，來看看依照上圖的編排我實作後的結果吧。

如此一來開發程式或是在溝通介面的時候是不是方便多了呢 ? 不過預設他不支援中文喔，如果你要輸入中文的話必須要使用系統字型，View –> Use system Fonts 。

我們再來看看它還可以提供我們哪些圖形化元件吧，看是不是可以更快速的開發我們的系統介面。

趕快去下載來試用吧，一定可以快速的加速你系統開發的速度喔。

延伸閱讀 :

最早我看到的來源是

奶綠茶的 http://milkmidi.blogspot.com/

文章 : Mockups For Desktop

後來我這邊也看到 Balsamiq Mockups 的介紹

Mockups : http://blog.othree.net/log/2008/12/13/mockups/

在這邊也有 Balsamiq Mockups 的視覺元件更新 BLOG

http://www.mockupstogo.net/

Random Posts

相關文章 :

• 視窗多大，你的夢想就有多大 – pixus 網頁設計師利器

Ausir FLEX, PC Show, 程式設計, 網頁設計, 電腦相關 AIR, Mockups, SOHO, UI 元件, 代客開發, 專案開發