網(wǎng)站策劃5分鐘畫好客戶端原型
大家在畫基于web形態(tài)的原型時(shí)，可以用axure、Balsamiq-Mockups很方便的畫出來(lái)，但要是對(duì)象是客戶端軟件呢？Axure還是不是首選呢？或許你現(xiàn)在用Axure用的很熟，但我還是強(qiáng)烈的建議你用一下Gui-studio這個(gè)軟件感受下，閑話不扯我接下來(lái)演示講解一下，注意了特別是一些做軟件pm的朋友。
GUI-Design-Studio是一款圖形用戶界面設(shè)計(jì)工具，您能用它在不需要編寫任何代碼或腳本的情況下快速地創(chuàng)建演示原型。你可以用GUI Design Studio快速的把你們的的界面畫出來(lái)，把QQ/MSN/飛信的客戶端界面原型畫出來(lái)，你使用標(biāo)準(zhǔn)元素繪制個(gè)人化的屏幕、窗口以及控件；因?yàn)檫@些都是基于windows標(biāo)準(zhǔn)協(xié)議的。最后將它們集成以展示操作工作流然后運(yùn)行模擬程序測(cè)試您的設(shè)計(jì)。
當(dāng)您需要繪制一款應(yīng)用程序的原型或顯示怎樣將程序的各個(gè)部分連接起來(lái)時(shí)，您就可以使用GUI Design Studio來(lái)實(shí)現(xiàn)，如：
? 將產(chǎn)品創(chuàng)意文檔化
? 制作項(xiàng)目提案
? 需求記錄
? 創(chuàng)建屏幕圖樣
? 為開(kāi)發(fā)人員制作詳細(xì)的規(guī)格
? 為現(xiàn)有產(chǎn)品提出加強(qiáng)方案
? 以及更多其它用途
為用戶以及股東甚至您自己制作展示文件以：
? 驗(yàn)證設(shè)計(jì)
? 找出替代項(xiàng)
? 評(píng)估多個(gè)使用場(chǎng)景
工程
? 將您的工作組織放到工程里。
? 每個(gè)工程都擁有它自己的文件夾結(jié)構(gòu)。
? 可連接您計(jì)算機(jī)或網(wǎng)絡(luò)上任何地方的其它庫(kù)工程。
? 可連接到您計(jì)算機(jī)或網(wǎng)絡(luò)上任何地方使您能夠方便地獲取圖片以及其它文件。
? 創(chuàng)建您想要的并獨(dú)立于所有工程的個(gè)人化設(shè)計(jì)文件。
? 創(chuàng)建能重復(fù)使用的設(shè)計(jì)庫(kù)以及工程之間的一致性。
? 將圖片直接從剪貼板中粘貼到工程文件夾的文件中。
屏幕設(shè)計(jì)程序
? 可同時(shí)打開(kāi)多個(gè)設(shè)計(jì)文檔并能使用分頁(yè)界面在文檔間快速切換。
? 通過(guò)現(xiàn)有元素或其它自定義控件創(chuàng)建自定義控制組件。
? 在其它設(shè)計(jì)中創(chuàng)建將要使用的控件設(shè)計(jì)。
? 以常用的文件格式添加圖標(biāo)與圖片。
? 從能夠顯示您將獲得什么的控件面板中進(jìn)行拖放操作。
? 元素的自動(dòng)生成功能。
? 您能在任何地方放置任何元素。
? Edge snapping能通過(guò)“點(diǎn)擊”對(duì)屏幕元素進(jìn)行統(tǒng)一記錄。
? 設(shè)計(jì)網(wǎng)格向您提供了簡(jiǎn)單的制作具有一致性設(shè)計(jì)布局的方法。
? 只需單鍵點(diǎn)擊就能排列元素組。
? 均衡地隔開(kāi)元素組。
? 調(diào)整元素大小以適應(yīng)其它元素或測(cè)量一組其它元素。
? 聚焦縮小以查看細(xì)節(jié)設(shè)計(jì)或聚焦放大以瀏覽設(shè)計(jì)概況。使用工具欄按鍵或鍵盤或鼠標(biāo)的滑動(dòng)縮小放大功能聚焦增量。
? 使用鼠標(biāo)的滾動(dòng)以及滾輪功能快速瀏覽設(shè)計(jì)的概況。
? 剪切、復(fù)制與粘貼。
? 使用可選的canvas向?qū)э@示可用的屏幕空間。
? 通過(guò)文本框與書簽對(duì)您的設(shè)計(jì)進(jìn)行注釋。
? 為每個(gè)設(shè)計(jì)添加說(shuō)明。
? 選擇色彩主題以避免實(shí)際功能窗口的混淆。
圖標(biāo)
? 為圖標(biāo)面板提供快速的訪問(wèn)方式。
? 工程間可共享常用圖標(biāo)。
? 工程也能擁有它們獨(dú)享的圖標(biāo)集。
? 使用將來(lái)在實(shí)際產(chǎn)品開(kāi)發(fā)中可能用到的標(biāo)準(zhǔn)ICO文件。
展示與原型
? 在可導(dǎo)航元素（如按鍵與窗口）之間創(chuàng)建連接以顯示控制流程。
? 為圖象添加覆蓋保護(hù)以及添加其它元素以創(chuàng)建可導(dǎo)航的熱點(diǎn)。
? 支持形式化與非模態(tài)的窗口并支持顯示、隱藏或微調(diào)窗口，以及窗口替換以實(shí)現(xiàn)切換效果。
? 錨點(diǎn)使您能對(duì)窗口進(jìn)行準(zhǔn)確定位。
? 能立即在模擬程序中測(cè)試或展示您的設(shè)計(jì)。
? 添加消息框以描述可能在真實(shí)應(yīng)用程序中出現(xiàn)的功能。
? 可創(chuàng)建多種場(chǎng)景，如正常條件下的場(chǎng)景與多個(gè)出錯(cuò)場(chǎng)景。
? 選擇要激活的場(chǎng)景或讓模擬程序?yàn)槟x擇。
? 更改有效的屏幕分辨率以查看您的設(shè)計(jì)如何適應(yīng)不同的屏幕大小。
? 在沒(méi)有進(jìn)行腳本或代碼編寫的情況下，所有操作都是以圖形模式完成。
下面我用GUI Design Studio演示一下5分鐘畫好客戶端原型分幾個(gè)截圖給大家提供一下參考。
GUI Design Studio提供了精確的圖標(biāo)、窗體定位，可以具體到每一個(gè)PX。
GUI Design Studio豐富的考慮到對(duì)文字的支持，甚至連居左還是居右，還是禁用，360度支持。
GUI Design Studio強(qiáng)大的標(biāo)準(zhǔn)化元件、圖標(biāo)、注視功能支持，不同的工程之間還可以進(jìn)行關(guān)聯(lián)。GUI Design Studio提供的了大部分C/S、B/S組件的示意圖，可組合使用，在一般軟件界面模型設(shè)計(jì)階段基本可以滿足需要。
GUI Design Studio提供了各種配色方案，在菜單參數(shù)選擇里面選擇顏色配置，然后你所有的界面齊換裝了。OK，對(duì)于這款軟件的介紹到此為止，感興趣的朋友可以百度GUI Design Studio搜索一下。
系列工具：
產(chǎn)品經(jīng)理實(shí)用工具3-圖表制作Edarwmax
產(chǎn)品經(jīng)理實(shí)用工具4-畫原型界面Axure
產(chǎn)品經(jīng)理實(shí)用工具5-用例設(shè)計(jì)RationalRose
產(chǎn)品經(jīng)理實(shí)用工具【6】-流程需求專家visio
產(chǎn)品經(jīng)理實(shí)用工具【7】-客戶端原型GUI Design Studio
