常用的快速Web原型圖設計工具

做產品原型是非常重要的一個環節,做產品原型就會用使用各式各樣的工具。在PM朋友們的推薦下使用了很多各種各樣的軟件,當然選擇一款真正適合自己的工具也是很重要,在這裏就把我使用過的工具都介紹一下。

  主要有:Office、Axure Rp、Balsamiq mockup、Pencil、rational rose、Serena Prototype Composer、iRise Studio、GUIDesignStudio、UIDeginer。   

Office 

  Office我想幾乎人人都要用,但真正用的強悍的人還是少見。我訂閱的youtube有一個視頻作者就是專門教人使用office,很多方法很新穎。Office有一系列的軟件可以在原型設計中使用:Word、Visio、PPT,其中我用過Word做過線框圖和流程圖,原型設計我主要是依靠表格,Visio可以做很強大的流程圖,也有人用他來做網頁(我從來不用),PPT演示效果非常不錯,所以也有人用來做原型,但是操作相對比較繁瑣。

  

Axure Rp

  Axure Rp就太強大了,非常適合做Web網站原型,交互效果都非常好,Axure發音是“Ack-Sure”,RP則是”RapidPrototyping”快速原型的縮寫,是美國Axure Software Solution公司的精心傑作,可以說Axure是web產品前期設計的首選,能幫助網站需求設計者,快速完成原型文檔、交互界面、功能流程,可以直接生成瀏覽器demo版本或是word文檔,建議所有做產品的朋友都可以嘗試一下。

  如果你很多複雜的交互功能控制不好,網上也有很多的控件模塊供你下載,前段時間也有人作出Pro5.1的漢化補丁,所以還是很容易上手。

Balsamiq Mockup

  Balsamiq mockup主要是做界面原型設計,是一款免費的帶有手繪塗鴉風格的原型設計軟件,這也是他獨特的地方—可以手繪,當然也有豐富的各種控件元素,可以幫助你設計桌面應用軟件,Web 2.0 站點,RIA富網絡應用程序, Web站點和Web應用軟件。相對來說這款更容易上手,不過本人手繪能力不好所以很汗顏,不過在不斷進步ing!

  在線試用地址:http://www.balsamiq.com/demos/mockups/Mockups.html

Pencil

  Pencil應該是08年初在一位PM的博客書籤裏面找了,最初只是firefox的小插件,後來也出了獨立軟件。據瞭解得過Firefox3插件Grand Prize大獎第一名。主要用作做原型圖,我使用的是插件版,只能生成png格式的原型圖。Pencil非常好用,你迅速就可以學會,各種web元素都比較全,信手粘來進行組合就能做成一個可預覽的原型圖。我現在常用。安裝下載地址:https://addons.mozilla.org/zh-CN/firefox/addon/8487

Prototype Composer

  Prototype Composer是一款能夠讓非技術型的用戶進行原型設計的免費軟件,還包括商業過程、活動、需求和數據,就是說不但可以製作界面原型,還可以用來做項目管理,包括需求管理,數據管理,可發佈成demo原型和Word文檔,但是都是英文版本。國內PM大多都是偏重產品設計,爲了提高團隊協調能力,可以用這個軟件來鍛鍊。交互功能比Axure弱小點以外(也可能是我沒學好),總體來說這個軟件很強大啊!

iRise Studio

  IRise Studio是iRise公司開發的,iRise公司就是專門爲IT、互聯網企業提供服務的公司,他們有一整套的應用模擬器iRise Application Simulator,能整個的模擬出產品的形狀、運作、管理。而iRise Studio只是其中的一小塊,主要用於產品界面設計。感覺很強大,仿真度也頗高,但本人目前也只是淺嘗了一下,剛剛接觸。

GUIDesignStudio

  GUI Design Studio是一款圖形用戶界面設計工具,可以任意的使用各種web元素拼湊出產品界面,可以用過原型演示,生成word文檔。但是感覺和其他工具差異性不是很大,沒什麼可發掘的特點,而且覺得人性化不夠。

UIDeginer

  UIDeginer是騰訊CDC團隊搗鼓出來的玩意,大體上看起來還可以,拖拽各種元素控件組合產品生成EXE格式的demo文件,操作也比較簡單方便。但是沒什麼特點,而且細節不夠,遠遠不夠,同樣的產品比的就是細節嘛。

  重點推薦前幾款有圖的,適合自己的就是最好的!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章