|
交互原型設(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://www.95time.cn/design/doc/2008/6243.asp 
出處：2tan.net
責(zé)任編輯：moby
|
