交互原型設(shè)計(jì)軟件Axure中文教程——介紹
介紹(Introduce)
互聯(lián)網(wǎng)行業(yè)產(chǎn)品經(jīng)理的一項(xiàng)重要工作,就是進(jìn)行產(chǎn)品原型設(shè)計(jì)(Prototype Design)。而產(chǎn)品原型設(shè)計(jì)最基礎(chǔ)的工作,就是結(jié)合批注、大量的說明以及流程圖畫框架圖wireframe,將自己的產(chǎn)品原型完整而準(zhǔn)確的表述給UI、UE、程序工程師,市場人員,并通過溝通會(huì)議,反復(fù)修改prototype 直至最終確認(rèn),開始投入執(zhí)行。
進(jìn)行產(chǎn)品原型設(shè)計(jì)的軟件工具也有很多種,我寫的這個(gè)教程所介紹的Axure RP,是taobao、dangdang等國內(nèi)大型網(wǎng)絡(luò)公司的團(tuán)隊(duì)在推廣使用的原型設(shè)計(jì)軟件。同時(shí),此軟件也在產(chǎn)品經(jīng)理圈子中廣為流傳。之所以Axure RP得到了大家的認(rèn)同和推廣,正是因?yàn)槠浜啽愕牟僮骱褪褂,符合了產(chǎn)品經(jīng)理、交互設(shè)計(jì)師們的需求。
在正式談Axure RP之前,我們先來看看做產(chǎn)品原型設(shè)計(jì),現(xiàn)在大致有哪些工具可以使用,而他們的利弊何在。
- 紙筆:
簡單易得,上手難度為零。有力于瞬間創(chuàng)意的產(chǎn)生與記錄,有力于對文檔即時(shí)的討論與修改。但是保真度不高,難以表述頁面流程,更難以表述交互信息與程序需求細(xì)節(jié)。
- Word:
上手難度普通?梢援媤ireframe,能夠畫頁面流程,能夠使用批注與文字說明。但是對交互表達(dá)不好,也不利于演示。
- PPT:
上手難度普通。易于畫框架圖,易于做批注,也可以表達(dá)交互流程,也擅長演示。但是不利于大篇幅的文檔表達(dá)。
- Visio:
功能相對比較復(fù)雜。善于畫流程圖,框架圖。不利于批注與大篇幅的文字說明。同樣不利于交互的表達(dá)與演示。
- Photshop/fireworks:
操作難度相對較大,易于畫框架圖、流程圖。不利于表達(dá)交互設(shè)計(jì),不擅長文字說明與批注。
- Dreamweave:
操作難度大,需要基礎(chǔ)的html知識(shí)。易于畫框架圖、流程圖、表達(dá)交互設(shè)計(jì)。不擅長文字說明與批注。
以上這些工具,都是產(chǎn)品經(jīng)理經(jīng)常會(huì)使用到的,但是從根本上來說,這些工具都不是做prototype design的專門利器,需要根據(jù)產(chǎn)品開發(fā)不同的目的,不同的開發(fā)階段,選擇不同的工具搭配使用,才能達(dá)到表達(dá)、溝通的目的。
比如使用紙筆,更適合在產(chǎn)品創(chuàng)意階段使用,可以快速記錄閃電般的思路和靈感;也可以在即時(shí)討論溝通時(shí)使用,通過圖形快速表達(dá)自己的產(chǎn)品思路,及時(shí)的畫出來,是再好不過的方法。而word則適合在用文字詳細(xì)表達(dá)產(chǎn)品,對產(chǎn)品進(jìn)行細(xì)節(jié)說明時(shí)使用,圖片結(jié)合文字的排版,是word最擅長的工作。而ppt自然是演示時(shí)更好。visio則可以適用于各種流程圖、關(guān)系圖的表達(dá),更可通過畫use case 獲取用戶需求。PS/FW是圖片處理的工具,DW則是所見即所得的網(wǎng)頁開發(fā)軟件,這些是設(shè)計(jì)師的看家本領(lǐng),對于普通的產(chǎn)品經(jīng)理來說,需要耗費(fèi)太多的精力去掌握。
其實(shí)每件工具,每個(gè)軟件,在創(chuàng)造它的初期,軟件設(shè)計(jì)師們都給它賦予了性格、氣質(zhì)。因?yàn)槊總(gè)工具的產(chǎn)生,都是為了滿足人類的某一方面需求。比如鋤頭是鋤土的,起子是起螺絲的,電熨斗是燙衣服的。但是不同的工具都有自己的工作領(lǐng)域,在其他領(lǐng)域它并不擅長。而以上的軟件在創(chuàng)造的初期,并非為了幫助產(chǎn)品經(jīng)理、ue完成產(chǎn)品原型設(shè)計(jì),因此他們都不能在prototype design 這件工作上得心應(yīng)手。而Axure RP正是在互聯(lián)網(wǎng)產(chǎn)品大張其道的前提下,為滿足prototype design創(chuàng)建的需求,應(yīng)運(yùn)而生。
Axure RP 能幫助網(wǎng)站需求設(shè)計(jì)者,快捷而簡便的創(chuàng)建 基于目錄組織的原型文檔、功能說明、交互界面以及帶注釋的wireframe網(wǎng)頁,并可自動(dòng)生成用于演示的網(wǎng)頁文件和word文檔,以提供演示與開發(fā)。
沒錯(cuò)!Axure RP 的特點(diǎn)是:
- 快速創(chuàng)建帶注釋的wireframe文件,并可根據(jù)所設(shè)置的時(shí)間周期,軟件自動(dòng)保存文檔,確保文件安全。
- 在不寫任何一條html與javascript語句的情況下,通過創(chuàng)建的文檔以及相關(guān)條件和注釋,一鍵生成html prototype演示。
- 根據(jù)設(shè)計(jì)稿,一鍵生成一致而專業(yè)的word版本的原型設(shè)計(jì)文檔。
說到這里相信很多人已經(jīng)激起了興趣,但是在開始學(xué)習(xí)之前,我認(rèn)為我們還是有必要先了解一下軟件短短的歷史,創(chuàng)造這一軟件的公司—Axure Software Solutions, Inc.該公司創(chuàng)建于2002年五月,Axure RP是這一軟件公司的旗艦產(chǎn)品,2003年一月Axure RP第一版本上線發(fā)表,至今已經(jīng)正式發(fā)行到了第四個(gè)版本,而我提筆寫到這里的時(shí)候,Axure 5.0版本beta版本已經(jīng)正式提供下載試用,雖然我已經(jīng)下載使用,但是我想,寫教程還是應(yīng)該先從穩(wěn)定的4.6版說起,至于5.0版,我們可以伴隨著軟件一起成長。
接下來我會(huì)結(jié)合圖片,分幾個(gè)步驟分享我對Axure的認(rèn)識(shí),
一、 界面與功能 二、 工具欄 三、 站點(diǎn)地圖 四、 組件與使用方法 五、 復(fù)用模板與使用 六、 交互功能與注釋 七、 實(shí)例
當(dāng)然,在書寫的過程中我會(huì)根據(jù)具體的情況再進(jìn)行調(diào)整,盡量做到圖文并茂,易于理解。寫這個(gè)教程的目的,一方面為自己熟悉與更加理解Axure,另一方面也鞭策自己完善自己的blog網(wǎng)站www.2tan.net,同時(shí)也希望以自己的綿薄之力,為希望學(xué)習(xí)Axure的朋友分享一點(diǎn)經(jīng)驗(yàn)。由于這是我第一次嘗試寫教程,難免會(huì)出現(xiàn)偏頗,也希望朋友們能夠不吝賜教,共同進(jìn)步。
為e文好的朋友附上自學(xué)Axure RP的幾個(gè)途徑:
- 打開軟件,按F1調(diào)取幫助文檔,對照文檔學(xué)習(xí)。
- 登錄http://www.axure.com/au-home.aspx 查看flash視頻學(xué)習(xí)。
- 登錄 Axure 博客 http://axure.com/cs/blogs/Default.aspx,了解軟件最新信息。
- 登錄討論組http://axure.com/cs/forums/Default.aspx,參與討論。
本文鏈接:http://m.95time.cn/design/doc/2008/6243.asp
出處:2tan.net
責(zé)任編輯:moby
|