GUI簡介
GUI DesignStudio 是一個給套用軟體設計圖形用戶界面的專業工具,它可在畫基於web形態的原型時,可以用Axure RP、Balsamiq Mockups很方便的畫出來,但要是對象是客戶端軟體的時候,Axure卻不是首選。 以快速的把思路,以可視化的方式來表現出來,並可以和客戶進行交流想法。GUI Design Studio同時也是一個不需要軟體開發和編碼的完整的設計工具,它支持所有基於微軟Windows 平台的軟體。因此, GUI Design Studio是一款適合界面原型設計員和界面原型開發員的軟體。最新版本版本為4.5版本。
特點
·自帶流程控制和命令促發判斷。·多達120餘種可用的內置設計元素,使用標準的Windows控制項,Web元素以及其他的泛型元素創建窗體。
·以不同的視圖風格查看設計,允許您無需修改設計即可改變演示效果。
·用法的超連結,直接以建立元素與元素之間的關聯的方式來自動化的創建動作流程。
·在不需要編寫任何代碼或腳本的情況下,使用標準元素繪製個性化的螢幕、視窗及控制項,快速創建演示原型,並將它們整合以展示操作工作流程然後運行模擬程式以測試設計。
·提供的了大部分C/S、B/S組件的示意圖,可組合使用。
·精確的圖示、窗體定位,可以具體到每一個Px
·提供豐富的配色方案,在選單參數選擇裡面選擇顏色配置,然後所有的界面都可以一起換裝。
·支持模擬器模擬界面效果,同時也可以支持滑鼠的點擊,及螢幕的跳轉。
·實現多工程間互用串聯設計以創建動態原型。
環境簡介
工程面板
使用工程面板可以訪問工程所有設計文檔和圖片檔案。在這裡你可以快速做如下事情:·創建新的工程目錄來組織檔案。
·創建新的設計文檔。
·複製已有的設計文檔。
·從剪貼簿上貼上圖片生成圖片檔案。
·加入其它工程和資料夾的連結,以訪問它們的所有設計文檔和圖片檔案。特別適用於使用庫工程的公共組件或使用存在別處圖片的情況。
·當你選擇了列表中的工程或資料夾時候,其對應的檔案樹將出現在下方。
·雙擊設計檔案打開它,或者拖拽它將其添加到打開的設計文檔中。
·使用滑鼠右鍵拖拽添加組件縮略圖。
·雙擊或拖拽圖片檔案,將其添加到打開的設計文檔中。
元素麵板
元素麵板提供所有可以用於創建應用程式GUI的窗體和控制項。元素被分成若干類別。當從列表中選擇某一類別時候,該類別的元素將出現在下面的視窗中。每個元素都是十分典型的,並且為了方便使用,一些類別中包含了同一個元素的不同變形形式。在這裡你可以快速做如下事情:·雙擊或拖拽元素,可以將元素添加到打開的設計文檔中。
·在設計文檔中,雙擊元素編輯它的屬性。
圖表面板
使用圖示面板,可以訪問公共的、主工程中的、以及其它在通過工程面板連結添加的工程或目錄中的圖示。公共圖示按類別存放著,可以創建新的類別目錄來存放新的圖示。當從列表中選擇某一類別時,該類別的圖示將出現在下面的視窗中,可以通過大小、顏色深度來過濾這些圖示。此外,還可以通過外部編輯器創建新的圖示或編輯已經存在的圖示。
注釋面板
注釋面板擁有多種標記符號表明注釋。故事面板
故事板面板提供用於構建設計文檔中控制流程的元素來實現一個模擬原型。故事板元素通常顯示在其它設計元素的上方。備註面板
備註面板提供記錄關聯設計文檔和它上面的元素的筆記摘要,可用於提供彈出注釋和生成詳細說明規格文檔。和其它面板不一樣的是,備註面板的內容會隨著當前活動的設計文檔而變化。功能介紹
快速簡單的創建用戶界面原型無論你是想要在你的界面上顯示套用視窗,Web頁面,子面板抑或是自定義控制項,該功能全面的界面設計器均能幫助你快速且輕鬆的完成創建。
·設計元素的拖曳與擺放
·邊緣處理以及專業化的抓取,以實現點擊即結合好設計元素
·使用滑鼠即可實現順利的翻動與縮放(還支持滾動與縱橫滾輪)
·可無限的進行撤銷/還原操作
·剪下,複製,貼上命令
·自動進行元素的父處理
·校正以及間隔處理工具
多達120餘種可用的內置設計元素
使用標準的Windows控制項,Web元素以及其他的泛型元素創建窗體。此外,還提供很多不同情況下的變型以加快構建速度。還能組合不同設計元素以創建自定義控制項以及變型。
·框窗體以及對話框
·工具條,選單欄以及彈出選單
·文本框,編輯框以及組合框
·按鈕,單選框以及複選框
·滾動條,滑動條
·列表,樹以及表
·標籤,標籤欄以及面板
·進度條與標尺
·功能條,標籤面板,選單,按鈕以及其他元素
·Web頁面,面板,按鈕以及文本列表
包含各種格式的圖示以及圖像
可以向您的設計原型中加入前景以及背景圖片,並可如同調整其他控制項一般簡便的調整其布局。
·從工程檔案樹中拖曳與放置圖像
·支持主流的圖像格式,如BMP, GIF, JPEG 與PNG
·支持透明化GIF以及PNG檔案
·裁剪,拉伸以及平鋪圖像
·能快速套用分類檢索的圖示調色板
·能在不同工程項目間共享普通圖示
·不同工程能有自有圖示
·使用在隨後的設計中可能要用到的標準化ICO檔案
·對圖示尺寸進行不同比例的縮放,以避免其在原型設計中出現冗餘版本
·多達150餘種基本圖示以便您開始設計
·能通過使用集成的Icon Express icon editor設計自有圖示
·如果有需要,能夠與其他的圖示設計器結合使用
用覆蓋說明或者邊注釋為設計原型進行注釋
當您需要為您的設計添加更多的注釋時,你可以選擇直接在當前界面添加注釋或者將注釋放入頁面的框線里。
·添加懸浮的文本框,用大括弧直接在設計圖上標明
·添加格式化的注釋以描述整個設計
·為單個元素添加格式化的注釋
·在設計與運行該設計原型時以彈出視窗顯示設計元素的注釋
·按鍵操作顯示或隱藏注釋
創建可復用的標準化設計組件以及材料
將您的工程設計分解為能復用於任意數量的其他設計的小組件。
·創建背景與前景材料
·在多個原型設計間共享組件部件,如面板或自定義控制項
·組件能在其他組件的任意層級嵌用
·原始組件被更改後,能立即反應在該控制項的使用之處
·能在特定的設計實例中重寫組件元素的屬性
·通過將常用設計元素放置於庫中,以實現在多工程間復用
串聯您的設計以創建一個動態原型
創建單一的界面設計往往是有用的,但是GUI Design Studio也允許用戶將之通過不同的方式聯接,使之呈現為一個生動的互動式原型。
·生動的描述應用程式流
·即刻運行並將之視為一個互動式的原型進行測試
·創建導航工具列以顯示或者隱藏窗體,面板或者模型對話框等
·使用錨體將之精確的放置在您需要的位置
·支持標籤頁
·點陣圖圖像中的熱鍵區引導
·生成右擊的上下文選單
·基於選定條件的場景允許用戶更改導航工具列
·使用訊息框描述進度或者複雜行為
·改變界面有效解析度以確認該設計是否適用於不同的螢幕尺寸
·無需涉及腳本與編碼
生成規格說明文檔
演示運行可瀏覽的設計原型是獲取對應用程式的體驗以及反饋的最佳途徑,但是,有時我們也需要生成相對更傳統一點的靜態說明文檔,以與同事或用戶分享。
·自動生成完整的規格說明文檔
·包括所有的設計細節,設計中的界面,以及所有的注釋與說明
·創建完整的文檔或者僅包括最新的修改,以節省空間與閱讀時間
·可選的格式包括:HTML、PDF、RTF (for directediting)
·滿足用戶所需規格的完整HTML模板樣式
·HTML也提供可引用的設計組件(或材料)用法的超連結
導出設計以用於外部審查
除了創建規格說明文檔,設計也可被導出為數種不同的形式,以進行審查檢閱。
·創建包含所有參考檔案的單一分布檔案,而無需考慮各參考檔案的存放位置
·包含整個工程項目,單一的資料夾區域或者僅僅一個設計項目
·分布檔案體積非常小,可通過使用free Viewer application傳送至任何人
·選擇性的允許觀看者介入正在運行的設計原型,以使原型更像一個真正的應用程式
·分布檔案可在瀏覽器中以不同的視圖方式瀏覽
·可將各設計部件導出為數種不同格式的圖像
·可將整個設計複製為圖像,以貼上入其他的諸如Wordprocessor的應用程式中
以不同的視圖風格查看您的設計
以最合適的視圖風格將之呈現給您的觀眾。有時,你可能需要高保真度以及認同,而有時,你可能需要相對低保真以獲得反饋。GUI Design Studio允許您無需修改自己的設計即可改變您的演示效果。
·從設定中選擇您的視圖類型
·以您喜好的方式打開設計,如果需要,可以以另一種不同的視圖方式演示您的設計原型,以下視覺效果可選:
Windows Vista
Windows XP
Windows NT/2000(Windows Classic)
大綱/縮略圖
·Widows風格下有多達20餘種基本顏色搭配可選(大綱時4種可選),此外還能創建自定義搭配
設計工程中進行團隊協作
GUI Design Studio允許設計組成員共享設計檔案,並同時在同一工程項目上進行工作。
·支持對工程項目進行SVN控制
·數據存儲伺服器可在區域網路或網際網路中
·根據可用的索引,通過刪除,重命名或檔案移動對工程項目進行再組織,然後將更改傳送至團隊的其他成員
·可自由的修改設計檔案-無需鎖定該檔案,併合並其他團隊成員所做的更改(大多數情況下是自動進行)