很多時候，軟件設計與編碼人員同客戶之間存在著嚴重的溝通障礙，除了他們之間不同的立場視角以外，我覺得更重要的原因是討論物的不直觀，從而導致軟件開發者無法準確掌握客戶的具體項目需求，甚至最后開發出來的程序也與客戶實際業務不符。如何跨越這道鴻溝，是所有軟件開發者面臨的一大難題。

　　正因如此，我要向大家介紹一款非常實用的軟件：GUI Design Studio。您無需編碼便可輕松實現設計空間的延展。引用軟件開發者的一句話：Create User Interface Designs and Interactive Prototypes The Easy Way Without Writing A Single Line of Code。大大節約了原型開發的成本，目前，產品原型prototypes的概念和做法也被越來越多的開發管理者所認可。GUI Design Studio所提供的低成本原型“開發”方式，將使得更多“創意”得到最直觀的體驗和實踐。

　　以下是產品的介紹，概念提得非常誘人，這些價值究竟怎樣完全靠自己去體驗和摸索了。

　　GUI Design Studio簡介：GUI Design Studio是一款圖形用戶界面設計工具，您無需編寫任何代碼或腳本便可快速創建演示原型。同時，您還能使用其標準元素繪制個性化的屏幕、窗口以及控件；最后將它們進行完美整合，展示操作工作流，并運行模擬程序測試您的設計。

　　下面我將為大家演示一個GUI Design Studio的入門級示例。

　　第一步：下載安裝GUI Design Studio（下載地址）。

　　安裝完成后打開軟件，界面如圖一所示：

圖一：GUI Design Studio界面展示

　　左上角是菜單欄，菜單欄下方是一些常用工具，右邊是設計欄。界面看起來十分的簡潔。

　　第二步： 點擊左上角的File新建一個設計，如圖二：

 
圖二：新建一個GUI Design Studio設計

第三步：選擇右邊設計欄中的元素，可以看到元素下面有很多子菜單，有按鈕、控制器、設計網格、窗體與對話框等等。直接拖拽便可完成整個設計操作。如圖三：

圖三：新建GUI Design Studio應用程序

 　　第四步：設置應用程序屬性。每個元素都有自己的屬性，設置方法也基本一致，可以點擊鼠標右鍵選擇屬性或者直接雙擊鼠標左鍵彈出屬性窗口。應用程序的屬性有文本、樣式、字體、邊距等，文本屬性的類容又有顯示的內容、顯示位置、文本顏色（如圖四）。輕松設計出美觀的視圖，并根據需求隨意改變應用程序的屬性設置。

圖四：GUI Design Studio應用程序屬性設置

 　　應用程序的屬性設置完成后，我使用同樣的方法，再拖放了兩個按鈕在剛剛的應用程序上方，分別命名為OK和Close。這里還可以設置元素顯示上一層、下一層、頂層顯示和底層顯示。

　　第五步： 新拖放一個對話框到紅色邊框外（紅色邊框是畫板的邊框，畫板內的內容在運行的時候是可以看見的，但是畫板外的內容運行時看不見），并將對話框與OK按鈕關聯（關聯工具在右上方），箭頭要指向對話框（如圖五），這樣意味著當點擊OK按鈕后會彈出對話框，沒有點擊按鈕的時候對話框是看不見的。

圖五：關聯應用程序窗口與彈出對話框

　　第六步： 簡單的一個設計出來了，可以點擊右上方的小箭頭或者菜單欄中的Run運行設計。運行后除了我拖放的應用程序窗口外，顯示器其他地方都是黑色的，看不見我最后拖放的對話框。當點擊OK按鈕后，彈出了對話框“慧都控件歡迎您”。

圖六：運行我的第一個GUI Design Studio設計

圖七：點擊OK按鈕后彈出對話框

　　總結

　　雖然這只是一個GUI Design Studio的入門級介紹，但足以充分體現GUI Design Studio原型設計的方便快捷，而且在設計過程中支持對工程項目進行SVN控制，使得開發團隊可以更好的共享設計文件，并同時在同一工程項目上進行工作。