天天看點

推薦:原型工具GUI Design Studio

  制作原型是業務人員應該掌握的一項基本技能,這篇主要給大家介紹一個我認為比較好的一個工具:GUI Design Studio,大家可以到官方網站下載下傳試用,如果用于個人學習,也可以上網搜到破解:)

  軟體幫助文檔有個記事本的例子,如果參考做完就能大緻了解如何做原型了. 下面我主要示例一個管理軟體常用的界面模式,登入後顯示主界面,主界面上面一個公司圖示,左邊為一個功能清單,點選清單時在工作區頁簽顯示相應的子產品窗體。做了一個視訊,友善大家更好的快速了解.

主界面

推薦:原型工具GUI Design Studio

上面為菜單和工具條,工具條主要用的就是連接配接線,菜單主要用的是Design-Addbitmap添加圖檔(我也是剛找到的,應該在右邊Elements上更好)

右邊為界面元素和文檔目錄管理:

  Project:管理檔案目錄層次,可以在根目錄下放主界面,然後把功能子產品分系統建立多個目錄儲存。對于界面窗體比較多時,盡量按照子產品目錄分類來儲存,千萬不要放在一個頁面中設計,否則以後就不好維護了。

  Element:界面元素,比如按鈕、工具條等界面展現的控件

  Icon:圖示,可以軟體的安裝目錄裡加入自己的圖示後應用在項目中

  Storyboard:增加動态控制界面元素的動作控件。用的最多的是windows placeholder,主要來做顯示在Tab頁的内容,可以檢視軟體的幫助檔案的索引 Working with tabbed interfaces進一步了解

  Note:給控件加标題和注釋,如果加了注釋,在原型運作時滑鼠放在#上會顯示提示

示範:錄制movie和demo在大米盤下載下傳

主要說明:使用Storyboard的Window Position Anchor來定位彈出窗體的顯示位置, 使用Storyboard的windows placeholder來定位顯示窗體的顯示位置

原型工具blog連結:

産品經理實用工具【7】-用戶端原型GUI Design Studio

線框圖-原型可視化

用Flash Catalyst做互動原型

Rapid Prototyping Tools Revisited

10款互動設計原型開發工具

推薦:原型工具GUI Design Studio

推薦:你可能需要的線上電子書

靈活個人sina微刊:http://kan.weibo.com/kan/3483302195814612

 歡迎轉載,轉載請注明:轉載自靈活個人網站

轉載于:https://www.cnblogs.com/zhoujg/archive/2009/06/15/1503729.html