制作原型是業務人員應該掌握的一項基本技能,這篇主要給大家介紹一個我認為比較好的一個工具: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款互動設計原型開發工具
推薦:你可能需要的線上電子書
靈活個人sina微刊:http://kan.weibo.com/kan/3483302195814612
歡迎轉載,轉載請注明:轉載自靈活個人網站
轉載于:https://www.cnblogs.com/zhoujg/archive/2009/06/15/1503729.html