1. 程式人生 > >常用的快速Web原型圖設計工具

常用的快速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!

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檔案,操作也比較簡單方便。但是沒什麼特點,而且細節不夠,遠遠不夠,同樣的產品比的就是細節嘛。

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